html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}
.miosfp-auth,
.miosfp-signin,
.miosfp-qr {
  display: none;
}
.miosfp-avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.miosfp-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
  display: none;
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.miosfp-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.miosfp-drawer .mdl-menu__container {
  z-index: -1;
}
.miosfp-drawer .miosfp-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.miosfp-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.miosfp-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}
.miosfp-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.miosfp-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.miosfp-layout .miosfp-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.miosfp-layout .miosfp-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.miosfp-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}

.miosfp-content {
  max-width: 1080px;
  margin-left: 10px;
  height: 100%;
}

.miosfp-cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.miosfp-cards .miosfp-separator {
  height: 32px;
}
.miosfp-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.miosfp-cards ul {
  padding: 0;
}
.miosfp-cards h3 {
  font-size: 1em;
}
.miosfp-updates .mdl-card__title {
  /*
  min-height: 200px;
  background-image: url('images/dog.png');
  background-position: 90% 100%;
  background-repeat: no-repeat;
  */
}
.miosfp-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

a.miosfp-download-excel {
  text-decoration: none;
  color: inherit;
  font-weight: normal;
}

i.miosfp-letter {
  display: none;
}
.miosfp-scan-letter {
  display: none;
}

.mdl-radio__label {
  margin-right: 15px;
}
.icon.material-icons.miosfp-comment {
  color: lightgrey;
}
div.mdl-tooltip {
  white-space: normal;
}
div.miosfp-cell {
  /*: 1px solid black;*/
  padding: 10px;
}
div.miosfp-cell.active {
  /*border: 2px solid black;*/
  /*background: white;*/
}
div.miosfp-label {
  font-size: 18px;
  margin-bottom: 10px;
}
div.misofp {
  width: 100%;
}
.mdl-tooltip {
  min-width: 500px;
  text-align: left;
}

div.miosfp-email-sign-in {
  display: none;
}

#miosfp-email-sign-in-progress,
#miosfp-email-sign-in-incorrect-password {
  display: none;
}

div.miosfp-email-sign-in-password {
  display: none;
}

.twinkle {
  color: black;
}

@-webkit-keyframes twinkly {
  from {opacity: 1;}
  to {opacity: 0.4;}
}

@-moz-keyframes twinkly {
  from {opacity: 1;}
  to {opacity: 0.4;}
}

@-ms-keyframes twinkly {
  from {opacity: 1;}
  to {opacity: 0.4;}
}

@keyframes twinkly {
  from {opacity: 1;}
  to {opacity: 0.4;}
}

.twinkle {
  -webkit-animation: twinkly 1s alternate infinite;
  -moz-animation: twinkly 1s alternate infinite;
  -ms-animation: twinkly 1s alternate infinite;
  animation: twinkly 1s alternate infinite;
}

ul {
  list-style: none;
}

.sending {
  color: red;
}
.icon.material-icons.xrait-comment {
  color: lightgrey;
}
.icon.material-icons.study-id {
  color: lightgrey;
}
.miosfp-patient-label {
  background: white;
  border: 1px solid black;
  padding: 10px;
}
#practitionerName {
  min-height: 200px;
}
div.no-practitioner-found {
  margin-top: 10px;
  color: rgb(84, 90, 78);
}
.response-received {
  display: none;
}