/* Material Icons Font (for MD theme) */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.e79bfd8.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.570eb83.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.012cf6a.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.a37b0c0.ttf) format('truetype');
}

/* Orbitron Font */
@font-face {
  font-family: 'Orbitron Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Orbitron Regular'),
       local('Orbitron-Regular'),
       url(fonts/Orbitron-Regular.add0c42.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Framework7 Icons Font (for iOS theme) */
@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Framework7Icons-Regular.589f22d.eot);
  src: url(fonts/Framework7Icons-Regular.988e8c7.woff2) format("woff2"),
       url(fonts/Framework7Icons-Regular.0efb066.woff) format("woff"),
       url(fonts/Framework7Icons-Regular.48c1c71.ttf) format("truetype");
}

.f7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  text-align: center;
}

/* fw7 tweack */

body {
  font-size: 12px;
}
a {
  font-size: 12px;
}

.page {
  background-color: unset;
}

.required {
  color: red;
  font-weight: 600;
}

:root {
  --f7-theme-color: #b53531;
  --f7-theme-color-rgb: 181, 53, 49;
  --f7-theme-color-shade: #952c28;
  --f7-theme-color-tint: #cc4743;

  --f7-dialog-width: 400px;

  --f7-button-font-size: 12px;
  --f7-list-font-size: 12px;
  --f7-table-body-font-size: 12px;
  --f7-button-height: 32px;
}

/* vars */

:root {
  --iimt-width: 1024px;
  --iimt-gray: #999;
  --iimt-red: #b53531;
}

/* material */

.md-36 {
  font-size: 36px;
}
.md-48 {
  font-size: 48px;
}

.searchbar a, .searchbar .button {
  color: white;
}
.searchbar a, .searchbar .button {
  color: white;
}
.button.active-state {
  color: var(--iimt-red);
}

.dialog-inner {
  padding: 0px 0px 0px 0px;
}
.dialog-title {
  background: var(--iimt-red);
  background: linear-gradient(0deg, var(--iimt-red) 0%,rgb(220,170,170) 100%);  
  font-weight: 600;
  color: white;
  font-size: 16px;
  padding: 2px 0 2px 8px;
}
.dialog-text {
  padding: /*var(--f7-dialog-inner-padding)*/8px;
  font-size: 12px;
}
.md .dialog-title + .dialog-text {
  margin-top: 0px;
}
.dialog-inner .progressbar-infinite {
  margin-bottom: 16px;
}

/* */

a.unknown-media {
  background-color: white;
  display:flex;
  flex-shrink:1;
}
a.unknown-media.active, a.unknown-media:hover {
  background-color: rgb(220,170,170);
}
a.report-media.active {
  background-color: rgb(220,170,170);
}

/* table */

table tbody {
  display: block;
  overflow-y: scroll;
}

table thead, table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table thead, table tbody tr:hover {
  cursor: pointer;
}
/*table tbody td.label-cell, table tbody td.action-cell, table tbody td.numeric-cell {
  word-wrap: none;
}*/

/* iimt */

.iimt-layout {
  display: flex;
  flex-shrink: 1;
  width: 100%;
}
.iimt-layout > .left {
  width: calc(100% - 10px);
  background-image:url(images/bg-left.45dcb9d.png); 
  background-repeat: no-repeat; 
  background-position: left bottom;
}
.iimt-layout > .right {
  width: 10px;
  background: linear-gradient(180deg, var(--iimt-red) 0%,rgb(255,255,255) 100%);
}

.iimt-hexpand {
  height: 100%;
}

.iimt-link {
  color: var(--iimt-red);
}
.iimt-link:hover {
  text-decoration: underline;
}

.iimt-subtitle {
  color: var(--iimt-red);
  font-weight: 600;
}

.iimt-highlighted {
  color: var(--iimt-red);
}

.iimt-top-container {
  display: flex;
  flex-shrink: 1;
  width: 100%;
}

.iimt-button {
  display: inline-flex;
  background: var(--iimt-red);
  background: linear-gradient(0deg, var(--iimt-red) 0%,rgb(220,170,170) 100%);  
  font-weight: 600;
  color: white;
}
.iimt-button.outlined {
  display: inline-flex;
  background: white;
  border: 1px solid var(--iimt-red);  
  font-weight: 600;
  color: var(--iimt-red);
}

.iimt-frame-grow {
  width: 100%;
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  border: 1px solid var(--iimt-red);
  border-radius: 4px;
  flex-direction: column;
  background-color: white;
}

.iimt-frame {
  width: 100%;
  height: 100%;
  display: flex;
  flex-shrink: 1;
  border: 1px solid var(--iimt-red);
  border-radius: 4px;
  flex-direction: column;
  background-color: white;
}
.iimt-frame .title, .iimt-frame-grow .title {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  height: 24px;
  width: fit-content;
  padding: 0 16px 0 8px;
  border-right: 1px solid var(--iimt-red);
  border-bottom: 1px solid var(--iimt-red);
  border-bottom-right-radius: 4px;
  background: linear-gradient(0deg, var(--iimt-red) 0%,rgb(220,170,170) 100%);  
  color: white;
  font-weight: 600;
}
.iimt-frame > .content, .iimt-frame-grow > .content {
  height: calc(100% - 24px);
  display: flex;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page > .content {
  height: 100%;
}

.iimt-searchbar {
  height: 32px;
  border: 2px solid var(--iimt-red);
  border-radius: 4px;
}
.searchbar .searchbar-input-wrap {
  height: 32px;
}

.list .item-floating-label,
.list input[type="text"]::placeholder, .list input[type="password"]::placeholder, .list input[type="search"]::placeholder, .list input[type="email"]::placeholder, .list input[type="tel"]::placeholder, .list input[type="url"]::placeholder, .list input[type="date"]::placeholder, .list input[type="datetime-local"]::placeholder, .list input[type="time"]::placeholder, .list input[type="number"]::placeholder, .list select::placeholder {
  color: rgba(0, 0, 0, 0.75);
}

/* flex */

.flex {
  display: flex; 
  flex-shrink: 1; 
}
.flex.row {
  flex-direction: row;
}
.flex.column {
  flex-direction: column;
}
.flex.row.centerh {
  justify-content: center;
}
.flex.column.centerh {
  align-items: center;
}
.flex.row.centerv {
  align-items: center;
}
.flex.column.centerv {
  justify-content: center;
}


img[usemap], map area{
  outline: none;
}


.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


.iimt-small-row > tr > td, .iimt-small-row > tr > th {
  height: 32px;
}


.prompt-on-top {
  top: 0px;
}

/* Landing */

.view-landing {
  margin-bottom: 64px;
  margin-left: 32px;
  margin-right: 32px;
  height: calc(100% - 48px - 64px - 64px);
}

.landing-header {
  height: 56px;
  margin-left: 92px;
  justify-content: space-between;
  position: relative;
  width: calc(100% - 92px - 16px);
  padding: 0 8px;
}
.landing-header > div {
  margin-left: 0px;
  display: flex;
  flex-shrink: 1;
  align-items: center;
}
.landing-header .logo-mathcloud {
  background-image:url(images/logo-48.3cf0ecb.png); 
  background-repeat: no-repeat; 
  background-position: left top;
  width: 217px;
  height: 48px;
}
.landing-header .punchline {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.landing-bar {
  display: flex;
  flex-shrink: 1;
  height: 32px;
  background-color: var(--iimt-gray);
  z-index: 5002;
}
.landing-bar > div:first-child {
  justify-content: space-between;
}
.landing-bar div {
  display: flex;
  flex-shrink: 1;
}
.landing-bar .left {
  margin-left: 92px;
}
.landing-bar a {
  padding: 0 16px;
  color: white;
}
.landing-bar a.bar-link {
  font-weight: 600;
}
.landing-bar a.bar-link.active {
  font-weight: 600;
  background-color: rgba(200,200,200,0.5);
}
.landing-bar a.bar-link::after {
  content: "";
  position: absolute;
  border-right: 1px solid lightgray;
  width: 1px;
  height: 100%;
  right: 0;
  margin-left: 16px;
}
.landing-bar a.bar-link:last-child::after {
  display: none;
}

.landing-bar-bottom {
  position: absolute;
  bottom: 32px;
  display: flex;
  flex-shrink: 1;
  height: 48px;
  justify-content: center;
  width: 100%;
}
.landing-bar-bottom a {
  padding: 0 16px;
  color: #666;
}
.landing-bar-bottom a.bar-link:hover {
  font-weight: 600;
}
.landing-bar-bottom a.bar-link::after {
  content: "";
  position: absolute;
  border-right: 1px solid lightgray;
  width: 1px;
  height: 100%;
  right: 0;
  margin-left: 32px;
}
.landing-bar-bottom a.bar-link:last-child::after {
  display: none;
}
.landing-bar .right {
  background: linear-gradient(90deg, var(--iimt-gray) 0%,rgb(255,255,255) 100%);
}
.landing-bar .right .link {
  padding: 0 8px;
}

.landing-copyright {
  position: absolute;
  bottom: 8px;
  display: flex;
  flex-shrink: 1;
  height: 16px;
  justify-content: center;
  width: 100%;
  font-size: 10px;
}

/* Popup measures */

.popup.measures.modal-in {
  width: 1000px;
  margin-left: calc(-1 * 1000px / 2);
  margin-left: calc(-1 * 1000px / 2);
}

/* Popup landing more */

.popup.popup-landing-more {
  width: 900px;
  margin-left: calc(-1 * 900px / 2);
  height: 650px;
  margin-top: calc(-1 * 650px / 2);
}

/* Landing home */

.landing-home {
  display: flex;
  flex-shrink: 1;
  margin-top: 32px;
  flex-direction: column;
  justify-content: right;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.landing-home-text {
  display: flex;
  flex-shrink: 1;
  width: 500px;
  margin-left: auto;
}
.landing-home-text > div {
  position: relative;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  width: 100%;
}
.landing-home-text .intro {
  text-align: justify;
}
.landing-home-text .arrow {
  position: absolute;
  left: -48px;
  top: -14px;
  display: flex;
  flex-shrink: 1;
  color: var(--iimt-gray);
}
.landing-home-text .more {
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  margin-top: 16px;
}

.landing-home-computers {
  position: absolute;
  top: 40px;
  left: -48px;
  background-image:url(images/computers.c17c4d0.png); 
  background-repeat: no-repeat; 
  background-position: left top;
  width: 675px;
  height: 550px;
  background-size: contain;
  z-index: -1;
}

.landing-home-signin {
  display: flex;
  flex-shrink: 1;
  width: 580px;
  margin-left: auto;
  margin-bottom: 32px;
}
.landing-home-signin > div {
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  width: 100%;
}
.landing-home-signin .reminder {
  text-align: center;
  font-weight: 600;
  font-style: italic;
}
.landing-home-signin .jumbo {
  display: flex;
  flex-shrink: 1;
  height: 120px;
  border: 1px solid gray;
  border-radius: 8px;
  width: 100%;
  background: linear-gradient(0deg, var(--iimt-gray) 0%, var(--iimt-gray) 80%,rgb(200,200,200) 100%);  
}
.landing-home-signin .jumbo > div {
  display: flex;
  flex-shrink: 1;
  height: 100%;
  width: calc(100% - 200px);
  padding-left: 272px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.landing-home-signin .jumbo.physician > div  {
  background-image:url(images/jumbo-physician.b84ce45.jpg); 
  background-repeat: no-repeat; 
  background-position: left top;
}
.landing-home-signin .jumbo.ct > div  {
  background-image:url(images/jumbo-ct.2ec5186.jpg); 
  background-repeat: no-repeat; 
  background-position: left top;
}
.landing-home-signin .jumbo span {
  color: white;
  font-size: 16px;
  font-weight: 900;
}

/* Landing about */

.landing-about-text {
  width: 500px;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15%;
}

/* Landing tutorial */

.landing-tutorial-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}

.landing-tutorial-grid .cell {
  display: flex;
  flex-shrink: 1;
  width: calc(50% - 16px);
  height: calc(50% - 16px);
  margin: 8px;
}

/* Landing contact */

.landing-contact {
  width: 600px;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.landing-contact .iimt-frame {
  height: auto;
}
.landing-contact .content {
  flex-direction: column;
}
.landing-contact .iimt-button {
  margin-bottom: 32px;
}

/* Landing home signin popup */

.landing-home-signin .center {
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  align-items: center;
}
.landing-home-signin .list {
  width: 70%;  
}

/* Landing register */

/*.landing-register-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}

.landing-register-grid .cell {
  display: flex;
  flex-shrink: 1;
  margin: 8px;
}

.landing-register-grid .cell:first-child {
  width: 100%;
  height: 126px;
  align-items: flex-start;
}
.landing-register-grid .cell:nth-child(2) {
  width: calc(34% - 16px);
  height: calc(100% - 126px - 16px - 16px);
}
.landing-register-grid .cell:nth-child(3) {
  width: calc(33% - 16px);
  height: calc(100% - 126px - 16px - 16px);
}
.landing-register-grid .cell:nth-child(4) {
  width: calc(33% - 16px);
  height: calc(100% - 126px - 16px - 16px);
}

.landing-register-grid .cell .content {
  align-items: flex-start;
}

.landing-register-grid .cell:nth-child(4) .content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.landing-register-grid .cell:nth-child(4) .content .note {
  padding: 8px;
}

.landing-register-grid .cell .content .list {
  margin: 0;
}*/

.landing-register-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}

.landing-register-grid .cell {
  display: flex;
  flex-shrink: 1;
  margin: 8px;
}

.landing-register-grid .cell:nth-child(1) {
  width: calc(34% - 16px);
}
.landing-register-grid .cell:nth-child(2) {
  width: calc(33% - 16px);
}
.landing-register-grid .cell:nth-child(3) {
  width: calc(33% - 16px);
}

.landing-register-grid .cell .content {
  justify-content: flex-start;
  /*align-items: flex-start;*/
}

.landing-register-grid .cell:nth-child(3) .content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.landing-register-grid .cell:nth-child(3) .content .note {
  padding: 8px;
}

.landing-register-grid .cell .content .list {
  margin: 0;
}
.landing-register-grid .cell .content .list .item-input .item-inner {
  padding-top: 0;
}

.landing-register-grid .cell:nth-child(4) {
  width: 100%;
  margin: 0 128px;
  flex-direction: column;
  align-items: center;
}
.landing-register-grid .cell:nth-child(4) .list {
  width: 100%;
}
.landing-register-grid .cell:nth-child(4) .simple-list li {
  justify-content: left;
}
.landing-register-grid .cell:nth-child(4) .simple-list li span {
  padding-left: 16px;
}


/* Home */

.view-home {
  margin-bottom: 16px;
  margin-left: 32px;
  margin-right: 32px;
  height: calc(100% - 48px - 16px - 56px);
}

.home-bar .center {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  justify-content: space-around;
}

/* Patient */

.page[data-name="home-patient"] > div {
  flex-direction: column;
}

.view-home-patient {
  height: calc(100% - 32px - 8px);
  width: 100%;
}

.home-patient-navbar {
  display: flex;
  flex-shrink: 1;
  height: 48px;
  justify-content: center;
}
.home-patient-navbar > a {
  /*background-color: var(--iimt-gray);*/
  color: white;
}
.home-patient-navbar > a > span {
  background-color: var(--iimt-gray);
  width: 100%;
  height: 100%;
  display: flex;
  flex-shrink: 1;
  padding: 0 8px;
  align-items: center;
}
.home-patient-navbar > a:hover {
  font-weight: 600;
}
.home-patient-navbar > a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 24px 24px;
  border-color: var(--iimt-gray) var(--iimt-gray) var(--iimt-gray) transparent;
}
.home-patient-navbar > a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 24px 24px;
  border-color: white white white var(--iimt-gray);
}
.home-patient-navbar > a.active > span {
  background-color: var(--iimt-red);
  font-weight: 600;
}
.home-patient-navbar > a.active:before {
  border-color: var(--iimt-red) var(--iimt-red) var(--iimt-red) transparent;
}
.home-patient-navbar > a.active:after {
  border-color: transparent transparent transparent var(--iimt-red);
}

/* Patient files */

.home-patient-files-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}
.home-patient-files-grid .toolbar {
  background-color: white;
}

/* Patient files new */

.page[data-name="home-patient-files-new"] li {
  width: 50%;
}

/* Patient data */

.home-patient-data-top-container {
  background-image:url(images/network.a96b6a0.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: contain;
  display: flex;
  flex-shrink: 1;
  width: 100%;
  padding: 8px;
  height: calc(100% - 56px - 16px);
}

.home-patient-data-bottom-container {
  width: 100%;
  height: 56px;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

.home-patient-data-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}
.home-patient-data-grid > .iimt-frame:first-child {
  height: 64px;
  margin-bottom: 16px;
}
.home-patient-data-grid > .iimt-frame:first-child .content {
  flex-direction: row;
}
.home-patient-data-grid > .iimt-frame:last-child {
  height: calc(100% - 64px - 16px);
}
.home-patient-data-grid .list .item-inner:after {
  background-color: unset;
}
.home-patient-data-grid form ul {
  background-color: unset;
}
.home-patient-data-grid form li div {
  justify-content: flex-end;
}
.home-patient-data-grid form li span {
  margin-right: 16px;
}
.home-patient-data-grid form li span.right {
  margin-left: 16px;
}

.home-patient-data-grid .item-input .item-inner.left {
  margin-left: 64px;
  width: calc(100% - 64px);
}
.home-patient-data-grid .item-input .item-inner.right {
  margin-right: 64px;
  width: calc(100% - 64px);
}

/* Patient risks */

.home-patient-risks-left {
  width: calc(50% - 1px);
  border-right: 1px solid var(--iimt-red);
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

.home-patient-risks-right {
  width: 50%;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

/* Patient history */

.home-patient-history-left {
  width: calc(50% - 1px);
  border-right: 1px solid var(--iimt-red);
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

.home-patient-history-right {
  width: 50%;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

/* Patient family */

.home-patient-family-grid {
  display: flex;
  flex-shrink: 1;
  flex-flow: row wrap;
  width: calc(100% - 0px);
  height: calc(100% - 32px);
  padding: 16px;
  margin-left: 0px;
}

.home-patient-family-grid > .iimt-frame:first-child {
  height: 64px;
  margin-bottom: 16px;
}
.home-patient-family-grid > .iimt-frame:first-child .content {
  flex-direction: row;
}

.home-patient-family-grid > .iimt-frame:last-child {
  height: calc(100% - 64px - 16px);
}
.home-patient-family-grid > .iimt-frame:last-child .content > div:first-child {
  background-image:url(images/network.a96b6a0.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: contain;
  display: flex;
  flex-shrink: 1;
  width: 100%;
  height: calc(100% - 16px - 56px);
}

.home-patient-family-left {
  flex-grow: 1;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}
.home-patient-family-left form {
  margin-bottom: calc(330px - 96px + 32px);
}
.home-patient-family-left ul {
  border-right: 1px solid var(--iimt-red);
}
.home-patient-family-left ul li {
  justify-content: flex-end;
}
.home-patient-family-left ul li span {
  margin-right: 16px;
}

.home-patient-family-center {
  width: 400px;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

.home-patient-family-right {
  flex-grow: 1;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home-patient-family-right form:first-child {
  left: -48px;
}
.home-patient-family-right form:last-child {
  margin-top: -8px;
}
.home-patient-family-right ul {
  border-left: 1px solid var(--iimt-red);
}
.home-patient-family-right ul li {
  justify-content: flex-start;
  margin-left: 16px;
}

#form-patient-family ul {
  background-color: unset;
}

/* Patient examination */

.home-patient-examination-left {
  width: calc(60% - 1px);
  border-right: 1px solid var(--iimt-red);
  display: flex;
  flex-shrink: 1;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.home-patient-examination-right {
  width: 40%;
  display: flex;
  flex-shrink: 1;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

/* measure */

.measure-media {
  background-color: #eee;
  margin: 4px 8px;
  padding: 8px;
  width: calc(100% - 32px);
}

.measure-media.active{
  background-color:rgb(220,170,170);
}

/**/

.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(1),
.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(2),
.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(3) {
  text-align: center;
}
/*.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(1):hover,
.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(2):hover,
.md .dialog-buttons-vertical .dialog-buttons .dialog-button:nth-child(3):hover {
  text-decoration: underline;
}*/
.md .dialog-buttons-vertical .dialog-buttons .dialog-button:not(:last-child):hover {
  text-decoration: underline;
}

.md .dialog-input-field.input {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.md .dialog-input-field.input > input {
  border: 1px solid var(--iimt-red);
  border-radius: 3px;
  padding: 0px 8px;
}