._4uEyKcd5WHob5qPzotT7{max-width:90%;width:100%;padding:15px;margin:0 auto}._3tN_2y5nzjFgi_CBfgsLqG{box-shadow:none!important}._3tN_2y5nzjFgi_CBfgsLqG h1,._1HqQUjXw8L4lH3yGEG1d3H h1{height:49px!important;line-height:50px!important;font-size:16px!important}._1HqQUjXw8L4lH3yGEG1d3H h1{color:"#616161"!important}.JErQJG7oZ0ueXQUCTtCJc{display:none}._3vzO4E1mfUR0zDdjgx1jNe{background-color:red}._2ah7i4eBvIA3h4p7LyEGol{background-color:#006db4;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);box-sizing:border-box;position:relative;z-index:2;font-size:9px;color:red}._1KfFgS45n1Gy8nyKZK9AAl{padding-top:0;padding-bottom:0;font-size:11px;line-height:15px;position:relative;background-color:#fff;transition:height .25s ease-in;border:1px solid red}._2ah7i4eBvIA3h4p7LyEGol p{font-size:12px;display:inline-block;text-align:right}@media (max-width:1024px){.JErQJG7oZ0ueXQUCTtCJc{width:100vw;height:100vh;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(12,29,59,.85);z-index:1;text-align:center;font-size:24px;line-height:2}}.setting-action button {
  cursor: pointer; }
  .setting-action button:active {
    transform: translateY(2px); }

.setting-container {
  background-color: #F0F0F4;
  display: block;
  min-height: calc(100vh - 55px); }

.caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 25px !important; }
  .caption h3 {
    flex: 1;
    color: #006DB4; }
  .caption img {
    margin-right: 10px; }

.caption-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 1px !important; }
  .caption-tab h3 {
    flex: 1;
    color: #006DB4; }
  .caption-tab img {
    margin-right: 10px; }

.tabs-container {
  padding: 5px 25px !important; }
  .tabs-container .tab-header {
    border-bottom: 4px solid #5191D0 !important; }
  .tabs-container .tab-menu {
    width: 120px;
    margin-right: 5px !important;
    background-color: white !important;
    color: #5191D0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .tabs-container .tab-menu-active {
    background-color: #5191D0 !important;
    color: white !important; }
  .tabs-container .tabs-content {
    padding: 15px 20px;
    background-color: white;
    min-height: calc(100vh - 190px); }
    .tabs-container .tabs-content .patient-table-header {
      background-color: #006DB4 !important; }
    .tabs-container .tabs-content .fix-draft {
      margin-top: 5px;
      display: block; }
  .tabs-container .tabs-filter {
    padding: 15px 20px 3px;
    background-color: white;
    display: flex;
    flex-flow: row nowrap; }
    .tabs-container .tabs-filter input {
      margin-right: 10px;
      height: 32px;
      border: #5191D0 1px solid; }

.switch {
  padding: 15px 20px 3px;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.bg {
  background-color: blue; }

.setting-table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%; }
  .setting-table thead {
    background-color: #DFDFD3;
    border-bottom: 2px solid white; }
    .setting-table thead td {
      font-weight: bold; }
  .setting-table th {
    text-align: left;
    padding: 15px;
    color: white;
    background-color: #006DB4; }
  .setting-table td {
    padding: 15px;
    color: #006DB4;
    background-color: #ECF3FA; }
  .setting-table tr:nth-child(even) {
    background-color: #dddddd; }

.menu-active {
  background-color: #5191D0 !important;
  color: white !important; }

.menuItem:focus {
  background-color: #5191D0 !important; }

.setting-action {
  text-align: center; }
  .setting-action button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
  .setting-action .button-close {
    background-color: #FF7600; }

.caption-filter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }
  .caption-filter h3 {
    flex: 1; }
  .caption-filter .date-filter {
    text-align: right;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end; }
    .caption-filter .date-filter .search-filter:last-child {
      padding-left: 10px; }
  .caption-filter .patient-filter-select {
    height: 30px !important;
    width: 180px;
    text-align: left;
    margin-top: -1px; }
  .caption-filter .patient-filter-select .Select-value-label, .caption-filter .patient-filter-select .Select-placeholder {
    color: #006DB4 !important;
    font-size: 14px; }
  .caption-filter .patient-filter-option {
    font-size: 14px;
    white-space: nowrap; }

.modal-title-setting {
  padding: 0px 10px !important;
  background-color: white;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important; }
  .modal-title-setting img {
    margin-right: 10px; }
  .modal-title-setting h3 {
    color: #074A7E;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0px; }
  .modal-title-setting .search-filter {
    position: relative; }
    .modal-title-setting .search-filter input {
      font-size: 14px;
      padding-left: 10px;
      color: #006DB4;
      z-index: 10;
      position: relative;
      background-color: transparent;
      height: 32px;
      border: #5191D0 1px solid; }
      .modal-title-setting .search-filter input::-webkit-input-placeholder {
        color: #006DB4; }
    .modal-title-setting .search-filter:after {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      top: 6px;
      right: 6px;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 9; }
    .modal-title-setting .search-filter .rang-datepicker {
      min-width: 210px; }
  .modal-title-setting .order-tab-container {
    justify-content: flex-end;
    margin-right: 10px;
    background-color: transparent; }
  .modal-title-setting .order-tabs {
    background-color: white !important;
    color: black !important;
    padding: 0px 15px !important;
    border: 1px solid black !important;
    width: 55% !important; }
  .modal-title-setting .order-tabs-action {
    background-color: #006DB4 !important;
    border: 1px solid #006DB4 !important;
    color: white !important; }

.modal-order-setting {
  width: 100% !important;
  max-width: none !important;
  transform: translate(0px, 0%) !important;
  padding-top: 0px !important; }

.modal-paper-setting {
  background-color: #ECF3FA !important;
  border: 1px solid #C2D2DE;
  padding: 35px 15px 15px; }

.modal-body-setting {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  max-height: 100vh !important; }

.modal-overlay-setting {
  background-color: #0C1D3B !important;
  opacity: .85 !important; }

.show-data {
  width: 100%;
  height: 500px;
  overflow: scroll; }

.dash-setting-container h3 {
  border-bottom: 1px solid #928779;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.dash-setting-container button {
  text-align: end; }

.table-setting .col1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }
  .table-setting .col1 img {
    width: 17px;
    margin-left: 5px; }

.setting-table-fix-thead {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%; }
  .setting-table-fix-thead thead {
    background-color: #DFDFD3;
    border-bottom: 2px solid white; }
    .setting-table-fix-thead thead td {
      font-weight: bold; }
  .setting-table-fix-thead th {
    text-align: left;
    padding: 15px;
    color: white;
    background-color: #006DB4;
    position: sticky;
    top: 0;
    z-index: 100; }
  .setting-table-fix-thead td {
    padding: 15px;
    color: #006DB4;
    background-color: #ECF3FA; }
  .setting-table-fix-thead tr:nth-child(even) {
    background-color: #dddddd; }

.support-Guide-search {
  position: relative; }
  .support-Guide-search input {
    font-size: 20px;
    padding-left: 10px;
    padding-top: 4px;
    color: black;
    z-index: 10;
    position: relative;
    background-color: white;
    margin: -1px; }
    .support-Guide-search input::-webkit-input-placeholder {
      color: white; }
  .support-Guide-search:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9; }
  .support-Guide-search .rang-datepicker {
    min-width: 210px; }

.icon-search {
  background-color: white; }
  .icon-search:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAABBxJREFUWAm9V01oXUUU/mZeYlqp2bTSVCEpaC2iIGqQJqk/BYWCtipRLO2qKoEuu7AojWVoa+lCF9qCoFUX0oWKUgmKG7Vi8pLYoG7S0nZRTEQJWMSirfH1zfGbO9e5vX25Py+NGci7Z+453zffPTNzZqJQ1HaPdKGCzQx7FApdEKwCZAntGdrTgP4OsEPQtW9hNlwuosvyqywHBkduoYCD9D+VGZNyyBSU2g3TexRQknKV6DQKMaJhq3uJ3cWvbg0cgj9o/xj1FZYyK50QtZIxV3HIBN/0w6yfCtgSRprkpfHluK52jF+0PsHKGSj9Cs7f+AEOrZlN3tMyY+2w9ftpPc7Bn+NTR34nWqstzM4XUb/ETyJkYKIVHX9/zfT2xWSXoGUXJvvexEeqXsg1OHo7tD1KQXd7vMxCdA/29f5QiGWA/wIX2TH7eiJCpmH1vUzv4VIiHH5/zynoykNcwCdcl1xtUPYzuCyXaF6IGb2HX7IjihfUoFs2RsQlCFIhZt0FXFy2gWJORe+VWoXWy/tSMRkdL8Taw8HvpsOsOxn6zRqv3vUXp3QjYRc8VAZgxm8rotEYHF7LbPTEoDNcE4eKQIV+t2NE9kdxSlUgNZ/tHKBGi94U/KIOll4TAZRh/L7yDU6R2/Js6gn/zP7VVP5I5BbCdNtQdmiTHr/VP49Rq+F2VU5za6TT++UkTPdvObHzcMmXAdQiXcGew2BG3NnhmvrZPxf0d+oKtpuusBtMZoQHmGsKlxq81/pCKvHOcUS2PY9OU8BMFCC4OS9wXr5KPeG06nweh5uaX6MAhbV4Wip5wc37dFI/tJzLwzMjajwOaMcd1Qfzgpv2WftYhBGeO6iN5eHd1HwaAkTcCbowzV2olIoLJb4qujRpTPZ+w1ripwdqK16u+tPzWuVU8Bop/BGicaSITkeVVGsTArV8GN0zwot5GHtG3P2kP0KKnMYvSwoLpVc82fMOs3I6HvJWSH0IO6tL5yEBGBxbw5LwfsCK2o63umuhn2F4Ie7iozXPA/kzjnsA7ZbzyhtYM82MPgxdP8G1cUOAKdwZ7BwjuaG5IDO8mdv5Y1a3Fo8peSE2w52wOEDcVk5JmtMRCQawt+9tzzn3byPIVO+DlU9IlxQjYdFTwkWNCdJM8Sbmi6C1yznKNsZuSsTPPVCRmEYhjsdMrICdPcAB3Hb205fBn3ot+InRL1LU9fyYI8Sn+XMykw5MsbLjL8Q7mY0nSb7ianfcv8jncQ75HvDPsVAvTPXZZsTkCwkji2J96eYiXM2p6ODfMv67MI26PouZ1u8zd0UTYkoKCYqaN0qK+f+FOOklxCyOkBJiFk9Inhgl/YsrJFOMHC9fIxzJQjTT+y533PMscBLoRJ1d/Iz8N/qe4WdYm3aw/pyDanvhX/P5V9nCf+qzAAAAAElFTkSuQmCC); }
#main {
  /* width: 800px;
	height: 300px;
	margin: auto; */
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }

#outer-circle {
  -webkit-box-shadow: 0 0 50px 10px #006DB4;
  -moz-box-shadow: 0 0 50px 10px #006DB4;
  box-shadow: 0 0 50px 10px #006DB4;
  border: 10px solid #ECEBFA;
  border-top-color: #2A79BC;
  /* margin: 20% auto; */
  text-align: center;
  background: -webkit-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  background: -moz-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  background: linear-gradient(to bottom, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  width: 220px;
  height: 220px;
  -webkit-border-radius: 220px;
  -moz-border-radius: 220px;
  border-radius: 220px;
  -webkit-animation: turning_cw 5s infinite;
  -moz-animation: turning_cw 5s infinite;
  animation: turning_cw 5s infinite;
  position: relative;
  opacity: 0.7; }

#outer-circle:hover {
  -webkit-box-shadow: 0 0 100px 15px #006DB4;
  -moz-box-shadow: 0 0 100px 15px #006DB4;
  box-shadow: 0 0 100px 15px #006DB4; }

#inner-circle {
  border: 10px solid #ECEBFA;
  border-left-color: #2A79BC;
  border-right-color: #2A79BC;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  position: absolute;
  background: -webkit-linear-gradient(top, #ecebfa 48%, #2A79BC 49%, #2A79BC 51%, #ECEBFA 52%);
  background: -moz-linear-gradient(top, #ecebfa 48%, #2A79BC 49%, #2A79BC 51%, #ECEBFA 52%);
  background: linear-gradient(to bottom, #ecebfa 48%, #2A79BC 49%, #2A79BC 51%, #ECEBFA 52%);
  margin: 10px;
  width: 180px;
  height: 180px;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  -webkit-animation: turning_acw 3s infinite;
  -moz-animation: turning_acw 3s infinite;
  animation: turning_acw 3s infinite; }

#center-circle {
  border: 10px solid #2A79BC;
  border-bottom-color: #ECEBFA;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  position: absolute;
  background: -webkit-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  background: -moz-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  background: linear-gradient(to bottom, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  margin: 10px;
  width: 140px;
  height: 140px;
  -webkit-border-radius: 140px;
  -moz-border-radius: 140px;
  border-radius: 140px;
  -webkit-animation: turning_cw 5s infinite;
  -moz-animation: turning_cw 5s infinite;
  animation: turning_cw 5s infinite; }

#content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 140px;
  -moz-border-radius: 140px;
  border-radius: 140px;
  background: #0A5793;
  text-align: center;
  line-height: 120px;
  font-size: 30px;
  color: #2A79BC;
  text-shadow: 0 2px 2px #000;
  font-weight: bold; }

@-webkit-keyframes aura {
  0% {
    text-shadow: 0 2px 2px #000; }
  50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px; }
  100% {
    text-shadow: 0 2px 10px #000; } }

@-webkit-keyframes turning_cw {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes turning_acw {
  0% {
    -webkit-transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes aura {
  0% {
    text-shadow: 0 2px 2px #000; }
  50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px; }
  100% {
    text-shadow: 0 2px 10px #000; } }

@-moz-keyframes turning_cw {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-moz-keyframes turning_acw {
  0% {
    -moz-transform: rotate(360deg); }
  100% {
    -moz-transform: rotate(0deg); } }

@keyframes aura {
  0% {
    text-shadow: 0 2px 2px #000; }
  50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px; }
  100% {
    text-shadow: 0 2px 10px #000; } }

@keyframes turning_cw {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes turning_acw {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }

.bhq-loading {
  position: relative;
  width: 100%;
  height: calc(100vh - 70px);
  display: flex;
  justify-content: center;
  align-items: center; }

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  width: 170px;
  position: relative;
  margin: 0px;
  padding: 0px; }

.circle {
  border: 5px transparent solid;
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 69%; }

.blue {
  top: 0px;
  border-top: 5px #002d73 solid;
  animation-delay: 4s;
  animation: blue 1.5s infinite; }

.blue:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #002d73;
  border-radius: 69%;
  right: 5px;
  top: 10px;
  box-shadow: 0px 0px 20px #002d73; }

.blue:before {
  content: "";
  position: absolute;
  background: #002d73;
  top: 10px;
  left: 11px;
  border-radius: 69%; }

.red {
  left: 0px;
  bottom: 0px;
  border-top: 5px #ba212d solid;
  animation: red 1.5s infinite; }

.red:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #ba212d;
  border-radius: 69%;
  right: 5px;
  top: 10px;
  box-shadow: 0px 0px 20px #ba212d; }

.red:before {
  content: "";
  position: absolute;
  background: #ba212d;
  top: 10px;
  left: 11px;
  border-radius: 69%; }

.black {
  right: 0px;
  bottom: 0px;
  border-top: 5px black solid;
  animation: black 1.5s infinite; }

.black:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: black;
  border-radius: 69%;
  right: 5px;
  top: 10px;
  box-shadow: 0px 0px 20px black; }

.black:before {
  content: "";
  position: absolute;
  background: black;
  top: 10px;
  left: 11px;
  border-radius: 69%; }

@keyframes blue {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes red {
  0% {
    transform: rotate(240deg); }
  100% {
    transform: rotate(600deg); } }

@keyframes black {
  0% {
    transform: rotate(120deg); }
  100% {
    transform: rotate(480deg); } }

.logo-img {
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border-radius: 10px;
  width: 90px;
  height: auto;
  object-fit: contain; }

.loader {
  margin: 5% auto 30px; }

.book {
  border: 4px solid #000;
  background: #bbdefb;
  width: 60px;
  height: 45px;
  position: relative;
  perspective: 150px; }

.book_page {
  display: block;
  width: 30px;
  height: 45px;
  border: 4px solid #000;
  border-left: 1px solid black;
  margin: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  overflow: hidden;
  background: #bbdefb;
  transform-style: preserve-3d;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.book .book_page:nth-child(1) {
  -webkit-animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 2s infinite;
  animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 2s infinite; }

.book .book_page:nth-child(2) {
  -webkit-animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 1.75s infinite;
  animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 1.75s infinite; }

.book .book_page:nth-child(3) {
  -webkit-animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 1.5s infinite;
  animation: pageTurn 1.5s cubic-bezier(0, 0.39, 1, 0.68) 1.5s infinite; }

/* Page turn */
@-webkit-keyframes pageTurn {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  20% {
    background: #92ceff; }
  40% {
    background: #bbdefb;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  100% {
    background: #bbdefb;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); } }

@keyframes pageTurn {
  0% {
    transform: rotateY(0deg); }
  20% {
    background: #92ceff; }
  40% {
    background: #bbdefb;
    transform: rotateY(-180deg); }
  100% {
    background: #bbdefb;
    transform: rotateY(-180deg); } }
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 34px; }

.lds-ellipsis div {
  position: absolute;
  top: 12px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #006DB4;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis.login-ellipsis {
  height: 20px; }

.lds-ellipsis.login-ellipsis div {
  background: white; }

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite; }

.lds-ellipsis.small {
  width: 32px !important;
  height: 15px !important; }

.lds-ellipsis.small div {
  top: 6px;
  width: 5px;
  height: 5px; }

.lds-ellipsis.small div:nth-child(1) {
  left: 3px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis.small div:nth-child(2) {
  left: 3px;
  animation: lds-ellipsisSmall 0.6s infinite; }

.lds-ellipsis.small div:nth-child(3) {
  left: 13px;
  animation: lds-ellipsisSmall 0.6s infinite; }

.lds-ellipsis.small div:nth-child(4) {
  left: 22px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

@keyframes lds-ellipsisSmall {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(8px, 0); } }

/* ring */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px; }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 2px;
    border: 2px solid #074A7E;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #074A7E transparent transparent transparent; }
    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s; }
    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s; }
    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: #fff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #08c #0099e6 #0099e6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #08c;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: #fff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #fff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.header-naviagtion {
  padding-left: 0px;
  margin: 0px;
  display: flex;
  list-style: none; }

.header-naviagtion li {
  display: flex;
  align-items: center;
  padding: 0px 15px;
  color: white;
  /*border-right: 1px solid white*/
  min-height: 36px;
  position: relative; }

.header-naviagtion li:last-child, .header-naviagtion li:first-child {
  border-right: none; }

.header-select-field {
  height: 30px !important;
  width: 250px; }

.header-select-field .Select-value-label, .header-select-field .Select-placeholder {
  color: white !important; }

.header-select-field > div:first-child {
  height: 30px !important;
  bottom: 0px !important; }

.header-select-field div div div {
  height: 30px !important;
  top: -30px !important; }

.header-select-field button {
  width: 30px !important;
  height: 30px !important;
  padding: 0px !important; }

.header-naviagtion .patient-list::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  border-right: 1px solid white;
  height: 60%; }

.header-naviagtion .patient-list a, .header-naviagtion .patient-list .go-link {
  text-decoration: none;
  color: white;
  display: flex;
  align-items: center;
  cursor: pointer; }

.header-naviagtion .patient-list a img, .header-naviagtion .patient-list .go-link img {
  margin-left: 10px; }

.header-naviagtion .patient-list .path-info {
  cursor: pointer; }

.share-doc .share-content-list {
  border-bottom: 1px solid #003d66;
  padding: 0px; }
  .share-doc .share-content-list:last-child {
    border-bottom: none; }

.share-doc .noti-share-doc .noti-badge {
  position: absolute;
  top: 0;
  right: 6px;
  padding: 2px;
  border-radius: 50%;
  background-color: red;
  color: white;
  font-size: 10px;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle; }

.share-doc .noti-share-doc .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  position: absolute;
  z-index: 2000;
  top: 105%;
  left: 60%;
  margin-left: -40px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 10px; }

.share-doc .noti-share-doc:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.share-doc .noti-popover {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 99999;
  width: 380px;
  min-height: auto;
  max-height: 500px;
  padding: 10px;
  background-color: white;
  color: dimgrey;
  border-radius: 6px;
  border: 1px solid grey;
  font-size: 14px !important;
  overflow-y: scroll;
  box-shadow: 1px 1px 1px 1px #ccc; }
  .share-doc .noti-popover .popover-title * {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px; }
  .share-doc .noti-popover .popover-title div:first-child {
    font-weight: bold;
    font-size: 16px; }
  .share-doc .noti-popover .popover-title .noti-tab {
    color: slategray;
    border: 1px solid slategray;
    border-radius: 24px; }
  .share-doc .noti-popover .popover-title .noti-inactive {
    background-color: #f1f2f4; }
    .share-doc .noti-popover .popover-title .noti-inactive:hover {
      background-color: #d4d9de; }
  .share-doc .noti-popover .popover-title .noti-active {
    color: white;
    background-color: slategray; }
    .share-doc .noti-popover .popover-title .noti-active:hover {
      background-color: #9aa6b1; }
  .share-doc .noti-popover .closebtn-noti {
    color: dimgrey;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    top: 0;
    right: 10px; }
    .share-doc .noti-popover .closebtn-noti:hover {
      color: black; }
  .share-doc .noti-popover .noti-content ul {
    all: unset; }
  .share-doc .noti-popover .noti-content li {
    color: dimgrey;
    font-size: 12px; }
    .share-doc .noti-popover .noti-content li .noti-unread {
      background-color: #f1f2f4; }
      .share-doc .noti-popover .noti-content li .noti-unread .unread-bullet {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: blue;
        font-size: 16px; }
    .share-doc .noti-popover .noti-content li .noti-wrap {
      padding: 10px 4px 10px 6px;
      border-radius: 6px;
      position: relative; }
      .share-doc .noti-popover .noti-content li .noti-wrap a {
        all: unset;
        cursor: pointer; }
        .share-doc .noti-popover .noti-content li .noti-wrap a div {
          line-height: normal; }
          .share-doc .noti-popover .noti-content li .noti-wrap a div div.noti-msg {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden; }
          .share-doc .noti-popover .noti-content li .noti-wrap a div div.noti-note {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
          .share-doc .noti-popover .noti-content li .noti-wrap a div small {
            padding-left: 6px;
            color: gray; }
          .share-doc .noti-popover .noti-content li .noti-wrap a div span:not(.msg-to) {
            font-weight: bold; }
          .share-doc .noti-popover .noti-content li .noti-wrap a div span.mark-up {
            color: peru; }
      .share-doc .noti-popover .noti-content li .noti-wrap:hover {
        background-color: #d9d9d9; }
    .share-doc .noti-popover .noti-content li .noti-menu {
      position: absolute;
      bottom: 6px;
      right: 6px; }

.share-doc ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px; }

.share-doc ::-webkit-scrollbar-thumb {
  visibility: hidden;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.share-doc:hover .noti-share-doc img {
  background-color: #003d66;
  border-radius: 50%; }

.share-doc:hover ::-webkit-scrollbar-thumb {
  visibility: visible; }

.share-doc .dropbtn {
  border: none;
  cursor: pointer; }

.share-doc .dropdown {
  position: relative;
  display: inline-block; }

.share-doc .dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f1f1f1;
  min-width: 100px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }
  .share-doc .dropdown-content button {
    color: black;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
    font-size: 10px; }
    .share-doc .dropdown-content button:hover {
      background-color: #ddd; }

.share-doc .show {
  display: block; }
.signin-container {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background-image: url(/460d5f2c3caea69ac3b33ac52ed86a54.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: relative;
  padding-bottom: 15%;
  padding-top: 5%; }

.signin-logo {
  width: 160px;
  margin: auto;
  display: block; }

.signin-form {
  width: 550px;
  background-color: white;
  padding: 30px 0px; }

.signin-button {
  margin: 12px;
  width: 250px; }

.hospital-logo {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0%);
  color: gray;
  text-align: center;
  font-size: 12px;
  line-height: 20px; }

@media (max-width: 1024px) {
  .signin-container {
    background-size: auto 100%; } }
.modal-close-x, .modal-close-x-medcer, .order-body .order-table tbody tr td button, .order-body .order-table tbody tr td .download-button, .order-body .order-table-mec tbody tr td button, .order-body .order-table-mec tbody tr td .download-button, .order-body-2 .order-table tbody tr td button, .order-body-2 .order-table tbody tr td .download-button, .order-body-2 .order-table-mec tbody tr td button, .order-body-2 .order-table-mec tbody tr td .download-button, .order-action button, .order-action2 button {
  cursor: pointer; }
  .modal-close-x:active, .modal-close-x-medcer:active, .order-body .order-table tbody tr td button:active, .order-body .order-table tbody tr td .download-button:active, .order-body .order-table-mec tbody tr td button:active, .order-body .order-table-mec tbody tr td .download-button:active, .order-body-2 .order-table tbody tr td button:active, .order-body-2 .order-table tbody tr td .download-button:active, .order-body-2 .order-table-mec tbody tr td button:active, .order-body-2 .order-table-mec tbody tr td .download-button:active, .order-action button:active, .order-action2 button:active {
    transform: translateY(2px); }

.modal {
  width: 100% !important;
  max-width: none !important; }

.modal-paper {
  background-color: #ECF3FA !important;
  border: 1px solid #C2D2DE;
  padding: 35px 15px 15px; }

.modal-overlay {
  background-color: #0C1D3B !important;
  opacity: .85 !important; }

.modal-body {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  max-height: 58vh !important; }

.modal-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 14px;
  color: #006DB4;
  background-color: #ECF3FA; }

.headline {
  font-size: 24px;
  padding-top: 16px;
  margin-bottom: 12px;
  font-weight: 400px; }

.slide {
  padding: 10; }

.modal-close-x {
  position: absolute;
  top: 10px;
  right: 25px;
  font-weight: 100 !important;
  font-size: 25px !important;
  color: gray !important;
  padding: 0px !important;
  z-index: 10; }

.modal-close-x-medcer {
  position: absolute;
  top: 10px;
  right: 25px;
  font-weight: 100 !important;
  font-size: 25px !important;
  color: white !important;
  padding: 0px !important;
  z-index: 10; }

.modal-order {
  width: 95% !important;
  max-width: none !important; }

.modal-confirm {
  width: 19% !important;
  max-width: none !important; }

.modal-action {
  padding: 15px !important;
  background-color: white; }

.modal-action-none {
  display: none !important; }

.modal-title {
  padding: 15px 10px !important;
  background-color: white;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important; }
  .modal-title img {
    margin-right: 10px; }
  .modal-title h3 {
    color: #074A7E;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0px; }
  .modal-title .search-filter {
    position: relative; }
    .modal-title .search-filter input {
      font-size: 14px;
      padding-left: 10px;
      color: #006DB4;
      z-index: 10;
      position: relative;
      background-color: transparent;
      height: 32px;
      border: #5191D0 1px solid; }
      .modal-title .search-filter input::-webkit-input-placeholder {
        color: #006DB4; }
    .modal-title .search-filter:after {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      top: 6px;
      right: 6px;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 9; }
    .modal-title .search-filter .rang-datepicker {
      min-width: 210px; }
  .modal-title .icon-calendar:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABGVJREFUWAntWV9oFEcc/mZvz1yiorW0RsG2tESwWkKKwTYXpDRI+9iW1ocqKIqlfbCvQmIumz9aCoVSpUjTv1r7oJQ+9KVQ2lLCXasxQQgISkSpgpiEamw1zSW3O/1mNpve3uylMeIlyM1xuzvf95uZb3/zf1YgCM2nViKe2w+JPRCiIoBLdpeYhJD9gPgFk7FDOPjckCpbaAFOeiuk+JLPVfx7kPIMqXHNleoiZIxFbWC5ywE5SmVb4DT2CbRkHkdMnqPXFlPY57CQInGtVLqMcpzMduo4QjwHEauzYcuDVK3EdaKjMWUkKDXgJI/DyaxgU/sI0m23WbVNdKeH64nOGbW0ZQ6QX8120kYPXzFs9w5WYMXQF8zvKsaWdOKD2juGTUvvGtgT3aytH+AkDxl8AFyrOIJV2Q8ZfcHi5VF6bxDdGycD3rg76Y3EmvnfyVehxyPCw8O7WRNv8mX3oer2rggLUFwXbV7W3mn9fVOkjQK1FnmRto9ZzFD9skWNFZH1/mDDva5tLKsn2lYO0IYdS+Yo4FSkjbR6yanfEGKJC5E2ASiF1qQ8+P/hvc0juLHyCVbv83AauiMTOI1pNuVVEHYtOpMcBSJCR8PH8Oyn4Mbr4dSNRlgYkG0gxYDDNeqNoj0TpPELnbngrk2XA/PZ3GfnwdnkdJ9sygLv1bFlDz7wHpz9MJPvCjWzeKIuH9LPf4vj+r5Ubjc4S55VqxOkfmviYP5kiLc4KDsNx0LYVGRuAj3xCmefFiPDSut7jQnXHMw9oebyPg72b/P+eiitJ28xHimw3ElCnppDZMF7cG5tEFCLgc8Mh+RyYxqLC5Pz07B/iJ/YDsPztYCfzsiQCy60ZSRTDaC9sTaCnz8olRmgumeKezCV/o7qloQUWqKHK+EupNI7iG8LcSpiLd6qMe/OSYMDvuGW4iiX8/vhyc0F/G1yrxVgOlpcIMSLfINloUQSajhgEDXktvjPedeJrL9djQuTk+jVlhK1XPKH+el88/KaelzwnaQs0Ky0u0NmaIPyVbaVeDi72NTGSXzFnt8T5hhbtPSmj42+ZHBCXNKYiHF7634a4qUsuqMsLtCy+/GP7R+NBLlV8vxEhT8fuYqqWyMBPH1//2mf39d/ehoLHsaWTR2l2BeZL3eJeaEyx6EuOhQX6LlXkHALe/G3zOYNPDTcyl7cYmTZfLpaY3HX93S+QcXwAUZ5OJU9ikThYkGPDjyTMUO5k5g+uTtkwXuweBsUahEpwp1ESv9AyMI4jy/+MnwhJzwfi5mcSqOCykOIMK/L8lMWXgXnVZ7DiUG0J9cVkvMaT6XPU1cND494XAasxVt9BWPePMpTWiiOtTSi2uCv/Fuozqq9wsII1eOtFELnyZ+DI+CzBBaxzb2DjuTX86bSSa/mgpYzDXbptuqK9X4naM3Uw5I/UuByEjc5CJ+joVtaoTLBaq1nmZYWB+zmGvHEf71Uf4Zw3yXZRKHPUmTp26T/KeITTNpdwWeIfwG8s03S3T2XtAAAAABJRU5ErkJggg==); }
  .modal-title .order-tab-container {
    justify-content: flex-end;
    margin-right: 10px;
    background-color: transparent; }
  .modal-title .order-tabs {
    background-color: white !important;
    color: black !important;
    padding: 0px 15px !important;
    border: 1px solid black !important;
    width: 55% !important; }
  .modal-title .order-tabs-action {
    background-color: #006DB4 !important;
    border: 1px solid #006DB4 !important;
    color: white !important; }

.allergy-body {
  background-color: white;
  padding: 15px;
  margin-top: 45px; }
  .allergy-body h3 {
    color: #074A7E; }
  .allergy-body .allergy-alert {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0px 15px; }
    .allergy-body .allergy-alert div:first-child {
      width: 25px;
      margin-right: 15px;
      font-size: 22px; }
    .allergy-body .allergy-alert div p {
      line-height: 25px;
      font-size: 14px; }

.allergy-table {
  width: 100%; }
  .allergy-table thead {
    background-color: #DFDFD3;
    border-bottom: 2px solid white; }
    .allergy-table thead td {
      font-weight: bold; }
  .allergy-table td, .allergy-table tr {
    padding: 3px 5px;
    font-size: 14px; }

.caption-filter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }
  .caption-filter h3 {
    flex: 1; }
  .caption-filter .date-filter {
    text-align: right;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end; }
    .caption-filter .date-filter .search-filter:last-child {
      padding-left: 10px; }
  .caption-filter .patient-filter-select {
    height: 30px !important;
    width: 180px;
    text-align: left;
    margin-top: -1px; }
  .caption-filter .patient-filter-select .Select-value-label, .caption-filter .patient-filter-select .Select-placeholder {
    color: #006DB4 !important;
    font-size: 14px; }
  .caption-filter .patient-filter-option {
    font-size: 14px;
    white-space: nowrap; }

.caption-filter-disable {
  justify-content: center; }
  .caption-filter-disable h3 {
    flex: none; }

.caption-status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end; }
  .caption-status label {
    margin-left: 10px;
    cursor: pointer;
    color: #006DB4 !important; }
    .caption-status label input {
      margin-right: 10px; }

.order-body {
  background-color: white;
  padding: 15px; }
  .order-body .date-preview {
    color: #074A7E;
    margin: 10px 0px 10px;
    font-weight: bold; }
  .order-body .order-table {
    width: 100%;
    margin-bottom: 10px; }
    .order-body .order-table thead {
      background-color: #327FCC;
      border-bottom: 2px solid white; }
      .order-body .order-table thead td {
        height: 40px;
        color: white; }
    .order-body .order-table td, .order-body .order-table tr {
      padding: 3px 5px;
      font-size: 14px;
      height: 30px; }
      .order-body .order-table td.over-click:hover, .order-body .order-table tr.over-click:hover {
        cursor: pointer; }
    .order-body .order-table tbody tr.over-click:hover {
      cursor: pointer;
      background-color: #C2D2DE !important; }
    .order-body .order-table tbody tr:nth-child(even) {
      background-color: #ECF3FA; }
    .order-body .order-table tbody tr td {
      color: black; }
      .order-body .order-table tbody tr td button, .order-body .order-table tbody tr td .download-button {
        padding: 5px 10px;
        color: white;
        background-color: transparent;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 100; }
    .order-body .order-table #testItem {
      width: 50px !important; }
  .order-body .order-table-mec {
    width: 49%;
    margin: 5px;
    display: inline-block; }
    .order-body .order-table-mec thead {
      background-color: #327FCC;
      border-bottom: 2px solid white; }
      .order-body .order-table-mec thead td {
        height: 40px;
        color: white; }
    .order-body .order-table-mec td, .order-body .order-table-mec tr {
      padding: 3px 5px;
      font-size: 14px;
      height: 30px; }
      .order-body .order-table-mec td.over-click:hover, .order-body .order-table-mec tr.over-click:hover {
        cursor: pointer; }
    .order-body .order-table-mec tbody tr.over-click:hover {
      cursor: pointer;
      background-color: #C2D2DE !important; }
    .order-body .order-table-mec tbody tr:nth-child(even) {
      background-color: #ECF3FA; }
    .order-body .order-table-mec tbody tr td {
      color: black; }
      .order-body .order-table-mec tbody tr td button, .order-body .order-table-mec tbody tr td .download-button {
        padding: 5px 10px;
        color: white;
        background-color: transparent;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 100; }
  .order-body .order-content-view {
    background-color: white;
    margin-top: 10px; }
    .order-body .order-content-view .content-head {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between;
      padding: 10px 25px;
      color: white;
      background-color: #327FCC; }
      .order-body .order-content-view .content-head h4 {
        margin: 0px;
        font-weight: 400; }
      .order-body .order-content-view .content-head .content-date {
        font-weight: 100; }
    .order-body .order-content-view .content-body {
      margin-top: 5px;
      padding: 25px;
      color: black;
      background-color: #ECF3FA; }

.order-body-2 {
  background-color: white;
  padding: 15px; }
  .order-body-2 .date-preview {
    color: #074A7E;
    margin: 10px 0px 10px;
    font-weight: bold; }
  .order-body-2 .order-table {
    width: 100%;
    margin-bottom: 10px; }
    .order-body-2 .order-table thead {
      background-color: #327FCC;
      border-bottom: 2px solid white;
      font-weight: bold; }
      .order-body-2 .order-table thead td {
        height: 20px;
        color: white; }
    .order-body-2 .order-table td, .order-body-2 .order-table tr {
      padding: 3px 5px;
      font-size: 12px;
      height: 20px; }
      .order-body-2 .order-table td.over-click:hover, .order-body-2 .order-table tr.over-click:hover {
        cursor: pointer; }
    .order-body-2 .order-table tbody tr.over-click:hover {
      cursor: pointer;
      background-color: #C2D2DE !important; }
    .order-body-2 .order-table tbody tr:nth-child(even) {
      background-color: #ECF3FA; }
    .order-body-2 .order-table tbody tr td {
      color: black; }
      .order-body-2 .order-table tbody tr td button, .order-body-2 .order-table tbody tr td .download-button {
        padding: 5px 10px;
        color: white;
        background-color: transparent;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 100; }
    .order-body-2 .order-table #testItem {
      width: 50px !important; }
  .order-body-2 .order-table-mec {
    width: 49%;
    margin: 5px;
    display: inline-block; }
    .order-body-2 .order-table-mec thead {
      background-color: #327FCC;
      border-bottom: 2px solid white; }
      .order-body-2 .order-table-mec thead td {
        height: 40px;
        color: white; }
    .order-body-2 .order-table-mec td, .order-body-2 .order-table-mec tr {
      padding: 3px 5px;
      font-size: 14px;
      height: 30px; }
      .order-body-2 .order-table-mec td.over-click:hover, .order-body-2 .order-table-mec tr.over-click:hover {
        cursor: pointer; }
    .order-body-2 .order-table-mec tbody tr.over-click:hover {
      cursor: pointer;
      background-color: #C2D2DE !important; }
    .order-body-2 .order-table-mec tbody tr:nth-child(even) {
      background-color: #ECF3FA; }
    .order-body-2 .order-table-mec tbody tr td {
      color: black; }
      .order-body-2 .order-table-mec tbody tr td button, .order-body-2 .order-table-mec tbody tr td .download-button {
        padding: 5px 10px;
        color: white;
        background-color: transparent;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 100; }
  .order-body-2 .order-content-view {
    background-color: white;
    margin-top: 10px; }
    .order-body-2 .order-content-view .content-head {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between;
      padding: 10px 25px;
      color: white;
      background-color: #327FCC; }
      .order-body-2 .order-content-view .content-head h4 {
        margin: 0px;
        font-weight: 400; }
      .order-body-2 .order-content-view .content-head .content-date {
        font-weight: 100; }
    .order-body-2 .order-content-view .content-body {
      margin-top: 5px;
      padding: 25px;
      color: black;
      background-color: #ECF3FA; }

.order-action {
  text-align: right; }
  .order-action button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px; }
    .order-action button:disabled {
      cursor: not-allowed;
      background-color: #DEDEDE; }

.order-action2 {
  text-align: center; }
  .order-action2 button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
  .order-action2 .button-close {
    background-color: #FF7600; }

.fix-filter-date .react-datepicker-popper {
  left: -38px !important; }

.compare-vitalsign-container {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-bottom: 5px;
  width: 100%;
  /*padding-bottom: 100px;*/
  /*max-height: calc(660px - 130px);
  overflow-y: scroll;*/ }
  .compare-vitalsign-container .vitalsign-head {
    width: 0%; }
  .compare-vitalsign-container .vitalsign-body {
    width: 100%; }
  .compare-vitalsign-container .vitalsign-table {
    width: 100%;
    table-layout: fixed !important; }
    .compare-vitalsign-container .vitalsign-table tr {
      height: 30px; }
    .compare-vitalsign-container .vitalsign-table thead td {
      height: 35px;
      font-size: 10px;
      font-weight: normal;
      overflow: hidden;
      text-align: right; }
    .compare-vitalsign-container .vitalsign-table thead .vitalsign-table-date {
      font-size: 10px;
      font-weight: bold;
      cursor: pointer; }
      .compare-vitalsign-container .vitalsign-table thead .vitalsign-table-date input[type="checkbox"] {
        margin-left: 10px; }
    .compare-vitalsign-container .vitalsign-table tbody td {
      font-size: 14px;
      font-weight: normal;
      overflow: hidden;
      text-align: right; }
    .compare-vitalsign-container .vitalsign-table tbody .vitalsign-table-time {
      padding: 0px 0px; }
      .compare-vitalsign-container .vitalsign-table tbody .vitalsign-table-time span {
        padding-right: 10px; }
  .compare-vitalsign-container .vitalsign-table-border {
    border-collapse: collapse; }
    .compare-vitalsign-container .vitalsign-table-border thead {
      background-color: #327FCC; }
      .compare-vitalsign-container .vitalsign-table-border thead td {
        height: 35px;
        color: white; }
    .compare-vitalsign-container .vitalsign-table-border td, .compare-vitalsign-container .vitalsign-table-border th {
      border: 1px solid black;
      padding: 0px 5px; }
      .compare-vitalsign-container .vitalsign-table-border td.text-center, .compare-vitalsign-container .vitalsign-table-border th.text-center {
        text-align: center; }

/* vitalsign */
.modal-body-vitalsign {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  min-height: calc(95vh - 210px) !important;
  max-height: calc(95vh - 210px) !important;
  -webkit-overflow-scrolling: touch;
  overflow: scroll; }

.modal-empty-vitalsign {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 14px;
  color: #006DB4;
  background-color: #ECF3FA; }

.modal-order-vitalsign {
  width: 100% !important;
  max-width: none !important;
  transform: translate(0px, 0%) !important;
  padding-top: 0px !important; }

.modal-action-vitalsign {
  padding: 1px !important;
  background-color: white; }

.order-body-vitalsign {
  background-color: white;
  padding: 5px; }
  .order-body-vitalsign .date-preview {
    color: #074A7E;
    margin: 10px 0px 10px;
    font-weight: bold; }

.styles-overriding-css-example {
  background-color: #E53935 !important; }
  .styles-overriding-css-example .overrides .MuiTabs .indicator {
    background-color: #074A7E !important; }
  .styles-overriding-css-example .overrides .MuiTab .selected {
    background-color: #074A7E !important;
    color: #074A7E !important; }

.body-view-table {
  padding: 0px 15px 100px !important; }

.vitalsign-filter-container {
  display: flex;
  flex-flow: row nowrap; }
  .vitalsign-filter-container .filter-arrow-previous {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAh5JREFUSA2tlr1KA0EUhd1dI8ZCEAQhgpIEsbDR3koIKZQIxsKHsBIFG8Feu1RqLxamCQjaBNTgI9iE/BEI+AJGNmviucG7jJuZ3dmNC8nM3rnzzTl3ZkKMiTGearU6axjGNT77wBRSqdSREZXXarXmHMcpY/66wLiNBCRYr9d7hbI1hg0GA9uyrN3QQD9YMpl8NHkFnbbT6cyrlBGMGNoKCdbtdiuYs8qLs02GaQN1YVrAMLBAYL1eX4CtZyT62iQQP8oaEqzf77/haKQ4WVYzHuNWCowKI+jIsWm324sSZQ4dWnE3WZG3nRQDBLNtm2wucRw2HdM08zowmuNaZhhiIzBc+hIvENQOgf8Fo8UMbMAybL2gP5YyVm5iA4oijAZQs9MwNhk2nIuvFTFAfSzy7o3pvpvY0XNJ8hmu3IwkHhgabgrqeIw6XniyK/F4PJtIJD49cd9X99iooKhnBmfwy5ciDLo3BZtwCfsnwhh1N1HPh0ajMe2JK19dhZyhUFqG0m0dpa5CBiqUbpFS1HmK81TtCJASVdBarVYKgo5YFleW2QfwKZ1O51BvW8zlvi+QknygO4A6DOJWapkHqZXZBygL+0Wo/fPzR/mBCimJHoXSEuznRaXawADoHqDflBNomZL4UdjPQf0d7FuUF0ohg2X2MXaPBQ8iAQmsgF5FBv5CD2G1QH20nVgslhkLSKBms7mBP57buOs3sPzxA3hWVdo026p4AAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat;
    width: 125px;
    height: 25px;
    margin-top: 5px; }
    .vitalsign-filter-container .filter-arrow-previous:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAMAAACjKNoqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlQTFRFAAAAAP//dKredKndc6rddKnddaredKredangdarddKrddKrdgJ/fdKnddKrddardgLPmdKvfdqvedKredKnddKrdcarjdarddarddKrgdKvfdaredKreb6bedavedKnedKredKredKrer22UtQAAACN0Uk5TAAFjgDye//xKlra9CI/Dhwp/c8bxzBvh+1FY3f4XXmVssHWAWuG/AAAAZElEQVR4nLXQNxKAMAwAQZFkcs4Z/v9IbDpr1DA2V255AHqO6/lACxBFSCxCWcxYklqzzNRy3YrXSmtWMVYra3SDViE92CmsCfaDxHHiVJjrTHWRulLdPuv+kx6cIqsnUL3EDQ8lxgt/hWpC8wAAAABJRU5ErkJggg==);
      color: #75aade; }
  .vitalsign-filter-container .filter-arrow-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAdJJREFUSA2t1r9Lw0AUB/DmlCL+Aw6SIWn9IyxO4j/gJg6ODuIi4iA4iJODgqDgIKiDiCiIi4O4uzm7tCk0GPAvCIJp/L6QO8/Lj16uueXuXu8+fX13TdtooHW73Z1er/eD/snzvBmKmTYLwGYcx6ccwNhjjHVc1/3isSo9w+JveYNlWe5wOHwzzZQhkwsg60BjDo+DWhxBRmv4uNeYi5jJxxebCa4D/QfWgWbAcdFckFDcyRUczi2GYo1OTcViQtRmgtI9LGztdvsOWa1iQeZK+b4/m7exNEO+Ic30BvMJHkM/aDabHdu2P6XYX33kYN4Y6DJq+oDXSlGtDPkb6KCVQIJHoZVBjqK/RwkmaZ62pKZGIAH4mm7jBhxxjXrM30uvjbxYHWPzhxrDfM4IDIJgGuCeCuLBfFAZJCwMwxfUb14B9/FsPa5UQ44BWlCww1artUsxbVAH0wZ1MS2wCjYS7Pf7U/gFfMVCtWYnqNkWAWorPOUUe8YGbYzw3EORsEUlg8LM+LoMOA6WybAEO0fNNngWZb3IsA5MZFgXloB1YgSyKIoe0aunqV0zQuTG8NQ4QyCSgle6ByDtEcPkUPDvlS7vEnDfcZxL9OJ3WKzUHPwCz94foYKfAksAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    width: 105px;
    height: 25px;
    margin-top: 5px;
    padding-right: 10px;
    background-position-x: 100%; }
    .vitalsign-filter-container .filter-arrow-next:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAgBJREFUSA2t1T9Lw0AUAPB3UYroB3AQByt+CMVJ/AIO/sHBTQQRpNgKgkNxUbCioiAu1kGKJuCiDvoB3JydTEVRcC+IWnO+C7nkJWnMJc2B5O715efr3SvHAEdRN0v42MS/658mLOzP5j9EPM1giC0xgAPysvndhJG0qAYcvggmpvlcJ9wv18zeQFxpicXhV74w54HBMS7stfNmqkpdoGSYc5zDabuoC4qqskB9YBZoCGwXbQkKtGjUZ4DzGibQnNiDosnC8Y00qOYTAovK5MA5MDbLAbvVG3afFvTXPi/kzf6tUKY5lZ5hcoeM4f94aUJuZHeq/82L+feHxkPzov48AWAZcahShVJXQROBAo5DE4MSZfCr4451yurlnqYCBbJqmCv42694oGgF/vBv29Dk4Jxb2mMwhuJQKrB89d7NmbUeBDWNbZA9CH7cei2wxufnLQM2TDM4Y+XtyYGdRHtIsFGK4e5tbU8NromYMqiCKYOqmBKYBBMg+bGLpX+Uq/WuBvu5wwPw7RnnfK8yPSju8tCIbBsb67FuIrBCSHICLQ+FYGP0RaeySEzkhsB2sBAYhWGfHWGfLdJqo+ZuhVlgboVZYTaYJSZArdFjXWJr+E4zyZ4JhA6N8Y5DvCN/ZRBbo6p6APId+rQPZUV/GmUcxvEOfsW7+ASf9B6m+bHzP28XJ8g3JB9eAAAAAElFTkSuQmCC);
      color: #75aade; }

.modal-title-vitalsign {
  padding: 5px 5px 0px 5px !important;
  background-color: white;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important; }
  .modal-title-vitalsign img {
    margin-right: 10px; }
  .modal-title-vitalsign h3 {
    color: #074A7E;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0px; }
  .modal-title-vitalsign .search-filter {
    position: relative; }
    .modal-title-vitalsign .search-filter input {
      font-size: 14px;
      padding-left: 10px;
      color: #006DB4;
      z-index: 10;
      position: relative;
      background-color: transparent;
      height: 32px;
      border: #5191D0 1px solid; }
      .modal-title-vitalsign .search-filter input::-webkit-input-placeholder {
        color: #006DB4; }
    .modal-title-vitalsign .search-filter:after {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      top: 6px;
      right: 6px;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 9; }
    .modal-title-vitalsign .search-filter .rang-datepicker {
      min-width: 210px; }
  .modal-title-vitalsign .icon-calendar:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABGVJREFUWAntWV9oFEcc/mZvz1yiorW0RsG2tESwWkKKwTYXpDRI+9iW1ocqKIqlfbCvQmIumz9aCoVSpUjTv1r7oJQ+9KVQ2lLCXasxQQgISkSpgpiEamw1zSW3O/1mNpve3uylMeIlyM1xuzvf95uZb3/zf1YgCM2nViKe2w+JPRCiIoBLdpeYhJD9gPgFk7FDOPjckCpbaAFOeiuk+JLPVfx7kPIMqXHNleoiZIxFbWC5ywE5SmVb4DT2CbRkHkdMnqPXFlPY57CQInGtVLqMcpzMduo4QjwHEauzYcuDVK3EdaKjMWUkKDXgJI/DyaxgU/sI0m23WbVNdKeH64nOGbW0ZQ6QX8120kYPXzFs9w5WYMXQF8zvKsaWdOKD2juGTUvvGtgT3aytH+AkDxl8AFyrOIJV2Q8ZfcHi5VF6bxDdGycD3rg76Y3EmvnfyVehxyPCw8O7WRNv8mX3oer2rggLUFwXbV7W3mn9fVOkjQK1FnmRto9ZzFD9skWNFZH1/mDDva5tLKsn2lYO0IYdS+Yo4FSkjbR6yanfEGKJC5E2ASiF1qQ8+P/hvc0juLHyCVbv83AauiMTOI1pNuVVEHYtOpMcBSJCR8PH8Oyn4Mbr4dSNRlgYkG0gxYDDNeqNoj0TpPELnbngrk2XA/PZ3GfnwdnkdJ9sygLv1bFlDz7wHpz9MJPvCjWzeKIuH9LPf4vj+r5Ubjc4S55VqxOkfmviYP5kiLc4KDsNx0LYVGRuAj3xCmefFiPDSut7jQnXHMw9oebyPg72b/P+eiitJ28xHimw3ElCnppDZMF7cG5tEFCLgc8Mh+RyYxqLC5Pz07B/iJ/YDsPztYCfzsiQCy60ZSRTDaC9sTaCnz8olRmgumeKezCV/o7qloQUWqKHK+EupNI7iG8LcSpiLd6qMe/OSYMDvuGW4iiX8/vhyc0F/G1yrxVgOlpcIMSLfINloUQSajhgEDXktvjPedeJrL9djQuTk+jVlhK1XPKH+el88/KaelzwnaQs0Ky0u0NmaIPyVbaVeDi72NTGSXzFnt8T5hhbtPSmj42+ZHBCXNKYiHF7634a4qUsuqMsLtCy+/GP7R+NBLlV8vxEhT8fuYqqWyMBPH1//2mf39d/ehoLHsaWTR2l2BeZL3eJeaEyx6EuOhQX6LlXkHALe/G3zOYNPDTcyl7cYmTZfLpaY3HX93S+QcXwAUZ5OJU9ikThYkGPDjyTMUO5k5g+uTtkwXuweBsUahEpwp1ESv9AyMI4jy/+MnwhJzwfi5mcSqOCykOIMK/L8lMWXgXnVZ7DiUG0J9cVkvMaT6XPU1cND494XAasxVt9BWPePMpTWiiOtTSi2uCv/Fuozqq9wsII1eOtFELnyZ+DI+CzBBaxzb2DjuTX86bSSa/mgpYzDXbptuqK9X4naM3Uw5I/UuByEjc5CJ+joVtaoTLBaq1nmZYWB+zmGvHEf71Uf4Zw3yXZRKHPUmTp26T/KeITTNpdwWeIfwG8s03S3T2XtAAAAABJRU5ErkJggg==); }
  .modal-title-vitalsign .order-tab-container {
    justify-content: flex-end;
    margin-right: 10px;
    background-color: transparent; }
  .modal-title-vitalsign .order-tabs {
    background-color: white !important;
    color: black !important;
    padding: 0px 15px !important;
    border: 1px solid black !important;
    width: 55% !important; }
  .modal-title-vitalsign .order-tabs-action {
    background-color: #006DB4 !important;
    border: 1px solid #006DB4 !important;
    color: white !important; }

.modal-paper-vitalsign {
  background-color: #ECF3FA !important;
  border: 1px solid #C2D2DE;
  padding: 32px 15px 15px; }

.modal-paper-vitalsign-fullscreen {
  height: 100vh !important; }

.tabs-container-vitalsign {
  padding: 0px 0px 4px 0px !important; }
  .tabs-container-vitalsign .tab-header {
    border-bottom: 4px solid #5191D0 !important; }
  .tabs-container-vitalsign .tab-menu {
    background-color: white !important;
    color: #5191D0 !important;
    outline: 1px solid #5191D0 !important; }
  .tabs-container-vitalsign .tab-menu-active {
    background-color: #5191D0 !important;
    color: white !important; }

.tabs-container-lab {
  padding: 0px 0px 4px 0px !important; }
  .tabs-container-lab .tab-header {
    border-bottom: 4px solid #5191D0 !important; }
  .tabs-container-lab .tab-menu {
    background-color: white !important;
    color: #5191D0 !important;
    outline: 1px solid #5191D0 !important;
    height: 40px; }
  .tabs-container-lab .tab-menu-active {
    background-color: #5191D0 !important;
    color: white !important;
    height: 40px; }

.modal-name-x {
  position: absolute;
  top: 10px;
  left: 50%;
  font-weight: 100 !important;
  font-size: 16px !important;
  color: black !important;
  padding: 0px !important;
  z-index: 10;
  transform: translate(-50%, 0);
  margin: 0px !important;
  width: 75% !important;
  text-align: center; }

/* System Review */
.modal-order-systemreview {
  width: 100% !important;
  max-width: none !important;
  transform: translate(0px, 0%) !important;
  padding-top: 0px !important;
  margin-top: -16px !important; }

.modal-title-systemreview {
  padding: 0px !important;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important; }

.modal-paper-systemreview {
  height: 100vh !important; }

.modal-body-systemreview {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  min-height: calc(95vh - 36px) !important;
  max-height: calc(95vh - 36px) !important;
  -webkit-overflow-scrolling: touch;
  overflow: scroll; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .modal-body-vitalsign {
    min-height: calc(1024px - 210px) !important;
    max-height: calc(1024px - 210px) !important; }
  .body-view-table {
    min-height: calc(1024px - 220px) !important;
    max-height: calc(1024px - 220px) !important; } }

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .modal-body-vitalsign {
    min-height: calc(768px - 210px) !important;
    max-height: calc(768px - 210px) !important; }
  .body-view-table {
    min-height: calc(768px - 220px) !important;
    max-height: calc(768px - 220px) !important; } }

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  .modal-body-vitalsign {
    min-height: calc(1366px - 210px) !important;
    max-height: calc(1366px - 210px) !important; }
  .body-view-table {
    min-height: calc(1366px - 220px) !important;
    max-height: calc(1366px - 220px) !important; } }

/* iPad with landscape orientation. */
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: landscape) {
  .modal-body-vitalsign {
    min-height: calc(1024px - 210px) !important;
    max-height: calc(1024px - 210px) !important; }
  .body-view-table {
    min-height: calc(1024px - 220px) !important;
    max-height: calc(1024px - 220px) !important; } }

.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'; }

.alert-vs {
  /*top: 40px !important;
    position: fixed !important;
    left: 460px !important;
    width: 40% !important;
    height: auto !important;
    z-index: 1;
    padding: 10px !important;
    background-color: yellow !important;
    color: red !important;
    border-radius: 10px !important;
    border: solid !important;
    text-align: center !important;*/
  padding: 10px !important;
  margin-bottom: 20px !important;
  background-color: yellow !important;
  color: red !important;
  border: 1px solid red !important;
  border-radius: 5px !important;
  text-align: center !important; }

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.modal-body-rehab {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  min-height: calc(95vh - 210px) !important;
  max-height: calc(95vh - 210px) !important;
  -webkit-overflow-scrolling: touch; }

.order-body-rehab {
  background-color: white;
  padding: 0px; }
  .order-body-rehab .date-preview {
    color: #074A7E;
    margin: 10px 0px 10px;
    font-weight: bold; }

.modal-body-rehab {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  max-height: 58vh !important; }

.vs-view-container {
  background-color: #F0F0F4;
  display: flex; }
  .vs-view-container .role-filter-select {
    height: 30px !important;
    width: 150px;
    margin-right: 10px;
    color: #006DB4 !important;
    font-size: 14px; }
  .vs-view-container .role-filter-select > div:first-child {
    height: 30px !important;
    bottom: 0px !important;
    border-radius: 0px !important; }
  .vs-view-container .role-filter-select div div div {
    height: 30px !important;
    top: 0px !important; }
  .vs-view-container .role-filter-select button {
    width: 30px !important;
    height: 30px !important;
    padding: 0px !important; }
  .vs-view-container .role-filter-select input {
    height: 32px !important;
    border: none;
    padding: 0px !important; }
  .vs-view-container .role-filter-option {
    font-size: 14px;
    white-space: nowrap;
    width: 150px; }

.search-filter-mb {
  position: relative; }
  .search-filter-mb input {
    border-radius: 12px;
    justify-items: center;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    color: #006DB4;
    z-index: 10;
    position: relative;
    background-color: transparent;
    height: 32px;
    border: #5191D0 1px solid; }
    .search-filter-mb input::-webkit-input-placeholder {
      color: #006DB4; }
  .search-filter-mb:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9; }
  .search-filter-mb .rang-datepicker {
    min-width: 210px;
    min-height: 30px; }

.vs-mb-filter-container {
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 15px;
  margin: auto;
  width: fit-content;
  height: fit-content; }
  .vs-mb-filter-container .filter-arrow-previous {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAqCAYAAADibUizAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAA7xJREFUaAXdml9IFEEYwL/ZO/8kmYSUB6WolAWXh5mB+pKZPUT5ot1T5ENPFUhEUA8R9GpgYFC+1WN/pKJ6Kay0wnzxT53gFYiCGmQgkgaanrd933Z7tnuze7t7e7R787I338w3+/1uZr6ZnW8YaCdW2XrnCBOghQHUYbVyUWT5jAFm/38SRRAZE5fQkkkRYFCMwpOxx+ffYB6ziYlrNAI2MYF1YGF1oopzJUg4IkbFKwj8Wm2lEjQY9ASgsROFF9QV3ZRH4K4QvL0EPT3rst0e+QdIkIef4shsi8tc+gM7qrYISvfP+fMewfi4NJQFmeVvT7JmOe/2J3ZYMzHJHNLQpTkpCKxXFmbSMxoVj9KcpR5l5HjSDXfQ77P0ik25Xqiq2G5Jl5RibEyQlpA0e9ezJ6sg2LTXtLEE2XmxEfaUFprWlRVwyFYTo4DrYqssTMeTIE8d85tuWoas3LXNtK5agfYCCMpoM5CW5ARIAsNercM5Kpalg9IpkDG2coG2dXaDOgwSiJHmqLTE2AXrNEjiIkavXYDUjh7k6Nc5zVeR47mJ3nUfx/Gs/I7A2MQPTV2jBfGdkVEFrXp6kHefheD+yzBXVfauWpCXb/XD+OQ8V9eM0BbQZJD3no9xbZIheUsI9SRBjn7RHgncRjWEKYO6AZLYUwJ1C2RKoG6CtAzqNkhLoKeP+zX3rg9ehUHL8dDLOtobgOd4qOzq7fe2OR5qT51Mz9H+4WmY/7msbkfK1wd2QGFBLreMhA97w7AWiZ9uKOq1NFaA12PaHEUbehmPz3/iul4Fddnir1UY+DwLDTUlkJebpSguyM+B+sBOeId/xjIuD+o0830JJmYX4NCBYvAISqgS3xbYXbwV+odnIIpHfHYn06BkgBthLYG6EdYyqNtgUwJ1E2zKoG6BtQXUCKyvcDP0DU1T1YSUzBsvLK5AeCq1Lxilj08wwZyADG6/0ctdZ3OyN4ICvFYHPn2Da90fuOtslldfl9eeWoZHKfzok7qi0bwebLI29GCT6eqVEyMepUihN716psucBkuMOHTZlGkSAwoOg50UsFc/GrDbUhWnwOKGclCgSLElCoNKdsBG1vkfAgZNAGKko04WCHYP4Y+0RrezszywumbNYPqqiaxHjXIp6mFvjoR6ztXQ8iJSOFxRmoaMVUgyxSok6cbYRGkdpfghkndRQSYlYpLvM8Q3DBTzR8f0IlNAiUW6xxAD2thyYKyfYv5FUFaA87XWzcDUkyHoO/PvZQ1u3CXzr98ouzGjLlT9AQH9QLZsl8NmAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-top: 5px;
    color: black;
    margin: auto; }
    .vs-mb-filter-container .filter-arrow-previous:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAqCAYAAADibUizAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAA7xJREFUaAXdml9IFEEYwL/ZO/8kmYSUB6WolAWXh5mB+pKZPUT5ot1T5ENPFUhEUA8R9GpgYFC+1WN/pKJ6Kay0wnzxT53gFYiCGmQgkgaanrd933Z7tnuze7t7e7R787I338w3+/1uZr6ZnW8YaCdW2XrnCBOghQHUYbVyUWT5jAFm/38SRRAZE5fQkkkRYFCMwpOxx+ffYB6ziYlrNAI2MYF1YGF1oopzJUg4IkbFKwj8Wm2lEjQY9ASgsROFF9QV3ZRH4K4QvL0EPT3rst0e+QdIkIef4shsi8tc+gM7qrYISvfP+fMewfi4NJQFmeVvT7JmOe/2J3ZYMzHJHNLQpTkpCKxXFmbSMxoVj9KcpR5l5HjSDXfQ77P0ik25Xqiq2G5Jl5RibEyQlpA0e9ezJ6sg2LTXtLEE2XmxEfaUFprWlRVwyFYTo4DrYqssTMeTIE8d85tuWoas3LXNtK5agfYCCMpoM5CW5ARIAsNercM5Kpalg9IpkDG2coG2dXaDOgwSiJHmqLTE2AXrNEjiIkavXYDUjh7k6Nc5zVeR47mJ3nUfx/Gs/I7A2MQPTV2jBfGdkVEFrXp6kHefheD+yzBXVfauWpCXb/XD+OQ8V9eM0BbQZJD3no9xbZIheUsI9SRBjn7RHgncRjWEKYO6AZLYUwJ1C2RKoG6CtAzqNkhLoKeP+zX3rg9ehUHL8dDLOtobgOd4qOzq7fe2OR5qT51Mz9H+4WmY/7msbkfK1wd2QGFBLreMhA97w7AWiZ9uKOq1NFaA12PaHEUbehmPz3/iul4Fddnir1UY+DwLDTUlkJebpSguyM+B+sBOeId/xjIuD+o0830JJmYX4NCBYvAISqgS3xbYXbwV+odnIIpHfHYn06BkgBthLYG6EdYyqNtgUwJ1E2zKoG6BtQXUCKyvcDP0DU1T1YSUzBsvLK5AeCq1Lxilj08wwZyADG6/0ctdZ3OyN4ICvFYHPn2Da90fuOtslldfl9eeWoZHKfzok7qi0bwebLI29GCT6eqVEyMepUihN716psucBkuMOHTZlGkSAwoOg50UsFc/GrDbUhWnwOKGclCgSLElCoNKdsBG1vkfAgZNAGKko04WCHYP4Y+0RrezszywumbNYPqqiaxHjXIp6mFvjoR6ztXQ8iJSOFxRmoaMVUgyxSok6cbYRGkdpfghkndRQSYlYpLvM8Q3DBTzR8f0IlNAiUW6xxAD2thyYKyfYv5FUFaA87XWzcDUkyHoO/PvZQ1u3CXzr98ouzGjLlT9AQH9QLZsl8NmAAAAAElFTkSuQmCC);
      color: #75aade; }
  .vs-mb-filter-container .filter-arrow-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAqCAYAAADibUizAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAA6lJREFUaAXdmj1MFEEUgN/schogiIh4RAOCQVEREKUAEw2IWgEmEmJHIp0UaoLG1sKGApFGS0sT8SfRxkR+rKAhRCFi0IAxp4koCoqERLld31tuVridPe72R+eY5LIz783Mvu/ezs/uGwb2iZU23apjCpxhANVYbZeuswzGAIv/P+k66Izp82jJlA4wpGvwcOxBWx+WsWhNQqMR8ARTWAcqD1mbyCtBwhFd068icG+0latBm5vVMjjeicKL0RWTqYzA3aPQ3w49PWFut8ozYEDWPsIns8WUJWkGHVUVhIKK6ZK0ezA+bjzKCmdZ9iRr4OVkv6LDGoiJcxiPLo1JRWHPuHA9XTVNP0ljljzKaOJxCqfgNOw0qarztvHeM8LGaAlx5c2C7ZlQW5kPdx6PxXtvs17jsSKY+b4Igy8/mjI/MuRVckiT285bT5fBucbShLsJBBS43nYUjpTvSLhtIg1oL4CgjDYDrpNj2BTVd1gcINU4RvVC15SRDiSG3aXQts4rUOpHRlhipDHq+dQnGywxmhsGp14Na5qwaTywS2Hr/jvg05hVc0vqrwktjVP44+cvo2bF3qClBZe9mPhs0ZFgMjQHu/OzID930yq9qihQczgP3oZmITRNLyjuk2tQMoGDcLCVZnEZr7NSp+G71vPh0D+B9QQ0GWA9A5Ud1lNQmWE9B5UV1hdQGWFdr6MEZZfu907AzNyiUH321D7IyUoV6pbCGtx9+lqoo3W2pf6AUBdL6BtoRtoG6LpcB1s3W2EWFn9De1c/fJkV/wn7C7Oh40KN0O4377/BlZsDQl0soS+gHLJ45xbLvTnkq8kZi44EBHmjvQ7SUwMWPUFe6uyD+YXlTYqlQgyB56AyQhK/p6CyQnoKKjOkZ6CyQ3oCmroxxZhdnUw8RXlZvkw8BBadXI/RYHY6OIEkQ8r35Hg+u0YD8jJ+ShFHn3gFJ9e1lpBYfbpZQuz6JUb8lGKE3uzqJCyXDZIAiBEfXfYuYRqbBjJCRkydUtCrgzZ2JySWGJLG5pBCkeKEiASVZYYkc4mRPnWysubbw5hxFN3OxVk3GzfudntXwf9iig4Wb4PJD3OO9q5mJ2tk0Jsjoz3nK1Ownk7hcIw6OQobfvq6APRzkkQfzJz0E6sNsaFeN9ZRih8ieXesBsmoIyZ+nsHcMFDMHyemJ8kIJLKZWIxzDBHl3zMMGOunmH8QCjNxvFaJGieLjDw5CgOtKw9rCOMu6//4zWqXrasDVX8AUto4k2ULkFsAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-top: 5px;
    padding-right: 10px;
    background-position-x: 100%;
    color: black;
    margin: auto; }
    .vs-mb-filter-container .filter-arrow-next:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAqCAYAAADibUizAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAA6lJREFUaAXdmj1MFEEUgN/schogiIh4RAOCQVEREKUAEw2IWgEmEmJHIp0UaoLG1sKGApFGS0sT8SfRxkR+rKAhRCFi0IAxp4koCoqERLld31tuVridPe72R+eY5LIz783Mvu/ezs/uGwb2iZU23apjCpxhANVYbZeuswzGAIv/P+k66Izp82jJlA4wpGvwcOxBWx+WsWhNQqMR8ARTWAcqD1mbyCtBwhFd068icG+0latBm5vVMjjeicKL0RWTqYzA3aPQ3w49PWFut8ozYEDWPsIns8WUJWkGHVUVhIKK6ZK0ezA+bjzKCmdZ9iRr4OVkv6LDGoiJcxiPLo1JRWHPuHA9XTVNP0ljljzKaOJxCqfgNOw0qarztvHeM8LGaAlx5c2C7ZlQW5kPdx6PxXtvs17jsSKY+b4Igy8/mjI/MuRVckiT285bT5fBucbShLsJBBS43nYUjpTvSLhtIg1oL4CgjDYDrpNj2BTVd1gcINU4RvVC15SRDiSG3aXQts4rUOpHRlhipDHq+dQnGywxmhsGp14Na5qwaTywS2Hr/jvg05hVc0vqrwktjVP44+cvo2bF3qClBZe9mPhs0ZFgMjQHu/OzID930yq9qihQczgP3oZmITRNLyjuk2tQMoGDcLCVZnEZr7NSp+G71vPh0D+B9QQ0GWA9A5Ud1lNQmWE9B5UV1hdQGWFdr6MEZZfu907AzNyiUH321D7IyUoV6pbCGtx9+lqoo3W2pf6AUBdL6BtoRtoG6LpcB1s3W2EWFn9De1c/fJkV/wn7C7Oh40KN0O4377/BlZsDQl0soS+gHLJ45xbLvTnkq8kZi44EBHmjvQ7SUwMWPUFe6uyD+YXlTYqlQgyB56AyQhK/p6CyQnoKKjOkZ6CyQ3oCmroxxZhdnUw8RXlZvkw8BBadXI/RYHY6OIEkQ8r35Hg+u0YD8jJ+ShFHn3gFJ9e1lpBYfbpZQuz6JUb8lGKE3uzqJCyXDZIAiBEfXfYuYRqbBjJCRkydUtCrgzZ2JySWGJLG5pBCkeKEiASVZYYkc4mRPnWysubbw5hxFN3OxVk3GzfudntXwf9iig4Wb4PJD3OO9q5mJ2tk0Jsjoz3nK1Ownk7hcIw6OQobfvq6APRzkkQfzJz0E6sNsaFeN9ZRih8ieXesBsmoIyZ+nsHcMFDMHyemJ8kIJLKZWIxzDBHl3zMMGOunmH8QCjNxvFaJGieLjDw5CgOtKw9rCOMu6//4zWqXrasDVX8AUto4k2ULkFsAAAAASUVORK5CYII=);
      color: #75aade; }

.vitasignMobile-view-container {
  background-color: #F0F0F4;
  display: flex;
  height: calc(100vh - 50px);
  overflow-y: hidden; }

.divider-table {
  border: 0;
  height: 1px;
  background: #BBDEFB;
  margin: 32px auto 0; }
.order-action2 button {
  cursor: pointer; }
  .order-action2 button:active {
    transform: translateY(2px); }

.chart-container {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  margin-left: 209px; }
  .chart-container .legend-container ul {
    list-style: none;
    padding-left: 15px; }
    .chart-container .legend-container ul li {
      display: inline-block;
      font-size: 12px;
      margin-right: 10px; }
      .chart-container .legend-container ul li input[type="checkbox"] {
        margin-right: 10px; }

.order-body-chart {
  overflow: scroll;
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  /*height: 468px;*/
  height: 62vh; }

.body-chart {
  padding: 5px; }

.date-charts-body {
  position: absolute !important;
  width: 100% !important;
  font-size: 30px !important;
  opacity: .3 !important;
  top: 80px !important;
  z-index: 99 !important; }

.order-action2 {
  text-align: center; }
  .order-action2 button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
    .order-action2 button:disabled {
      cursor: not-allowed;
      background-color: #DEDEDE; }
  .order-action2 .button-close {
    background-color: #FF7600; }

.item201 {
  grid-area: header; }

.item202 {
  grid-area: menu; }

.item203 {
  grid-area: main; }

.item204 {
  grid-area: right; }

.item205 {
  grid-area: footer; }

.grid-container-header {
  display: grid;
  grid-template-areas: 'header header ' 'menu main ' 'menu footer ';
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 1px; }

.grid-container-header > div {
  background-color: #FFFFFF;
  text-align: center;
  padding: 4px 0;
  font-size: 12px; }

.grid-container-body {
  display: grid;
  grid-template-columns: auto;
  background-color: #2196F3;
  padding: 1px; }

.grid-body-item {
  background-color: #FFFFFF;
  border: 1px solid #2196F3;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  height: 23px;
  width: 28px; }

.grid-one-item {
  background-color: #FFFFFF;
  border: 1px solid #2196F3;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  height: 23px;
  width: 148px; }

.grid-two-item {
  background-color: #FFFFFF;
  border: 1px solid #2196F3;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  height: 23px;
  width: 73px; }

.grid-three-item {
  background-color: #FFFFFF;
  border: 1px solid #2196F3;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  height: 23px;
  width: 48px; }

.grid-four-item {
  background-color: #FFFFFF;
  border: 1px solid #2196F3;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  height: 23px;
  width: 35.6px; }

.compare-grid-container {
  display: flex;
  flex-flow: nowrap row; }

.compare-vitalsign-grid-container {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: 20px; }
  .compare-vitalsign-grid-container .vitalsign-grid-head {
    width: 18%; }
  .compare-vitalsign-grid-container .vitalsign-grid-body {
    display: flex;
    width: 80%; }
  .compare-vitalsign-grid-container .vitalsign-grid-right {
    display: flex;
    width: 5%; }

.grid-container-chart {
  margin-left: 5px;
  display: grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.gridchart-item {
  background-color: #FFFFFF;
  text-align: center;
  padding: 6px;
  font-size: 10px; }

.item100 {
  grid-column: 1 / span 2;
  grid-row: 1; }

.item102 {
  grid-column: 1;
  grid-row: 2 / span 2; }

.item103 {
  grid-column: 2;
  grid-row: 2; }

.item104 {
  grid-column: 2;
  grid-row: 3; }

.item105 {
  grid-column: 3;
  grid-row: 1; }

.item106 {
  grid-column: 3;
  grid-row: 2; }

.item107 {
  grid-column: 3;
  grid-row: 3; }

.item108 {
  grid-column: 4;
  grid-row: 1; }

.item109 {
  grid-column: 4;
  grid-row: 2; }

.item110 {
  grid-column: 4;
  grid-row: 3; }

.item111 {
  grid-column: 5;
  grid-row: 1; }

.item112 {
  grid-column: 5;
  grid-row: 2; }

.item113 {
  grid-column: 5;
  grid-row: 3; }

.item114 {
  grid-column: 6;
  grid-row: 1; }

.item115 {
  grid-column: 6;
  grid-row: 2; }

.item116 {
  grid-column: 6;
  grid-row: 3; }

.item117 {
  grid-column: 7;
  grid-row: 1; }

.item118 {
  grid-column: 7;
  grid-row: 2; }

.item119 {
  grid-column: 7;
  grid-row: 3; }

.item120 {
  grid-column: 8;
  grid-row: 1; }

.item121 {
  grid-column: 8;
  grid-row: 2; }

.item122 {
  grid-column: 8;
  grid-row: 3; }

.item123 {
  grid-column: 9;
  grid-row: 1; }

.item124 {
  grid-column: 9;
  grid-row: 2; }

.item125 {
  grid-column: 9;
  grid-row: 3; }

.item126 {
  grid-column: 10;
  grid-row: 1; }

.item127 {
  grid-column: 10;
  grid-row: 2; }

.item128 {
  grid-column: 10;
  grid-row: 3; }

.item129 {
  grid-column: 11;
  grid-row: 1; }

.item130 {
  grid-column: 11;
  grid-row: 2; }

.item131 {
  grid-column: 11;
  grid-row: 3; }

.item132 {
  grid-column: 12;
  grid-row: 1; }

.item133 {
  grid-column: 12;
  grid-row: 2; }

.item134 {
  grid-column: 12;
  grid-row: 3; }

.item135 {
  grid-column: 13;
  grid-row: 1; }

.item136 {
  grid-column: 13;
  grid-row: 2; }

.item137 {
  grid-column: 13;
  grid-row: 3; }

.item138 {
  grid-column: 14;
  grid-row: 1; }

.item139 {
  grid-column: 14;
  grid-row: 2; }

.item140 {
  grid-column: 14;
  grid-row: 3; }

.item141 {
  grid-column: 15;
  grid-row: 1; }

.item142 {
  grid-column: 15;
  grid-row: 2; }

.item143 {
  grid-column: 15;
  grid-row: 3; }

.item144 {
  grid-column: 16;
  grid-row: 1; }

.item145 {
  grid-column: 16;
  grid-row: 2; }

.item146 {
  grid-column: 16;
  grid-row: 3; }

.item147 {
  grid-column: 17;
  grid-row: 1; }

.item148 {
  grid-column: 17;
  grid-row: 2; }

.item149 {
  grid-column: 17;
  grid-row: 3; }

.item150 {
  grid-column: 18;
  grid-row: 1; }

.item151 {
  grid-column: 18;
  grid-row: 2; }

.item152 {
  grid-column: 18;
  grid-row: 3; }

.item153 {
  grid-column: 19;
  grid-row: 1; }

.item154 {
  grid-column: 19;
  grid-row: 2; }

.item155 {
  grid-column: 19;
  grid-row: 3; }

.item156 {
  grid-column: 20;
  grid-row: 1; }

.item157 {
  grid-column: 20;
  grid-row: 2; }

.item158 {
  grid-column: 20;
  grid-row: 3; }

.item159 {
  grid-column: 21;
  grid-row: 1; }

.item160 {
  grid-column: 21;
  grid-row: 2; }

.item161 {
  grid-column: 21;
  grid-row: 3; }

.item162 {
  grid-column: 22;
  grid-row: 1; }

.item163 {
  grid-column: 22;
  grid-row: 2; }

.item164 {
  grid-column: 22;
  grid-row: 3; }

.item165 {
  grid-column: 23;
  grid-row: 1; }

.item166 {
  grid-column: 23;
  grid-row: 2; }

.item167 {
  grid-column: 23;
  grid-row: 3; }

.item168 {
  grid-column: 24;
  grid-row: 1; }

.item169 {
  grid-column: 24;
  grid-row: 2; }

.item170 {
  grid-column: 24;
  grid-row: 3; }

.item171 {
  grid-column: 25;
  grid-row: 1; }

.item172 {
  grid-column: 25;
  grid-row: 2; }

.item173 {
  grid-column: 25;
  grid-row: 3; }

.item174 {
  grid-column: 26;
  grid-row: 1; }

.item175 {
  grid-column: 26;
  grid-row: 2; }

.item176 {
  grid-column: 26;
  grid-row: 3; }

.item177 {
  grid-column: 27;
  grid-row: 1; }

.item178 {
  grid-column: 27;
  grid-row: 2; }

.item179 {
  grid-column: 27;
  grid-row: 3; }

.item180 {
  grid-column: 28;
  grid-row: 1; }

.item181 {
  grid-column: 28;
  grid-row: 2; }

.item182 {
  grid-column: 28;
  grid-row: 3; }

.item183 {
  grid-column: 29;
  grid-row: 1; }

.item184 {
  grid-column: 29;
  grid-row: 2; }

.item185 {
  grid-column: 29;
  grid-row: 3; }

.item186 {
  grid-column: 30;
  grid-row: 1; }

.item187 {
  grid-column: 30;
  grid-row: 2; }

.item188 {
  grid-column: 30;
  grid-row: 3; }

.item189 {
  grid-column: 31;
  grid-row: 1; }

.item190 {
  grid-column: 31;
  grid-row: 2; }

.item191 {
  grid-column: 31;
  grid-row: 3; }

.item192 {
  grid-column: 32;
  grid-row: 1; }

.item193 {
  grid-column: 32;
  grid-row: 2; }

.item194 {
  grid-column: 32;
  grid-row: 3; }
.grid-container {
  display: grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 1px; }

.grid-item {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 10px; }

.item1 {
  background-color: #F5F5F5;
  grid-column: 1;
  grid-row: 1 / span 2; }

.item2 {
  background-color: #F5F5F5;
  grid-column: 2;
  grid-row: 1 / span 2; }

.item3 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3 / span 4;
  grid-row: 1; }

.item4 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3 / span 2;
  grid-row: 2; }

.item5 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 5;
  grid-row: 2; }

.item6 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 6;
  grid-row: 2; }

.item7 {
  background-color: #F5F5F5;
  grid-column: 2;
  grid-row: 3 / span 3; }

.item8 {
  background-color: #F5F5F5;
  grid-column: 2;
  grid-row: 6 / span 3; }

.item9 {
  background-color: #F5F5F5;
  grid-column: 2;
  grid-row: 9 / span 3; }

.item10 {
  background-color: #00FFFF;
  grid-column: 2;
  grid-row: 12 / span 3; }

.item11 {
  grid-column: 1;
  grid-row: 3 / span 12; }

.item12 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 3; }

.item13 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 4; }

.item14 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 5; }

.item15 {
  grid-column: 4;
  grid-row: 3; }

.item16 {
  grid-column: 4;
  grid-row: 4; }

.item17 {
  grid-column: 4;
  grid-row: 5; }

.item18 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 6; }

.item19 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 7; }

.item20 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 8; }

.item21 {
  grid-column: 4;
  grid-row: 6; }

.item22 {
  grid-column: 4;
  grid-row: 7; }

.item23 {
  grid-column: 4;
  grid-row: 8; }

.item24 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 9; }

.item25 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 10; }

.item26 {
  background-color: rgba(255, 255, 255, 0.8);
  grid-column: 3;
  grid-row: 11; }

.item27 {
  grid-column: 4;
  grid-row: 9; }

.item28 {
  grid-column: 4;
  grid-row: 10; }

.item29 {
  grid-column: 4;
  grid-row: 11; }

.item30 {
  background-color: #00FFFF;
  grid-column: 3;
  grid-row: 12; }

.item31 {
  background-color: #00FFFF;
  grid-column: 3;
  grid-row: 13; }

.item32 {
  background-color: #00FFFF;
  grid-column: 3;
  grid-row: 14; }

.item33 {
  background-color: #00FFFF;
  grid-column: 4;
  grid-row: 12; }

.item34 {
  background-color: #00FFFF;
  grid-column: 4;
  grid-row: 13; }

.item35 {
  background-color: #00FFFF;
  grid-column: 4;
  grid-row: 14; }

.item36 {
  grid-column: 5;
  grid-row: 3 / span 3; }

.item37 {
  grid-column: 5;
  grid-row: 6 / span 3; }

.item38 {
  grid-column: 5;
  grid-row: 9 / span 3; }

.item39 {
  background-color: #00FFFF;
  grid-column: 5;
  grid-row: 12 / span 3; }

.item40 {
  grid-column: 6;
  grid-row: 3 / span 3; }

.item41 {
  grid-column: 6;
  grid-row: 6 / span 3; }

.item42 {
  grid-column: 6;
  grid-row: 9 / span 3; }

.item43 {
  background-color: #00FFFF;
  grid-column: 6;
  grid-row: 12 / span 3; }

.item45 {
  background-color: #B0E0E6;
  grid-column: 7 / span 6;
  grid-row: 1; }

.item46 {
  background-color: #B0E0E6;
  grid-column: 7;
  grid-row: 2; }

.item47 {
  background-color: #B0E0E6;
  grid-column: 8 / span 4;
  grid-row: 2; }

.item48 {
  background-color: #B0E0E6;
  grid-column: 12;
  grid-row: 2; }

.item49 {
  grid-column: 7;
  grid-row: 3; }

.item50 {
  grid-column: 7;
  grid-row: 4 / span 2; }

.item51 {
  grid-column: 7;
  grid-row: 6; }

.item52 {
  grid-column: 7;
  grid-row: 7 / span 2; }

.item53 {
  grid-column: 7;
  grid-row: 9; }

.item54 {
  grid-column: 7;
  grid-row: 10 / span 2; }

.item55 {
  background-color: #00FFFF;
  grid-column: 7;
  grid-row: 12 / span 3; }

.item56 {
  background-color: #B0E0E6;
  grid-column: 8;
  grid-row: 3; }

.item57 {
  grid-column: 9;
  grid-row: 3; }

.item58 {
  grid-column: 10;
  grid-row: 3; }

.item59 {
  grid-column: 11;
  grid-row: 3; }

.item60 {
  grid-column: 8 /span 2;
  grid-row: 4 /span 2; }

.item61 {
  grid-column: 10 /span 2;
  grid-row: 4 /span 2; }

.item62 {
  background-color: #B0E0E6;
  grid-column: 8;
  grid-row: 6; }

.item63 {
  grid-column: 9;
  grid-row: 6; }

.item64 {
  grid-column: 10;
  grid-row: 6; }

.item65 {
  grid-column: 11;
  grid-row: 6; }

.item66 {
  grid-column: 8 /span 2;
  grid-row: 7 /span 2; }

.item67 {
  grid-column: 10 /span 2;
  grid-row: 7 /span 2; }

.item68 {
  background-color: #B0E0E6;
  grid-column: 8;
  grid-row: 9; }

.item69 {
  grid-column: 9;
  grid-row: 9; }

.item70 {
  grid-column: 10;
  grid-row: 9; }

.item71 {
  grid-column: 11;
  grid-row: 9; }

.item72 {
  grid-column: 8 /span 2;
  grid-row: 10 /span 2; }

.item73 {
  grid-column: 10 /span 2;
  grid-row: 10 /span 2; }

.item74 {
  background-color: #00FFFF;
  grid-column: 8;
  grid-row: 12; }

.item75 {
  background-color: #00FFFF;
  grid-column: 9;
  grid-row: 12; }

.item76 {
  background-color: #00FFFF;
  grid-column: 10;
  grid-row: 12; }

.item77 {
  background-color: #00FFFF;
  grid-column: 11;
  grid-row: 12; }

.item78 {
  background-color: #00FFFF;
  grid-column: 8 /span 2;
  grid-row: 13 /span 2; }

.item79 {
  background-color: #00FFFF;
  grid-column: 10 /span 2;
  grid-row: 13 /span 2; }

.item80 {
  grid-column: 12;
  grid-row: 3; }

.item81 {
  grid-column: 12;
  grid-row: 4 / span 2; }

.item82 {
  grid-column: 12;
  grid-row: 6; }

.item83 {
  grid-column: 12;
  grid-row: 7 / span 2; }

.item84 {
  grid-column: 12;
  grid-row: 9; }

.item85 {
  grid-column: 12;
  grid-row: 10 / span 2; }

.item86 {
  background-color: #00FFFF;
  grid-column: 12;
  grid-row: 12 / span 3; }

.item87 {
  background-color: #F5F5F5;
  grid-column: 13;
  grid-row: 1 / span 2; }

.item88 {
  grid-column: 13;
  grid-row: 3 / span 3; }

.item89 {
  grid-column: 13;
  grid-row: 6 / span 3; }

.item90 {
  grid-column: 13;
  grid-row: 9 / span 3; }

.item91 {
  background-color: #00FFFF;
  grid-column: 13;
  grid-row: 12 / span 3; }
.order-action2 button, .order-action-chartRealTime button, .button-add button {
  cursor: pointer; }
  .order-action2 button:active, .order-action-chartRealTime button:active, .button-add button:active {
    transform: translateY(2px); }

.chartAll-container {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  margin-left: 170px; }
  .chartAll-container .legend-container ul {
    list-style: none;
    padding-left: 15px; }
    .chartAll-container .legend-container ul li {
      display: inline-block;
      font-size: 12px;
      margin-right: 20px; }
      .chartAll-container .legend-container ul li input[type="checkbox"] {
        margin-right: 20px; }

.chartPainscore-container {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  margin-left: 170px; }
  .chartPainscore-container .legend-container ul {
    list-style: none;
    padding-left: 15px; }
    .chartPainscore-container .legend-container ul li {
      display: inline-block;
      font-size: 12px;
      margin-right: 20px; }
      .chartPainscore-container .legend-container ul li input[type="checkbox"] {
        margin-right: 20px; }

.order-body-chartAll {
  /*overflow: hidden;*/
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  padding-bottom: 100px;
  /*overflow-x: scroll;
  overflow-y: hidden;*/
  overflow: unset; }

.body-chartAll-addcomment {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  padding-bottom: 100px;
  /*width: 1500px;*/
  overflow: scroll !important;
  max-height: 300px; }

.date-charts-body {
  position: absolute !important;
  width: 100% !important;
  font-size: 30px !important;
  opacity: .3 !important;
  top: 80px !important;
  z-index: 99 !important; }

.order-action2 {
  text-align: center; }
  .order-action2 button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
    .order-action2 button:disabled {
      cursor: not-allowed;
      background-color: #DEDEDE; }
  .order-action2 .button-close {
    background-color: #FF7600; }

.item210 {
  grid-area: header; }

.item211 {
  grid-area: menu; }

.item212 {
  grid-area: main; }

.item213 {
  grid-area: right; }

.item214 {
  grid-area: footer; }

.item215 {
  grid-area: weight; }

.item216 {
  grid-area: height; }

.compare-grid-container-chartAll {
  display: flex;
  flex-flow: nowrap row; }

.compare-vitalsign-grid-container-chartAll {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: 20px; }
  .compare-vitalsign-grid-container-chartAll .vitalsign-grid-head-chartAll {
    width: 14.1%; }
  .compare-vitalsign-grid-container-chartAll .vitalsign-grid-body-chartAll {
    display: flex;
    width: 83.9%; }
  .compare-vitalsign-grid-container-chartAll .vitalsign-grid-right-chartAll {
    display: flex;
    width: 2%; }

.grid-container-header-chartAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-item-header-chartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  height: 24px;
  width: 90px; }

.item653 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 1; }

.item646 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 2; }

.item647 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 3; }

.item648 {
  grid-column: 1;
  grid-row: 4 / span 2;
  background-color: #FFFFFF;
  height: initial; }

.item649 {
  grid-column: 2;
  grid-row: 4; }

.item650 {
  grid-column: 2;
  grid-row: 5; }

.item651 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 6; }

.item652 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 7; }

.grid-container-body-chartAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-chartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 33.3px; }

.item654 {
  grid-column: 1;
  grid-row: 1; }

.item610 {
  grid-column: 1;
  grid-row: 2; }

.item611 {
  grid-column: 1;
  grid-row: 3; }

.item612 {
  grid-column: 1;
  grid-row: 4; }

.item613 {
  grid-column: 1;
  grid-row: 5; }

.item614 {
  grid-column: 1;
  grid-row: 6; }

.item615 {
  grid-column: 1;
  grid-row: 7; }

.item655 {
  grid-column: 2;
  grid-row: 1; }

.item616 {
  grid-column: 2;
  grid-row: 2; }

.item617 {
  grid-column: 2;
  grid-row: 3; }

.item618 {
  grid-column: 2;
  grid-row: 4; }

.item619 {
  grid-column: 2;
  grid-row: 5; }

.item620 {
  grid-column: 2;
  grid-row: 6; }

.item621 {
  grid-column: 2;
  grid-row: 7; }

.item656 {
  grid-column: 3;
  grid-row: 1; }

.item622 {
  grid-column: 3;
  grid-row: 2; }

.item623 {
  grid-column: 3;
  grid-row: 3; }

.item624 {
  grid-column: 3;
  grid-row: 4; }

.item625 {
  grid-column: 3;
  grid-row: 5; }

.item626 {
  grid-column: 3;
  grid-row: 6; }

.item627 {
  grid-column: 3;
  grid-row: 7; }

.item657 {
  grid-column: 4;
  grid-row: 1; }

.item628 {
  grid-column: 4;
  grid-row: 2; }

.item629 {
  grid-column: 4;
  grid-row: 3; }

.item630 {
  grid-column: 4;
  grid-row: 4; }

.item631 {
  grid-column: 4;
  grid-row: 5; }

.item632 {
  grid-column: 4;
  grid-row: 6; }

.item633 {
  grid-column: 4;
  grid-row: 7; }

.item658 {
  grid-column: 5;
  grid-row: 1; }

.item634 {
  grid-column: 5;
  grid-row: 2; }

.item635 {
  grid-column: 5;
  grid-row: 3; }

.item636 {
  grid-column: 5;
  grid-row: 4; }

.item637 {
  grid-column: 5;
  grid-row: 5; }

.item638 {
  grid-column: 5;
  grid-row: 6; }

.item639 {
  grid-column: 5;
  grid-row: 7; }

.item659 {
  grid-column: 6;
  grid-row: 1; }

.item640 {
  grid-column: 6;
  grid-row: 2; }

.item641 {
  grid-column: 6;
  grid-row: 3; }

.item642 {
  grid-column: 6;
  grid-row: 4; }

.item643 {
  grid-column: 6;
  grid-row: 5; }

.item644 {
  grid-column: 6;
  grid-row: 6; }

.item645 {
  grid-column: 6;
  grid-row: 7; }

.yaxis-symbol1 {
  border-right: 1px solid #ff9900;
  height: 430px;
  position: absolute;
  left: -60px;
  top: 25px;
  z-index: 99; }
  .yaxis-symbol1 .yaxis-grid1 {
    height: 33px;
    width: 30px;
    position: relative; }
    .yaxis-symbol1 .yaxis-grid1 span {
      position: absolute;
      top: -7px;
      right: 5px;
      font-size: 10.5px;
      color: #ff9900; }
  .yaxis-symbol1 .yaxis-label {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translate(0%, -50%) rotate(90deg);
    font-size: 11px; }

.yaxis-symbol2 {
  border-right: 1px solid #ff0000;
  height: 430px;
  position: absolute;
  left: -30px;
  top: 25px;
  z-index: 99; }
  .yaxis-symbol2 .yaxis-grid1 {
    height: 33px;
    width: 30px;
    position: relative; }
    .yaxis-symbol2 .yaxis-grid1 span {
      position: absolute;
      top: -7px;
      right: 5px;
      font-size: 10.5px;
      color: #ff0000; }
  .yaxis-symbol2 .yaxis-label {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0%, -50%) rotate(90deg);
    font-size: 11px; }

.chart-tool-bar {
  position: absolute;
  top: 150px;
  right: 30px;
  z-index: 99;
  display: flex;
  flex-flow: column nowrap; }
  .chart-tool-bar button {
    position: relative;
    padding: 5px 10px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    background-color: #074A7E;
    /*for compatibility with older browsers*/
    margin-bottom: 10px;
    /* text styles */
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333; }
    .chart-tool-bar button:hover {
      background: linear-gradient(#1e88e5, #5191D0); }

.technical-s-hidden {
  visibility: hidden; }

.grid-container-header-wHchartAll {
  display: grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-item-header-wHchartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  height: 24px;
  width: 90px; }

.item701 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 1; }

.item702 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 2; }

.grid-container-body-wHchartAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-wHchartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 33.3px; }

.item703 {
  grid-column: 1;
  grid-row: 1; }

.item704 {
  grid-column: 1;
  grid-row: 2; }

.item705 {
  grid-column: 2;
  grid-row: 1; }

.item706 {
  grid-column: 2;
  grid-row: 2; }

.item707 {
  grid-column: 3;
  grid-row: 1; }

.item708 {
  grid-column: 3;
  grid-row: 2; }

.item709 {
  grid-column: 4;
  grid-row: 1; }

.item710 {
  grid-column: 4;
  grid-row: 2; }

.item711 {
  grid-column: 5;
  grid-row: 1; }

.item712 {
  grid-column: 5;
  grid-row: 2; }

.item713 {
  grid-column: 6;
  grid-row: 1; }

.item714 {
  grid-column: 6;
  grid-row: 2; }

.filter-arrow-previous {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAh5JREFUSA2tlr1KA0EUhd1dI8ZCEAQhgpIEsbDR3koIKZQIxsKHsBIFG8Feu1RqLxamCQjaBNTgI9iE/BEI+AJGNmviucG7jJuZ3dmNC8nM3rnzzTl3ZkKMiTGearU6axjGNT77wBRSqdSREZXXarXmHMcpY/66wLiNBCRYr9d7hbI1hg0GA9uyrN3QQD9YMpl8NHkFnbbT6cyrlBGMGNoKCdbtdiuYs8qLs02GaQN1YVrAMLBAYL1eX4CtZyT62iQQP8oaEqzf77/haKQ4WVYzHuNWCowKI+jIsWm324sSZQ4dWnE3WZG3nRQDBLNtm2wucRw2HdM08zowmuNaZhhiIzBc+hIvENQOgf8Fo8UMbMAybL2gP5YyVm5iA4oijAZQs9MwNhk2nIuvFTFAfSzy7o3pvpvY0XNJ8hmu3IwkHhgabgrqeIw6XniyK/F4PJtIJD49cd9X99iooKhnBmfwy5ciDLo3BZtwCfsnwhh1N1HPh0ajMe2JK19dhZyhUFqG0m0dpa5CBiqUbpFS1HmK81TtCJASVdBarVYKgo5YFleW2QfwKZ1O51BvW8zlvi+QknygO4A6DOJWapkHqZXZBygL+0Wo/fPzR/mBCimJHoXSEuznRaXawADoHqDflBNomZL4UdjPQf0d7FuUF0ohg2X2MXaPBQ8iAQmsgF5FBv5CD2G1QH20nVgslhkLSKBms7mBP57buOs3sPzxA3hWVdo026p4AAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  width: 125px;
  height: 25px;
  margin-top: 5px;
  align-content: center; }
  .filter-arrow-previous:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAMAAACjKNoqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlQTFRFAAAAAP//dKredKndc6rddKnddaredKredangdarddKrddKrdgJ/fdKnddKrddardgLPmdKvfdqvedKredKnddKrdcarjdarddarddKrgdKvfdaredKreb6bedavedKnedKredKredKrer22UtQAAACN0Uk5TAAFjgDye//xKlra9CI/Dhwp/c8bxzBvh+1FY3f4XXmVssHWAWuG/AAAAZElEQVR4nLXQNxKAMAwAQZFkcs4Z/v9IbDpr1DA2V255AHqO6/lACxBFSCxCWcxYklqzzNRy3YrXSmtWMVYra3SDViE92CmsCfaDxHHiVJjrTHWRulLdPuv+kx6cIqsnUL3EDQ8lxgt/hWpC8wAAAABJRU5ErkJggg==);
    color: #75aade; }

.filter-arrow-next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAdJJREFUSA2t1r9Lw0AUB/DmlCL+Aw6SIWn9IyxO4j/gJg6ODuIi4iA4iJODgqDgIKiDiCiIi4O4uzm7tCk0GPAvCIJp/L6QO8/Lj16uueXuXu8+fX13TdtooHW73Z1er/eD/snzvBmKmTYLwGYcx6ccwNhjjHVc1/3isSo9w+JveYNlWe5wOHwzzZQhkwsg60BjDo+DWhxBRmv4uNeYi5jJxxebCa4D/QfWgWbAcdFckFDcyRUczi2GYo1OTcViQtRmgtI9LGztdvsOWa1iQeZK+b4/m7exNEO+Ic30BvMJHkM/aDabHdu2P6XYX33kYN4Y6DJq+oDXSlGtDPkb6KCVQIJHoZVBjqK/RwkmaZ62pKZGIAH4mm7jBhxxjXrM30uvjbxYHWPzhxrDfM4IDIJgGuCeCuLBfFAZJCwMwxfUb14B9/FsPa5UQ44BWlCww1artUsxbVAH0wZ1MS2wCjYS7Pf7U/gFfMVCtWYnqNkWAWorPOUUe8YGbYzw3EORsEUlg8LM+LoMOA6WybAEO0fNNngWZb3IsA5MZFgXloB1YgSyKIoe0aunqV0zQuTG8NQ4QyCSgle6ByDtEcPkUPDvlS7vEnDfcZxL9OJ3WKzUHPwCz94foYKfAksAAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
  width: 105px;
  height: 25px;
  margin-top: 5px;
  padding-right: 10px;
  background-position-x: 100%;
  align-content: center; }
  .filter-arrow-next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAgBJREFUSA2t1T9Lw0AUAPB3UYroB3AQByt+CMVJ/AIO/sHBTQQRpNgKgkNxUbCioiAu1kGKJuCiDvoB3JydTEVRcC+IWnO+C7nkJWnMJc2B5O715efr3SvHAEdRN0v42MS/658mLOzP5j9EPM1giC0xgAPysvndhJG0qAYcvggmpvlcJ9wv18zeQFxpicXhV74w54HBMS7stfNmqkpdoGSYc5zDabuoC4qqskB9YBZoCGwXbQkKtGjUZ4DzGibQnNiDosnC8Y00qOYTAovK5MA5MDbLAbvVG3afFvTXPi/kzf6tUKY5lZ5hcoeM4f94aUJuZHeq/82L+feHxkPzov48AWAZcahShVJXQROBAo5DE4MSZfCr4451yurlnqYCBbJqmCv42694oGgF/vBv29Dk4Jxb2mMwhuJQKrB89d7NmbUeBDWNbZA9CH7cei2wxufnLQM2TDM4Y+XtyYGdRHtIsFGK4e5tbU8NromYMqiCKYOqmBKYBBMg+bGLpX+Uq/WuBvu5wwPw7RnnfK8yPSju8tCIbBsb67FuIrBCSHICLQ+FYGP0RaeySEzkhsB2sBAYhWGfHWGfLdJqo+ZuhVlgboVZYTaYJSZArdFjXWJr+E4zyZ4JhA6N8Y5DvCN/ZRBbo6p6APId+rQPZUV/GmUcxvEOfsW7+ASf9B6m+bHzP28XJ8g3JB9eAAAAAElFTkSuQmCC);
    color: #75aade; }

.compare-vitalsign-chartRealTime {
  display: contents;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: 20px; }
  .compare-vitalsign-chartRealTime .vitalsign-grid-head-chartAll {
    width: 14.1%; }
  .compare-vitalsign-chartRealTime .vitalsign-grid-body-chartAll {
    display: flex;
    width: 83.9%; }
  .compare-vitalsign-chartRealTime .vitalsign-grid-right-chartAll {
    display: flex;
    width: 2%; }

.order-action-chartRealTime {
  display: contents;
  text-align: center; }
  .order-action-chartRealTime button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
    .order-action-chartRealTime button:disabled {
      cursor: not-allowed;
      background-color: #DEDEDE; }
  .order-action-chartRealTime .button-close {
    background-color: #FF7600; }

.mini-add button {
  width: 30px !important;
  height: 30px !important; }

.body-view-table {
  padding: 0px 15px 100px !important; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .modal-body-vitalsign {
    min-height: calc(1024px - 210px) !important;
    max-height: calc(1024px - 210px) !important; }
  .body-view-table {
    min-height: calc(1024px - 220px) !important;
    max-height: calc(1024px - 220px) !important; } }

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .modal-body-vitalsign {
    min-height: calc(768px - 210px) !important;
    max-height: calc(768px - 210px) !important; }
  .body-view-table {
    min-height: calc(768px - 220px) !important;
    max-height: calc(768px - 220px) !important; } }

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  .modal-body-vitalsign {
    min-height: calc(1366px - 210px) !important;
    max-height: calc(1366px - 210px) !important; }
  .body-view-table {
    min-height: calc(1366px - 220px) !important;
    max-height: calc(1366px - 220px) !important; } }

.button-add {
  text-align: center; }
  .button-add button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }

.table-row-volumn {
  whiteSpace: normal !important;
  wordWrap: break-word !important;
  width: 200px !important; }

.chart-Mobile {
  flex-flow: row wrap;
  padding: 10px;
  width: 100% !important; }
  .chart-Mobile .legend-container ul {
    list-style: none;
    padding-left: 15px; }
    .chart-Mobile .legend-container ul li {
      display: inline-block;
      font-size: 12px;
      margin-right: 20px; }
      .chart-Mobile .legend-container ul li input[type="checkbox"] {
        margin-right: 20px; }
.compare-vitalsign-grid-container-ioAll {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: 20px; }
  .compare-vitalsign-grid-container-ioAll .vitalsign-grid-head-ioAll {
    width: 9.5%; }
  .compare-vitalsign-grid-container-ioAll .vitalsign-grid-body-ioAll {
    display: flex;
    width: 73.5%; }
  .compare-vitalsign-grid-container-ioAll .vitalsign-grid-right-ioAll {
    display: flex;
    width: 5%; }

.compare-grid-container-ioAll {
  display: flex;
  flex-flow: nowrap row; }

.grid-container-header-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item00001 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1; }

.item00002 {
  grid-column: 1;
  grid-row: 2; }

.item0003 {
  grid-column: 1;
  grid-row: 3; }

.item00004 {
  grid-column: 1;
  grid-row: 4; }

.grid-container-body-time-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-container-body-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-body-time-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 69px; }

.grid-item-body-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 66.2px; }

.item00005 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1; }

.item00006 {
  grid-column: 1;
  grid-row: 2; }

.item00007 {
  grid-column: 1;
  grid-row: 3; }

.item00008 {
  grid-column: 1;
  grid-row: 4; }

.item00009 {
  background-color: #C0C0C0;
  grid-column: 2;
  grid-row: 1; }

.item00010 {
  grid-column: 2;
  grid-row: 2; }

.item00011 {
  grid-column: 2;
  grid-row: 3; }

.item00012 {
  grid-column: 2;
  grid-row: 4; }

.item00013 {
  background-color: #C0C0C0;
  grid-column: 3;
  grid-row: 1; }

.item00014 {
  grid-column: 3;
  grid-row: 2; }

.item00015 {
  grid-column: 3;
  grid-row: 3; }

.item00016 {
  grid-column: 3;
  grid-row: 4; }

.item00017 {
  background-color: #C0C0C0;
  grid-column: 4;
  grid-row: 1; }

.item00018 {
  grid-column: 4;
  grid-row: 2; }

.item00019 {
  grid-column: 4;
  grid-row: 3; }

.item00020 {
  grid-column: 4;
  grid-row: 4; }

.item00021 {
  background-color: #C0C0C0;
  grid-column: 5;
  grid-row: 1; }

.item00022 {
  grid-column: 5;
  grid-row: 2; }

.item00023 {
  grid-column: 5;
  grid-row: 3; }

.item00024 {
  grid-column: 5;
  grid-row: 4; }

.item00025 {
  background-color: #C0C0C0;
  grid-column: 6;
  grid-row: 1; }

.item00026 {
  grid-column: 6;
  grid-row: 2; }

.item00027 {
  grid-column: 6;
  grid-row: 3; }

.item00028 {
  grid-column: 6;
  grid-row: 4; }

.item00029 {
  background-color: #C0C0C0;
  grid-column: 7;
  grid-row: 1; }

.item00030 {
  grid-column: 7;
  grid-row: 2; }

.item00031 {
  grid-column: 7;
  grid-row: 3; }

.item00032 {
  grid-column: 7;
  grid-row: 4; }

.item00033 {
  background-color: #C0C0C0;
  grid-column: 8;
  grid-row: 1; }

.item00034 {
  grid-column: 8;
  grid-row: 2; }

.item00035 {
  grid-column: 8;
  grid-row: 3; }

.item00036 {
  grid-column: 8;
  grid-row: 4; }

.item00037 {
  background-color: #C0C0C0;
  grid-column: 9;
  grid-row: 1; }

.item00038 {
  grid-column: 9;
  grid-row: 2; }

.item00039 {
  grid-column: 9;
  grid-row: 3; }

.item00040 {
  grid-column: 9;
  grid-row: 4; }

.item00041 {
  background-color: #C0C0C0;
  grid-column: 10;
  grid-row: 1; }

.item00042 {
  grid-column: 10;
  grid-row: 2; }

.item00043 {
  grid-column: 10;
  grid-row: 3; }

.item00044 {
  grid-column: 10;
  grid-row: 4; }

.item00045 {
  background-color: #C0C0C0;
  grid-column: 11;
  grid-row: 1; }

.item00046 {
  grid-column: 11;
  grid-row: 2; }

.item00047 {
  grid-column: 11;
  grid-row: 3; }

.item00048 {
  grid-column: 11;
  grid-row: 4; }

.item00049 {
  background-color: #C0C0C0;
  grid-column: 12;
  grid-row: 1; }

.item00050 {
  grid-column: 12;
  grid-row: 2; }

.item00051 {
  grid-column: 12;
  grid-row: 3; }

.item00052 {
  grid-column: 12;
  grid-row: 4; }

.item00053 {
  background-color: #C0C0C0;
  grid-column: 13;
  grid-row: 1; }

.item00054 {
  grid-column: 13;
  grid-row: 2; }

.item00055 {
  grid-column: 13;
  grid-row: 3; }

.item00056 {
  grid-column: 13;
  grid-row: 4; }

.item00057 {
  background-color: #C0C0C0;
  grid-column: 14;
  grid-row: 1; }

.item00058 {
  grid-column: 14;
  grid-row: 2; }

.item00059 {
  grid-column: 14;
  grid-row: 3; }

.item00060 {
  grid-column: 14;
  grid-row: 4; }

.item00061 {
  background-color: #C0C0C0;
  grid-column: 15;
  grid-row: 1; }

.item00062 {
  grid-column: 15;
  grid-row: 2; }

.item00063 {
  grid-column: 15;
  grid-row: 3; }

.item00064 {
  grid-column: 15;
  grid-row: 4; }

.grid-container-header-intake {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-intake {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
  font-size: 14px;
  height: 24px;
  width: 174px; }

.item501 {
  background-color: #FFFFFF;
  grid-column: 1;
  grid-row: 1 / span 7;
  height: 174px;
  width: 49px; }

.item528 {
  background-color: #FFFFFF;
  grid-column: 1;
  grid-row: 1 / span 8;
  height: 199px;
  width: 49px; }

.item502 {
  grid-column: 2;
  grid-row: 1; }

.item503 {
  grid-column: 2;
  grid-row: 2; }

.item504 {
  grid-column: 2;
  grid-row: 3; }

.item505 {
  grid-column: 2;
  grid-row: 4; }

.item506 {
  grid-column: 2;
  grid-row: 5; }

.item507 {
  grid-column: 2;
  grid-row: 6; }

.item508 {
  grid-column: 2;
  grid-row: 7; }

.item529 {
  grid-column: 2;
  grid-row: 8; }

.grid-container-body-intake {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-body-intake {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 68.2px; }

.item509 {
  grid-column: 1;
  grid-row: 1; }

.item510 {
  grid-column: 1;
  grid-row: 2; }

.item511 {
  grid-column: 1;
  grid-row: 3; }

.item512 {
  grid-column: 1;
  grid-row: 4; }

.item513 {
  grid-column: 1;
  grid-row: 5; }

.item514 {
  grid-column: 1;
  grid-row: 6; }

.item530 {
  grid-column: 1;
  grid-row: 7; }

.item515 {
  grid-column: 1 / span 3;
  grid-row: 7;
  width: 206.6px; }

.item531 {
  grid-column: 1 / span 3;
  grid-row: 8;
  width: 206.6px; }

.item516 {
  grid-column: 2;
  grid-row: 1; }

.item517 {
  grid-column: 2;
  grid-row: 2; }

.item518 {
  grid-column: 2;
  grid-row: 3; }

.item519 {
  grid-column: 2;
  grid-row: 4; }

.item520 {
  grid-column: 2;
  grid-row: 5; }

.item521 {
  grid-column: 2;
  grid-row: 6; }

.item532 {
  grid-column: 2;
  grid-row: 7; }

.item522 {
  grid-column: 3;
  grid-row: 1; }

.item523 {
  grid-column: 3;
  grid-row: 2; }

.item524 {
  grid-column: 3;
  grid-row: 3; }

.item525 {
  grid-column: 3;
  grid-row: 4; }

.item526 {
  grid-column: 3;
  grid-row: 5; }

.item527 {
  grid-column: 3;
  grid-row: 6; }

.item533 {
  grid-column: 3;
  grid-row: 7; }

.compare-vitalsign-grid-container-date {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: 20px; }
  .compare-vitalsign-grid-container-date .vitalsign-grid-head-date {
    width: 12.1%; }
  .compare-vitalsign-grid-container-date .vitalsign-grid-body-date {
    display: flex;
    width: 85.9%; }
  .compare-vitalsign-grid-container-date .vitalsign-grid-right-date {
    display: flex;
    width: 2%; }

.grid-container-header-day {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-day {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item594 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1;
  width: 196px; }

.grid-container-body-day {
  display: grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-body-day {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 206.4px; }

.compare-grid-container-day {
  display: inline-block;
  flex-flow: nowrap row; }

.item595 {
  grid-column: 1;
  grid-row: 1; }

.item596 {
  grid-column: 2;
  grid-row: 1; }

.item597 {
  grid-column: 3;
  grid-row: 1; }

.item598 {
  grid-column: 4;
  grid-row: 1; }

.item599 {
  grid-column: 5;
  grid-row: 1; }

.grid-container-header-totalBalance {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-totalBalance {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item588 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1;
  width: 196px; }

.grid-container-body-totalBalance {
  display: grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-body-totalBalance {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 206.4px; }

.compare-grid-container-totalBalance {
  display: inline-block;
  flex-flow: nowrap row; }

.item589 {
  grid-column: 1;
  grid-row: 1; }

.item590 {
  grid-column: 2;
  grid-row: 1; }

.item591 {
  grid-column: 3;
  grid-row: 1; }

.item592 {
  grid-column: 4;
  grid-row: 1; }

.item593 {
  grid-column: 5;
  grid-row: 1; }

.grid-container-ioMobile {
  display: grid;
  gap: 1px;
  background-color: #ff6347;
  padding: 1px; }

.grid-item-ioMobile {
  background-color: #ffffff;
  text-align: center;
  padding: 5px;
  font-size: 12px; }

.itemIoMobile1 {
  grid-column: 1;
  grid-row: 1; }

.itemIoMobile2 {
  grid-column: 2 / span 5;
  grid-row: 1; }

.itemIoMobile3 {
  grid-column: 1/ span 3;
  grid-row: 2;
  background-color: #C0C0C0; }

.itemIoMobile4 {
  grid-column: 4;
  grid-row: 2;
  background-color: #C0C0C0; }

.itemIoMobile5 {
  grid-column: 5;
  grid-row: 2;
  background-color: #C0C0C0; }

.itemIoMobile6 {
  grid-column: 6;
  grid-row: 2;
  background-color: #C0C0C0; }

.itemIoMobile7 {
  grid-column: 1/ span 3;
  grid-row: 3; }

.itemIoMobile8 {
  grid-column: 4;
  grid-row: 3; }

.itemIoMobile9 {
  grid-column: 5;
  grid-row: 3; }

.itemIoMobile10 {
  grid-column: 6;
  grid-row: 3; }

.itemIoMobile11 {
  grid-column: 1/ span 3;
  grid-row: 4; }

.itemIoMobile12 {
  grid-column: 4;
  grid-row: 4; }

.itemIoMobile13 {
  grid-column: 5;
  grid-row: 4; }

.itemIoMobile14 {
  grid-column: 6;
  grid-row: 4; }

.itemIoMobile15 {
  grid-column: 1;
  grid-row: 5/ span 7;
  text-align: center;
  writing-mode: vertical-lr;
  transform: rotate(180deg); }

.itemIoMobile16 {
  grid-column: 2/ span 2;
  grid-row: 5;
  text-align: left; }

.itemIoMobile17 {
  grid-column: 4;
  grid-row: 5; }

.itemIoMobile18 {
  grid-column: 5;
  grid-row: 5; }

.itemIoMobile19 {
  grid-column: 6;
  grid-row: 5; }

.itemIoMobile20 {
  grid-column: 2/ span 2;
  grid-row: 6;
  text-align: left; }

.itemIoMobile21 {
  grid-column: 4;
  grid-row: 6; }

.itemIoMobile22 {
  grid-column: 5;
  grid-row: 6; }

.itemIoMobile23 {
  grid-column: 6;
  grid-row: 6; }

.itemIoMobile24 {
  grid-column: 2/ span 2;
  grid-row: 7;
  text-align: left; }

.itemIoMobile25 {
  grid-column: 4;
  grid-row: 7; }

.itemIoMobile26 {
  grid-column: 5;
  grid-row: 7; }

.itemIoMobile27 {
  grid-column: 6;
  grid-row: 7; }

.itemIoMobile28 {
  grid-column: 2/ span 2;
  grid-row: 8;
  text-align: left; }

.itemIoMobile29 {
  grid-column: 4;
  grid-row: 8; }

.itemIoMobile30 {
  grid-column: 5;
  grid-row: 8; }

.itemIoMobile31 {
  grid-column: 6;
  grid-row: 8; }

.itemIoMobile32 {
  grid-column: 2/ span 2;
  grid-row: 9;
  text-align: left; }

.itemIoMobile33 {
  grid-column: 4;
  grid-row: 9; }

.itemIoMobile34 {
  grid-column: 5;
  grid-row: 9; }

.itemIoMobile35 {
  grid-column: 6;
  grid-row: 9; }

.itemIoMobile36 {
  grid-column: 2/ span 2;
  grid-row: 10;
  text-align: left; }

.itemIoMobile37 {
  grid-column: 4;
  grid-row: 10; }

.itemIoMobile38 {
  grid-column: 5;
  grid-row: 10; }

.itemIoMobile39 {
  grid-column: 6;
  grid-row: 10; }

.itemIoMobile40 {
  grid-column: 2/ span 2;
  grid-row: 11;
  text-align: left; }

.itemIoMobile41 {
  grid-column: 4/ span 3;
  grid-row: 11; }

.itemIoMobile42 {
  grid-column: 1;
  grid-row: 12/ span 8;
  text-align: center;
  writing-mode: vertical-lr;
  transform: rotate(180deg); }

.itemIoMobile43 {
  grid-column: 2/ span 2;
  grid-row: 12;
  text-align: left; }

.itemIoMobile44 {
  grid-column: 4;
  grid-row: 12; }

.itemIoMobile45 {
  grid-column: 5;
  grid-row: 12; }

.itemIoMobile46 {
  grid-column: 6;
  grid-row: 12; }

.itemIoMobile47 {
  grid-column: 2/ span 2;
  grid-row: 13;
  text-align: left; }

.itemIoMobile48 {
  grid-column: 4;
  grid-row: 13; }

.itemIoMobile49 {
  grid-column: 5;
  grid-row: 13; }

.itemIoMobile50 {
  grid-column: 6;
  grid-row: 13; }

.itemIoMobile51 {
  grid-column: 2/ span 2;
  grid-row: 14;
  text-align: left; }

.itemIoMobile52 {
  grid-column: 4;
  grid-row: 14; }

.itemIoMobile53 {
  grid-column: 5;
  grid-row: 14; }

.itemIoMobile54 {
  grid-column: 6;
  grid-row: 14; }

.itemIoMobile55 {
  grid-column: 2/ span 2;
  grid-row: 15;
  text-align: left; }

.itemIoMobile56 {
  grid-column: 4;
  grid-row: 15; }

.itemIoMobile57 {
  grid-column: 5;
  grid-row: 15; }

.itemIoMobile58 {
  grid-column: 6;
  grid-row: 15; }

.itemIoMobile59 {
  grid-column: 2/ span 2;
  grid-row: 16;
  text-align: left; }

.itemIoMobile60 {
  grid-column: 4;
  grid-row: 16; }

.itemIoMobile61 {
  grid-column: 5;
  grid-row: 16; }

.itemIoMobile62 {
  grid-column: 6;
  grid-row: 16; }

.itemIoMobile63 {
  grid-column: 2/ span 2;
  grid-row: 17;
  text-align: left; }

.itemIoMobile64 {
  grid-column: 4;
  grid-row: 17; }

.itemIoMobile65 {
  grid-column: 5;
  grid-row: 17; }

.itemIoMobile66 {
  grid-column: 6;
  grid-row: 17; }

.itemIoMobile67 {
  grid-column: 2/ span 2;
  grid-row: 18;
  text-align: left; }

.itemIoMobile68 {
  grid-column: 4;
  grid-row: 18; }

.itemIoMobile69 {
  grid-column: 5;
  grid-row: 18; }

.itemIoMobile70 {
  grid-column: 6;
  grid-row: 18; }

.itemIoMobile71 {
  grid-column: 2/ span 2;
  grid-row: 19;
  text-align: left; }

.itemIoMobile72 {
  grid-column: 4/ span 3;
  grid-row: 19; }

.itemIoMobile73 {
  grid-column: 1/ span 3;
  grid-row: 20;
  background-color: #C0C0C0; }

.itemIoMobile74 {
  grid-column: 4/ span 3;
  grid-row: 20; }
.pap-modal {
  min-height: 50vh; }

.pap-dashboard {
  min-height: calc(80vh - 60px); }

.history-box {
  border-style: groove;
  border-width: thin; }

.header-title {
  margin-left: 2em; }

.header-img {
  margin-right: 1em; }

.header-text {
  color: #074A7E; }

.btn-add {
  margin-left: 3em; }

.vertical-align {
  display: flex;
  align-items: center; }

.horizontal-align {
  display: flex;
  justify-content: center; }

.column-row-container {
  font-size: 14px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: normal !important;
  text-align: center; }

.column-row-container-rehab {
  font-size: 12px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: normal !important;
  text-align: center; }

.head-row-container {
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-align: center;
  color: white !important;
  height: 30px !important; }

.head-row-container-1 {
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-align: center;
  color: white !important;
  height: 30px !important;
  white-space: pre-line !important;
  z-index: 100 !important;
  position: sticky !important;
  top: 0 !important; }

.head-row-canceldoc {
  height: 10px !important; }

.probsandplans-view-container {
  background-color: #F0F0F4;
  display: flex; }
  .probsandplans-view-container .role-filter-select {
    height: 30px !important;
    width: 150px;
    margin-right: 10px;
    color: #006DB4 !important;
    font-size: 14px; }
  .probsandplans-view-container .role-filter-select > div:first-child {
    height: 30px !important;
    bottom: 0px !important;
    border-radius: 0px !important; }
  .probsandplans-view-container .role-filter-select div div div {
    height: 30px !important;
    top: 0px !important; }
  .probsandplans-view-container .role-filter-select button {
    width: 30px !important;
    height: 30px !important;
    padding: 0px !important; }
  .probsandplans-view-container .role-filter-select input {
    height: 32px !important;
    border: none;
    padding: 0px !important; }
  .probsandplans-view-container .role-filter-option {
    font-size: 14px;
    white-space: nowrap;
    width: 150px; }

.probsandplans-table-header {
  background-color: #006DB4 !important; }

.rehab-table-header {
  background-color: #006DB4 !important;
  white-space: pre-line !important; }

.dialog-header {
  background-color: #006DB4 !important;
  color: white !important; }

.tabs-container {
  padding: 20px 25px !important; }

.history-subheader {
  background-color: lightblue; }

.status-active {
  background-color: red;
  color: white;
  width: 65%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 12px; }

.status-improved {
  background-color: green;
  color: white;
  width: 65%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 12px; }

.status-not-improved {
  background-color: lightgray;
  color: black;
  width: 65%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 12px; }

.status-resolved {
  background-color: darkgreen;
  color: white;
  width: 65%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 12px; }

.status-cancel {
  color: #bac0c5;
  width: 65%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 12px;
  border-style: groove;
  border-width: thin; }

.sort-div {
  float: left;
  display: block;
  text-align: center; }

.sort-div .sort-icon {
  display: block;
  margin-top: 20px; }

.table-scrollable {
  display: table;
  overflow: auto; }

.groupbutton-div {
  margin: auto; }

.problem-width {
  width: 300px; }

.groupbutton-width {
  width: 100%; }

.radiobutton {
  display: flex;
  align-items: center; }

.p-letters {
  white-space: normal; }

.divider {
  width: 5px;
  height: auto;
  display: inline-block; }

.new-line {
  white-space: pre-line; }

.canceldoc-row {
  color: #bac0c5 !important;
  font-style: italic !important; }

.row-checkbox td:first-child {
  background-color: inherit !important; }

.row-checkbox td > div > div > div > div > svg:first-child {
  fill: #cccccc !important; }

@media only screen and (max-width: 1600px) {
  .groupbutton-mobile {
    width: 8vw; }
  .status-mobile {
    width: 7vw; }
  .problem-mobile {
    width: 12vw; }
  .groupicon-mobile {
    width: 7vw; }
  .date-mobile {
    width: 7vw; }
  .doctor-mobile {
    width: 8vw; }
  .specialty-mobile {
    width: 8vw; } }

@media only screen and (max-width: 900px) {
  .sort-icon-mobile {
    display: block; }
  .head-row-mobile {
    font-size: 0.5em !important; }
  .column-row-mobile {
    font-size: 0.4em !important; }
  .column-row-mobile-rehab {
    font-size: 0.4em !important;
    height: 300px !important;
    overflow: scroll !important; } }

.tabs-container-rehab {
  display: fixed;
  flex-flow: row wrap;
  padding: 0px;
  position: fixed;
  height: 100%; }

.grid-container-header-rehab {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #9E9E9E;
  padding: 2px;
  text-align: left; }

.grid-container-body-rehab {
  display: grid;
  grid-gap: 1px;
  background-color: #9E9E9E;
  padding: 2px 2px 2px 1px; }

.item-Rhabe-001 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 1;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-002 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 2;
  width: 196px;
  height: 250px;
  font-size: 12px;
  overflow: scroll; }

.item-Rhabe-003 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 3;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-004 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 4;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-005 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 5;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-006 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 6;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-007 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 7;
  width: 196px;
  font-size: 12px; }

.item-Rhabe-008 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 8;
  width: 196px;
  font-size: 12px; }

.item-body-Rhabe-001 {
  background-color: #EEEEEE;
  grid-column: 1;
  grid-row: 1;
  font-size: 12px; }

.item-body-Rhabe-002 {
  grid-column: 1;
  grid-row: 2;
  font-size: 12px;
  height: 229px;
  overflow: scroll; }

.item-body-Rhabe-003 {
  grid-column: 1;
  grid-row: 3;
  font-size: 12px; }

.item-body-Rhabe-004 {
  grid-column: 1;
  grid-row: 4;
  font-size: 12px; }

.item-body-Rhabe-005 {
  grid-column: 1;
  grid-row: 5;
  font-size: 12px; }

.item-body-Rhabe-006 {
  grid-column: 1;
  grid-row: 6;
  font-size: 12px; }

.item-body-Rhabe-007 {
  grid-column: 1;
  grid-row: 7;
  font-size: 12px; }

.item-body-Rhabe-008 {
  grid-column: 1;
  grid-row: 8;
  font-size: 12px; }

.row-checkbox-rehab td:first-child {
  background-color: inherit !important;
  padding-left: 10px !important;
  padding-right: 0px !important; }

.row-checkbox-rehab td > div > div > div > div > svg:first-child {
  fill: #cccccc !important; }

.row-checkbox-rehab-non td:first-child {
  background-color: white !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: white !important;
  width: 50px  !important; }

.row-checkbox-rehab-non td > div > div > div > div > svg:first-child {
  fill: White !important;
  color: white !important;
  width: 50px  !important; }

.rehab-grid-container {
  display: flex;
  flex-flow: nowrap row;
  justify-content: flex-start;
  margin-left: 20px; }
  .rehab-grid-container .rehab-grid-head {
    width: 33%; }
  .rehab-grid-container .rehab-grid-body {
    display: flex;
    width: 84%; }
  .rehab-grid-container .rehab-grid-right {
    display: flex;
    width: 2%; }

.grid-item-header-rehab {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.modal-body-rehab {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  min-height: calc(95vh - 210px) !important;
  max-height: calc(95vh - 210px) !important;
  -webkit-overflow-scrolling: touch; }
.modal-header-sr {
  background-color: #006DB4 !important;
  color: white !important;
  padding: 12px 24px !important; }

.modal-content-sr {
  width: 95vw !important;
  max-width: none !important; }

.modal-body-sr {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  min-height: calc(95vh - 210px) !important;
  max-height: calc(95vh - 210px) !important;
  -webkit-overflow-scrolling: touch;
  overflow: scroll; }

.log-filter .role-filter-select {
  height: 26px !important;
  width: 175px;
  color: #006DB4 !important;
  font-size: 1rem; }
  .log-filter .role-filter-select.is-disabled > .Select-control {
    background-color: #ebebe4 !important;
    color: #aaaaaa !important;
    border-color: rgba(118, 118, 118, 0.3) !important; }

.log-filter .role-filter-select > div:first-child {
  height: 26px !important;
  bottom: 0px !important;
  border-radius: 0px !important; }

.log-filter .role-filter-select div div div {
  height: 26px !important;
  top: 0px !important;
  line-height: 28px !important; }

.log-filter .role-filter-select button {
  width: 30px !important;
  height: 26px !important;
  padding: 0px !important; }

.log-filter .role-filter-select input {
  height: 28px !important;
  border: none;
  padding: 0px !important; }

.log-filter .role-filter-option {
  font-size: 1rem;
  white-space: nowrap;
  width: 175px; }
  .log-filter .role-filter-option:last-child {
    margin-bottom: 10px; }

.log-filter .role-filter-select div div.Select-multi-value-wrapper {
  height: 26px !important;
  overflow: auto; }

.log-filter .role-filter-select div span {
  line-height: normal !important; }

.box {
  max-height: 100vh;
  width: 100%;
  overflow: auto; }

.megamenu {
  width: 300vw !important;
  overflow: hidden;
  max-height: auto;
  -webkit-box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.48);
  box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.48);
  padding-bottom: 5px;
  padding-top: 5px;
  background: #F0F0F4;
  border-top: 1px solid #767676;
  font-family: Verdana, Tahoma, Sans-Serif;
  z-index: 100; }

.megamenu .column {
  float: left;
  width: 30vw;
  /*width of each menu column*/
  margin: 10px 5px;
  border: 1px solid lightgrey;
  padding: 1px; }

.megamenu .column:first-child {
  margin-left: 10px; }

.megamenu .column ul {
  margin: 5px;
  padding: 5px;
  list-style-type: none;
  padding-inline-start: 15px; }

.megamenu .column ul li {
  padding: 1px; }

.megamenu .column .topic-header {
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Tahoma, Sans-Serif;
  margin: 0 0 5px 0;
  padding: 1px;
  padding-left: 15px;
  border: 1px dashed #eee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48); }

.megamenu .column ul li a:hover {
  color: white;
  border-left: 2px solid #FF9F21; }

.loading-fixed {
  max-height: 70vh; }
  .loading-fixed #main {
    max-height: 70vh; }

.log-header {
  background-color: lightblue;
  color: #666666;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  margin-top: -10px;
  margin-bottom: 10px;
  display: flex; }

.accordion {
  background-color: #DEDEDE;
  color: #444444;
  border-radius: 3px;
  cursor: pointer;
  padding: 6px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12px;
  transition: 0.4s;
  padding-left: 24px; }
  .accordion div.group-element {
    justify-content: space-between; }
    .accordion div.group-element div.title-data {
      display: flex;
      align-items: center; }
      .accordion div.group-element div.title-data label.nsf-wording {
        background-color: forestgreen;
        color: white;
        margin-left: 15px;
        padding: 2px 6px;
        border-radius: 15px; }
      .accordion div.group-element div.title-data span.req-wording {
        background-color: red;
        color: white;
        padding: 3px;
        margin-left: 20px;
        font-size: 0.6em; }
      .accordion div.group-element div.title-data span:first-child {
        background-color: white;
        border: 1px solid white;
        border-radius: 20px;
        padding: 3px 12px;
        margin-right: 10px;
        text-align: center; }
    .accordion div.group-element div.toggle-icon {
      display: flex;
      align-items: center; }
      .accordion div.group-element div.toggle-icon div.toggle-nsf {
        display: flex;
        align-items: center;
        margin-right: 40px;
        border: 1px solid #999999;
        border-radius: 12px;
        padding: 3px 5px; }
      .accordion div.group-element div.toggle-icon span.symbol-icon {
        width: 20px;
        font-size: 1.5em;
        margin-right: 20px; }

.active, .accordion:hover {
  background-color: #a6a6a6;
  color: white; }
  .active div.group-element div.title-data span:first-child, .accordion:hover div.group-element div.title-data span:first-child {
    color: black; }
  .active div.group-element div.toggle-icon div.toggle-nsf, .accordion:hover div.group-element div.toggle-icon div.toggle-nsf {
    border-color: white; }
  .active div.group-element div.toggle-icon span.symbol-icon, .accordion:hover div.group-element div.toggle-icon span.symbol-icon {
    color: white; }

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden; }
  .panel .input-placeholder::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.6;
    /* Firefox */ }

.other-add {
  font-size: 1rem;
  background-color: white;
  color: #6666ff;
  padding: 6px;
  border: 1px solid #6666ff;
  border-radius: 20px;
  margin-right: 15px; }
  .other-add:hover {
    background-color: #0000cc;
    color: white;
    border-color: #0000cc; }

.other-delete {
  background-color: white;
  padding: 2px;
  border: 1px solid red;
  border-radius: 6px; }
  .other-delete:hover {
    background-color: red; }
    .other-delete:hover svg {
      fill: white !important; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 18px;
  border: 1px solid white;
  border-radius: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b3b3b3;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #00b300; }

input:focus + .slider {
  box-shadow: 0 0 1px #00b300; }

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.input-container .role-filter-select {
  height: 26px !important;
  width: 200px;
  color: #006DB4 !important;
  font-size: 1rem; }
  .input-container .role-filter-select.is-disabled > .Select-control {
    background-color: #ebebe4 !important;
    color: #aaaaaa !important;
    border-color: rgba(118, 118, 118, 0.3) !important; }

.input-container .role-filter-select > div:first-child {
  height: 26px !important;
  bottom: 0px !important;
  border-radius: 0px !important; }

.input-container .role-filter-select div div div {
  height: 26px !important;
  top: 0px !important;
  line-height: 28px !important; }

.input-container .role-filter-select button {
  width: 30px !important;
  height: 26px !important;
  padding: 0px !important; }

.input-container .role-filter-select input {
  height: 28px !important;
  border: none;
  padding: 0px !important; }

.input-container .role-filter-option {
  font-size: 1rem;
  white-space: nowrap;
  width: 200px; }
  .input-container .role-filter-option:last-child {
    margin-bottom: 10px; }

.input-container .role-filter-select div div.Select-multi-value-wrapper {
  height: 26px !important;
  overflow: auto; }

.input-container .role-filter-select div span {
  line-height: normal !important; }

.wrap-center {
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 32px; }

.text-wrap {
  word-wrap: break-word;
  font-size: 14px; }

.panel-header {
  font-size: 14px;
  text-align: center; }

@media only screen and (max-width: 992px) {
  .input-container .role-filter-select {
    width: 150px; }
  .input-container .role-filter-option {
    width: 150px; } }

@media only screen and (max-width: 1200px) {
  .text-wrap {
    font-size: 12px; }
  .panel-header {
    font-size: 12px; } }
.system-review-container .button-action1 button, .system-review-container .button-action2 button {
  cursor: pointer; }
  .system-review-container .button-action1 button:active, .system-review-container .button-action2 button:active {
    transform: translateY(2px); }

.system-review-container {
  background-color: #F0F0F4;
  /* The Modal (background) */ }
  .system-review-container .table-container {
    padding: 10px !important; }
    .system-review-container .table-container .functional-assessment-table .table-title {
      padding-left: 0px !important;
      display: flex;
      justify-content: space-around;
      border: 3px solid lightblue;
      border-radius: 32px;
      margin-bottom: 4px;
      text-align: center;
      line-height: 2 !important; }
      .system-review-container .table-container .functional-assessment-table .table-title span div:first-child {
        font-weight: bold;
        border-bottom: 1px solid lightgray;
        background-color: #ECF3FA; }
  .system-review-container .tab-header {
    border-bottom: 4px solid #5191D0 !important;
    margin-bottom: -20px; }
  .system-review-container .tab-menu-systemreview {
    width: 160px !important;
    margin-right: 5px !important;
    background-color: white !important;
    color: #5191D0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .system-review-container .tab-menu-systemreview:last-child {
      margin-right: 0px !important; }
    .system-review-container .tab-menu-systemreview:hover {
      background-color: #C2D2DE !important; }
  .system-review-container .tab-menu-active-systemreview {
    background-color: #5191D0 !important;
    color: white !important; }
    .system-review-container .tab-menu-active-systemreview:hover {
      background-color: #5191D0 !important; }
  .system-review-container .table-header-row {
    background-color: #327FCC !important;
    height: 40px !important; }
    .system-review-container .table-header-row th {
      height: auto !important;
      padding: 0px 12px !important; }
  .system-review-container .table-header-column {
    text-align: center !important;
    color: white !important; }
  .system-review-container .table-body-title {
    background-color: #C2D2DE !important;
    height: 32px !important; }
    .system-review-container .table-body-title td {
      height: auto !important;
      padding: 0px 12px !important; }
  .system-review-container .table-body-row {
    height: 32px !important; }
    .system-review-container .table-body-row td {
      height: auto !important;
      padding: 0px 12px !important; }
  .system-review-container .role-filter-select {
    height: 26px !important;
    width: 210px;
    font-size: 12px; }
    .system-review-container .role-filter-select.is-disabled > .Select-control {
      background-color: #ebebe4 !important;
      color: #aaaaaa !important;
      border-color: rgba(118, 118, 118, 0.3) !important; }
  .system-review-container .role-filter-select > div:first-child {
    height: 26px !important;
    bottom: 0px !important;
    border-radius: 0px !important; }
  .system-review-container .role-filter-select div div div {
    height: 26px !important;
    top: 0px !important;
    line-height: 28px !important; }
  .system-review-container .role-filter-select button {
    width: 30px !important;
    height: 26px !important;
    padding: 0px !important; }
  .system-review-container .role-filter-select input {
    height: 28px !important;
    border: none;
    padding: 0px !important; }
  .system-review-container .role-filter-option {
    font-size: 12px;
    white-space: nowrap;
    width: 180px; }
    .system-review-container .role-filter-option:last-child {
      margin-bottom: 10px; }
  .system-review-container .role-filter-select-score {
    width: 80px; }
  .system-review-container .role-filter-option-score {
    width: 60px; }
  .system-review-container .role-filter-select-multi {
    width: 260px;
    max-height: 75px !important; }
  .system-review-container .role-filter-select-multi > div:first-child {
    height: 75px !important; }
  .system-review-container .role-filter-select-multi div div.Select-multi-value-wrapper {
    height: 75px !important;
    overflow: auto; }
  .system-review-container .role-filter-option-multi {
    width: 260px; }
  .system-review-container .role-filter-select-multi div div div {
    line-height: 1.8em !important; }
  .system-review-container .pain-container .pain-arrow {
    position: absolute;
    padding: 0px 25px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #C2D2DE;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    z-index: auto;
    cursor: pointer; }
    .system-review-container .pain-container .pain-arrow:hover {
      background-color: #9cb6c9; }
  .system-review-container .pain-container .pain-arrow-close {
    background-color: #4188C4;
    transition: all 0.75s ease-in; }
  .system-review-container .pain-container .pain-control {
    margin-right: 0px !important;
    background-color: #F0F2F4;
    display: flex;
    padding: 0px 30px;
    position: relative; }
  .system-review-container .pain-container .img-block {
    position: relative;
    display: inline-block;
    /* The Modal (background) */
    /* Modal Content (image) */
    /* Caption of Modal Image */
    /* Add Animation */
    /* The Close Button */
    /* 100% Image Width on Smaller Screens */ }
    .system-review-container .pain-container .img-block .zoom-button {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #eee;
      width: 60px;
      border: 1px solid gray;
      border-radius: 0px 0px 12px 12px;
      margin: auto;
      margin-bottom: 10px; }
      .system-review-container .pain-container .img-block .zoom-button:hover {
        background-color: #aaa; }
    .system-review-container .pain-container .img-block .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 372px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 999999; }
    .system-review-container .pain-container .img-block .desc {
      padding: 15px;
      text-align: center;
      border-top: 1px solid #ddd; }
    .system-review-container .pain-container .img-block #myImg {
      width: 100%;
      max-width: 300px;
      border-radius: 0 36px 36px 0;
      cursor: zoom-in;
      transition: 0.3s;
      border: 5px double gray; }
    .system-review-container .pain-container .img-block #myImg:hover {
      opacity: 0.7; }
    .system-review-container .pain-container .img-block .modal {
      position: fixed;
      /* Stay in place */
      z-index: 1;
      /* Sit on top */
      padding-top: 100px;
      /* Location of the box */
      left: 0;
      top: 0;
      width: 100%;
      /* Full width */
      height: 100%;
      /* Full height */
      overflow: auto;
      /* Enable scroll if needed */
      background-color: rgba(0, 0, 0, 0.65);
      /* Black w/ opacity */ }
    .system-review-container .pain-container .img-block .modal-content {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      border: 5px double gray; }
    .system-review-container .pain-container .img-block #caption {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      text-align: center;
      color: #ccc;
      padding: 10px 0;
      height: 150px; }
      .system-review-container .pain-container .img-block #caption span {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 6px;
        border-radius: 6px; }
    .system-review-container .pain-container .img-block .modal-content, .system-review-container .pain-container .img-block #caption {
      -webkit-animation-name: zoom;
      -webkit-animation-duration: 0.6s;
      animation-name: zoom;
      animation-duration: 0.6s; }

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
    .system-review-container .pain-container .img-block .close {
      position: absolute;
      top: 60px;
      right: calc(50% - 380px);
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s; }
    .system-review-container .pain-container .img-block .close:hover,
    .system-review-container .pain-container .img-block .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer; }
    @media only screen and (max-width: 700px) {
      .system-review-container .pain-container .img-block .modal-content {
        width: 100%; } }
    @media only screen and (max-width: 900px) {
      .system-review-container .pain-container .img-block .close {
        top: 60px;
        right: calc(50% - 350px); } }
    @media only screen and (min-width: 1200px) {
      .system-review-container .pain-container .img-block:not(.no-hover):hover .dropdown-content {
        display: inline-block; } }
  .system-review-container .pain-container .age-block {
    background-color: gold;
    background-image: radial-gradient(gold, #fff4b3);
    color: #b87333;
    padding: 5px;
    border: 1px solid white;
    border-radius: 36px 0px 0px 36px;
    width: 70px;
    height: 309px;
    font-size: 100%;
    font-weight: bold;
    margin-top: 14px;
    display: flex;
    align-items: center; }
    .system-review-container .pain-container .age-block .age-label {
      height: 309px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      text-align: center; }
      .system-review-container .pain-container .age-block .age-label div {
        font-size: 16px; }
      .system-review-container .pain-container .age-block .age-label label {
        color: #666666; }
  .system-review-container .pain-container .pain-table thead {
    background-color: #327FCC; }
    .system-review-container .pain-container .pain-table thead tr th {
      color: white !important;
      text-align: center !important;
      font-size: 10px !important; }
    .system-review-container .pain-container .pain-table thead tr th:first-child {
      width: 40px !important; }
  .system-review-container .pain-container .pain-table tbody tr td:not(:first-child) {
    text-align: center !important;
    white-space: normal !important;
    font-size: 10px !important;
    padding: 0px 12px !important; }
  .system-review-container .pain-container .pain-table tbody tr td:first-child {
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 40px !important; }
  .system-review-container .pain-container .added-snackbar {
    bottom: 50px !important; }
    .system-review-container .pain-container .added-snackbar div > div button {
      color: #ff6666 !important;
      text-decoration: underline !important; }
      .system-review-container .pain-container .added-snackbar div > div button:hover {
        color: red !important; }
  .system-review-container .pain-container .addtime-alert {
    padding-left: 6px;
    font-size: 12px;
    color: red;
    cursor: pointer;
    position: relative;
    display: inline-block; }
    .system-review-container .pain-container .addtime-alert:hover {
      text-decoration: underline;
      color: blue; }
  .system-review-container .pain-container .addtime-alert .addtimetext {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: #444444;
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;
    /* Position the tooltip */
    position: absolute;
    top: -36px;
    left: 50%;
    margin-left: -60px;
    z-index: 99999; }
  .system-review-container .pain-container .addtime-alert:hover .addtimetext {
    visibility: visible; }
  .system-review-container .button-action1 {
    text-align: right; }
    .system-review-container .button-action1 button {
      padding: 10px 25px;
      color: white;
      background-color: #327FCC;
      border-radius: 5px;
      font-size: 14px; }
      .system-review-container .button-action1 button:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE; }
  .system-review-container .button-action2 {
    text-align: center; }
    .system-review-container .button-action2 button {
      white-space: nowrap;
      display: flex;
      align-items: center;
      padding: 7.5px 15px;
      color: white;
      background-color: #327FCC;
      border-radius: 5px;
      font-size: 14px;
      margin: 0px 5px; }
      .system-review-container .button-action2 button:hover {
        background-color: #adcceb; }
      .system-review-container .button-action2 button:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE; }
    .system-review-container .button-action2 .button-log {
      background-color: white;
      color: #327FCC; }
    .system-review-container .button-action2 .button-help {
      background-color: white;
      color: #327FCC; }
    .system-review-container .button-action2 .button-dup {
      background-color: #009900;
      color: white; }
      .system-review-container .button-action2 .button-dup:hover {
        background-color: #00b300; }
      .system-review-container .button-action2 .button-dup:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE; }
    .system-review-container .button-action2 .btn-intervention {
      background-color: darkorange;
      color: white; }
      .system-review-container .button-action2 .btn-intervention:hover {
        background-color: #ffaf4d; }
      .system-review-container .button-action2 .btn-intervention:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE; }
    .system-review-container .button-action2 .button-del {
      background-color: rgba(255, 255, 255, 0.6);
      border: 1px solid #30819c;
      padding: 5px;
      border-radius: 50%; }
      .system-review-container .button-action2 .button-del:hover {
        background-color: rgba(255, 0, 0, 0.8);
        border: none; }
        .system-review-container .button-action2 .button-del:hover svg {
          fill: #ffffff !important; }
      .system-review-container .button-action2 .button-del:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE;
        border: 1px solid rgba(255, 255, 255, 0.6); }
        .system-review-container .button-action2 .button-del:disabled svg {
          fill: #ffffff !important; }
    .system-review-container .button-action2 .button-close {
      background-color: #FF7600; }
  .system-review-container .mymodal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 20px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    /* Modal Content */
    /* Add Animation */
    /* The Close Button */ }
    .system-review-container .mymodal .mymodal-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      border: 1px solid #888;
      width: 80%;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s; }

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
    .system-review-container .mymodal .close {
      color: white;
      float: right;
      font-size: 28px;
      font-weight: bold; }
    .system-review-container .mymodal .close:hover, .system-review-container .mymodal .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer; }
    .system-review-container .mymodal .mymodal-header {
      padding: 2px 16px;
      background-color: #006DB4;
      color: white; }
      .system-review-container .mymodal .mymodal-header h3 {
        margin-block-start: 0.55em;
        margin-block-end: 0.55em; }
    .system-review-container .mymodal .mymodal-body {
      height: 85vh;
      padding: 2px 16px;
      overflow: auto; }
    .system-review-container .mymodal .mymodal-footer {
      padding: 2px 16px;
      background-color: #006DB4;
      color: white; }
  .system-review-container .speech-bubble {
    position: relative;
    background: yellow;
    border-radius: .4em;
    color: #595959;
    padding: 10px; }
  .system-review-container .speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 60%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: yellow;
    border-bottom: 0;
    border-left: 0;
    margin-left: -5px;
    margin-bottom: -10px; }

.table-body-row-input {
  height: 32px !important; }
  .table-body-row-input td {
    height: auto !important; }

.table-header-row-input {
  height: 36px !important; }
  .table-header-row-input th {
    height: auto !important; }

.pain-select-style .flex-center {
  display: flex;
  align-items: center; }

.pain-select-style .role-filter-select {
  height: 26px !important;
  width: 210px;
  font-size: 12px; }
  .pain-select-style .role-filter-select.is-disabled > .Select-control {
    background-color: #ebebe4 !important;
    color: #aaaaaa !important;
    border-color: rgba(118, 118, 118, 0.3) !important; }

.pain-select-style .role-filter-select > div:first-child {
  height: 26px !important;
  bottom: 0px !important;
  border-radius: 0px !important; }

.pain-select-style .role-filter-select div div div {
  height: 26px !important;
  top: 0px !important;
  line-height: 28px !important; }

.pain-select-style .role-filter-select button {
  width: 30px !important;
  height: 26px !important;
  padding: 0px !important; }

.pain-select-style .role-filter-select input {
  height: 28px !important;
  border: none;
  padding: 0px !important; }

.pain-select-style .role-filter-option {
  font-size: 12px;
  white-space: nowrap;
  width: 180px; }
  .pain-select-style .role-filter-option:last-child {
    margin-bottom: 10px; }

.pain-select-style .role-filter-select-score {
  width: 80px; }

.pain-select-style .role-filter-option-score {
  width: 60px; }

.pain-select-style .role-filter-select-multi {
  width: 260px;
  max-height: 75px !important; }

.pain-select-style .role-filter-select-multi > div:first-child {
  height: 75px !important; }

.pain-select-style .role-filter-select-multi div div.Select-multi-value-wrapper {
  height: 75px !important;
  overflow: auto; }

.pain-select-style .role-filter-option-multi {
  width: 260px; }

.pain-select-style .role-filter-select-multi div div div {
  line-height: 1.8em !important; }

@media only screen and (max-width: 768px) {
  .system-review-container .button-action2 button span {
    display: none; }
  .system-review-container .tab-header {
    margin-bottom: -42px; }
  .system-review-container .tab-menu-systemreview {
    font-size: 10px !important;
    width: 90px !important;
    white-space: normal; }
  .system-review-container .table-container .functional-assessment-table .table-title {
    font-size: 10px !important; } }

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .system-review-container .tab-header {
    margin-bottom: -24px; }
  .system-review-container .tab-menu-systemreview {
    font-size: 10px !important;
    width: 90px !important;
    white-space: normal; }
  .system-review-container .table-container .functional-assessment-table .table-title {
    font-size: 12px !important; } }
/* RehabilitationOutcome styles */
.button-add-outcome {
  cursor: pointer; }
  .button-add-outcome:active {
    transform: translateY(2px); }

.rehab-outcome-container {
  background-color: #F0F0F4;
  display: flex;
  min-height: calc(100vh - 70px); }
  .rehab-outcome-container .tabs-container {
    padding: 10px !important;
    /* Rehab Outcome Modal */ }
    .rehab-outcome-container .tabs-container .rehab-caption {
      display: flex;
      align-items: center; }
      .rehab-outcome-container .tabs-container .rehab-caption img {
        margin-left: 10px;
        margin-right: 10px; }
      .rehab-outcome-container .tabs-container .rehab-caption h3 {
        color: #444; }
    .rehab-outcome-container .tabs-container .tab-group {
      position: sticky;
      top: 0;
      z-index: 10;
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      border-bottom: 2px solid #5191D0 !important;
      height: 50px;
      padding-left: 10px;
      padding-right: 10px; }
      .rehab-outcome-container .tabs-container .tab-group .tab-header {
        align-self: flex-end;
        border-bottom: none !important; }
      .rehab-outcome-container .tabs-container .tab-group .tab-menu {
        width: 120px !important;
        margin-right: 5px !important;
        background-color: white !important;
        color: #5191D0 !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      .rehab-outcome-container .tabs-container .tab-group .tab-menu-active {
        background-color: #5191D0 !important;
        color: white !important; }
      .rehab-outcome-container .tabs-container .tab-group .tabs-content {
        padding: 10px;
        background-color: white;
        min-height: calc(100vh - 190px); }
      .rehab-outcome-container .tabs-container .tab-group .top-button {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: 10px; }
      .rehab-outcome-container .tabs-container .tab-group .date-filter {
        text-align: right;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-end; }
        .rehab-outcome-container .tabs-container .tab-group .date-filter .search-filter:last-child {
          padding-left: 10px; }
      .rehab-outcome-container .tabs-container .tab-group .patient-filter-select {
        height: 30px !important;
        width: 180px;
        text-align: left;
        margin-top: -1px; }
      .rehab-outcome-container .tabs-container .tab-group .patient-filter-select .Select-value-label, .rehab-outcome-container .tabs-container .tab-group .patient-filter-select .Select-placeholder {
        color: #006DB4 !important;
        font-size: 14px; }
      .rehab-outcome-container .tabs-container .tab-group .patient-filter-option {
        font-size: 14px;
        white-space: nowrap; }
      .rehab-outcome-container .tabs-container .tab-group .search-filter {
        position: relative; }
        .rehab-outcome-container .tabs-container .tab-group .search-filter input {
          font-size: 14px;
          padding-left: 10px;
          color: #006DB4;
          z-index: 10;
          position: relative;
          background-color: transparent;
          height: 32px;
          border: #5191D0 1px solid; }
          .rehab-outcome-container .tabs-container .tab-group .search-filter input::-webkit-input-placeholder {
            color: #006DB4; }
        .rehab-outcome-container .tabs-container .tab-group .search-filter:after {
          content: '';
          width: 20px;
          height: 20px;
          position: absolute;
          top: 6px;
          right: 6px;
          background-repeat: no-repeat;
          background-size: cover;
          z-index: 9; }
        .rehab-outcome-container .tabs-container .tab-group .search-filter .rang-datepicker {
          min-width: 210px; }
      .rehab-outcome-container .tabs-container .tab-group .icon-calendar:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABGVJREFUWAntWV9oFEcc/mZvz1yiorW0RsG2tESwWkKKwTYXpDRI+9iW1ocqKIqlfbCvQmIumz9aCoVSpUjTv1r7oJQ+9KVQ2lLCXasxQQgISkSpgpiEamw1zSW3O/1mNpve3uylMeIlyM1xuzvf95uZb3/zf1YgCM2nViKe2w+JPRCiIoBLdpeYhJD9gPgFk7FDOPjckCpbaAFOeiuk+JLPVfx7kPIMqXHNleoiZIxFbWC5ywE5SmVb4DT2CbRkHkdMnqPXFlPY57CQInGtVLqMcpzMduo4QjwHEauzYcuDVK3EdaKjMWUkKDXgJI/DyaxgU/sI0m23WbVNdKeH64nOGbW0ZQ6QX8120kYPXzFs9w5WYMXQF8zvKsaWdOKD2juGTUvvGtgT3aytH+AkDxl8AFyrOIJV2Q8ZfcHi5VF6bxDdGycD3rg76Y3EmvnfyVehxyPCw8O7WRNv8mX3oer2rggLUFwXbV7W3mn9fVOkjQK1FnmRto9ZzFD9skWNFZH1/mDDva5tLKsn2lYO0IYdS+Yo4FSkjbR6yanfEGKJC5E2ASiF1qQ8+P/hvc0juLHyCVbv83AauiMTOI1pNuVVEHYtOpMcBSJCR8PH8Oyn4Mbr4dSNRlgYkG0gxYDDNeqNoj0TpPELnbngrk2XA/PZ3GfnwdnkdJ9sygLv1bFlDz7wHpz9MJPvCjWzeKIuH9LPf4vj+r5Ubjc4S55VqxOkfmviYP5kiLc4KDsNx0LYVGRuAj3xCmefFiPDSut7jQnXHMw9oebyPg72b/P+eiitJ28xHimw3ElCnppDZMF7cG5tEFCLgc8Mh+RyYxqLC5Pz07B/iJ/YDsPztYCfzsiQCy60ZSRTDaC9sTaCnz8olRmgumeKezCV/o7qloQUWqKHK+EupNI7iG8LcSpiLd6qMe/OSYMDvuGW4iiX8/vhyc0F/G1yrxVgOlpcIMSLfINloUQSajhgEDXktvjPedeJrL9djQuTk+jVlhK1XPKH+el88/KaelzwnaQs0Ky0u0NmaIPyVbaVeDi72NTGSXzFnt8T5hhbtPSmj42+ZHBCXNKYiHF7634a4qUsuqMsLtCy+/GP7R+NBLlV8vxEhT8fuYqqWyMBPH1//2mf39d/ehoLHsaWTR2l2BeZL3eJeaEyx6EuOhQX6LlXkHALe/G3zOYNPDTcyl7cYmTZfLpaY3HX93S+QcXwAUZ5OJU9ikThYkGPDjyTMUO5k5g+uTtkwXuweBsUahEpwp1ESv9AyMI4jy/+MnwhJzwfi5mcSqOCykOIMK/L8lMWXgXnVZ7DiUG0J9cVkvMaT6XPU1cND494XAasxVt9BWPePMpTWiiOtTSi2uCv/Fuozqq9wsII1eOtFELnyZ+DI+CzBBaxzb2DjuTX86bSSa/mgpYzDXbptuqK9X4naM3Uw5I/UuByEjc5CJ+joVtaoTLBaq1nmZYWB+zmGvHEf71Uf4Zw3yXZRKHPUmTp26T/KeITTNpdwWeIfwG8s03S3T2XtAAAAABJRU5ErkJggg==); }
    .button-add-outcome {
      margin-left: 12px;
      padding: 8px;
      width: 40px;
      height: 40px;
      background-color: rgba(179, 179, 179, 0.65);
      border-radius: 50%;
      text-align: center; }
      .button-add-outcome:hover {
        background-color: #b3b3b3;
        border: none; }
      .button-add-outcome:disabled {
        cursor: not-allowed;
        background-color: #DEDEDE; }

.add-wrap-box {
  display: flex;
  justify-content: center;
  border: 1px solid #63b4cf;
  border-radius: 12px;
  padding: 10px; }
  .add-wrap-box:hover {
    background-color: rgba(0, 0, 0, 0.05); }

.modal-header-add-outcome {
  background-color: #006DB4 !important;
  color: white !important;
  padding: 12px 24px !important;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.filter-select-rehabOutcome {
  height: 30px !important;
  width: 180px;
  margin-right: 10px;
  margin-left: auto; }

.rehab-filter-option {
  font-size: 14px;
  white-space: nowrap;
  width: 250px; }

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }

.tooltip .tooltiptext {
  visibility: hidden;
  /* Position the tooltip */
  position: absolute;
  top: -60px;
  right: -60px;
  z-index: 1; }

.bubble {
  position: relative;
  background-color: red;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 50px;
  width: 220px;
  height: 50px;
  border-radius: 6px;
  padding: 0px; }

.bubble:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: red transparent;
  border-width: 10px 10px 0;
  bottom: -10px;
  left: 50%;
  margin-left: -10px; }

.outcome-select {
  height: 30px !important;
  width: 80%;
  margin-right: 10px; }

.outcome-select .Select-value-label, .outcome-select .Select-placeholder {
  color: #006DB4 !important;
  font-size: 14px; }

.outcome-select > div:first-child {
  height: 30px !important;
  bottom: 0px !important;
  border-radius: 0px !important; }

.outcome-select div div div {
  height: 30px !important;
  top: 0px !important; }

.outcome-select button {
  width: 30px !important;
  height: 30px !important;
  padding: 0px !important; }

.outcome-select input {
  height: 32px !important;
  border: none;
  padding: 0px !important; }

.outcome-option {
  font-size: 14px;
  white-space: nowrap;
  width: 360px; }
.bg-cherry, .profile-dm-status.pds-first::before {
  background-color: #eb3349;
  background-image: linear-gradient(to right, #eb3349, #f45c43); }

.bg-kiwi, .profile-dm-status.pds-follow::before {
  background-color: #56ab2f;
  background-image: linear-gradient(to right, #56ab2f, #a8e063); }

.bg-ocean, .profile-dm-status.pds-annual::before {
  background-color: #185a9d;
  background-image: linear-gradient(to right, #185a9d, blue); }

.test-overlay {
  position: absolute;
  left: 93px;
  height: 18px;
  width: 30px; }

.badge {
  position: absolute;
  top: -4%;
  right: 0%;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white; }

.alert {
  top: 101px;
  position: fixed;
  left: 116px;
  width: 33%;
  height: auto;
  z-index: 1;
  padding: 21px;
  background-color: white;
  color: dimgrey;
  border-radius: 10px;
  border: solid;
  font-size: 15px; }

.alert1 {
  width: 340px;
  height: auto;
  background: white;
  position: fixed;
  border-radius: 5px;
  border: solid;
  border-color: darkgreen;
  left: 41%;
  z-index: 99;
  font-size: 15px; }

.alert2 {
  width: 340px;
  height: auto;
  background: white;
  position: fixed;
  border-radius: 5px;
  border: solid;
  border-color: royalblue;
  left: 41%;
  z-index: 99;
  font-size: 15px; }

.closebtn {
  color: dimgrey;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  position: absolute;
  top: 0%;
  left: 92%; }

.closebtn:hover {
  color: black; }

.topicname {
  position: fixed;
  margin-top: -21px;
  left: 11%;
  color: white;
  padding: 5px; }

.topicname1 {
  position: fixed;
  margin-top: -15px;
  left: 40%;
  background: darkgreen;
  color: white;
  padding: 4px;
  width: 65px;
  text-align: center; }

.topicname2 {
  position: fixed;
  margin-top: -15px;
  left: 40%;
  background: royalblue;
  color: white;
  padding: 4px;
  width: 65px;
  text-align: center; }

.profile-dm-status {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 20px;
  height: 20px;
  padding: 3px;
  text-align: center;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
  background: black; }
  .profile-dm-status:before {
    content: '';
    width: 18px;
    height: 18px;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
    display: block;
    position: absolute;
    top: 1px;
    left: 1px; }
  .profile-dm-status:hover {
    background: gray; }
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
  -ms-transform: translate(50%);
  transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
  animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
  animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

/*# sourceMappingURL=noty.css.map*/
.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }

.noty_theme__mint.noty_bar .noty_body {
  padding: 10px;
  font-size: 14px; }

.noty_theme__mint.noty_bar .noty_buttons {
  padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }
.patient-information .patient-profile .patient-info-control button, .patient-information .patient-vitalsign .vitalsign-date .calendar-property button {
  cursor: pointer; }
  .patient-information .patient-profile .patient-info-control button:active, .patient-information .patient-vitalsign .vitalsign-date .calendar-property button:active {
    transform: translateY(2px); }

.patient-information .patient-status .patient-allergy .allergy-more {
  cursor: pointer; }
  .patient-information .patient-status .patient-allergy .allergy-more:active {
    transform: scale(0.95) translate(-50%, -50%); }

.tippy-touch {
  cursor: pointer !important; }

.tippy-notransition {
  transition: none !important; }

.tippy-popper {
  max-width: 400px;
  -webkit-perspective: 800px;
  perspective: 800px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }

.tippy-popper.html-template {
  max-width: 96%;
  max-width: calc(100% - 20px); }

.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 9px; }

.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px; }

.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px; }

.tippy-popper[x-placement^=top] [x-circle] {
  -webkit-transform-origin: 0 33%;
  transform-origin: 0 33%; }

.tippy-popper[x-placement^=top] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -55%);
  transform: scale(1) translate(-50%, -55%);
  opacity: 1; }

.tippy-popper[x-placement^=top] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
  border-top: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-top: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom; }

.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0); }

.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg); }

.tippy-popper[x-placement^=top] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=top] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1); }

.tippy-popper[x-placement^=top] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 9px; }

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
  border-bottom: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: -5px; }

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px; }

.tippy-popper[x-placement^=bottom] [x-circle] {
  -webkit-transform-origin: 0 -50%;
  transform-origin: 0 -50%; }

.tippy-popper[x-placement^=bottom] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -45%);
  transform: scale(1) translate(-50%, -45%);
  opacity: 1; }

.tippy-popper[x-placement^=bottom] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -5%);
  transform: scale(0.15) translate(-50%, -5%);
  opacity: 0; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-bottom: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
  border-bottom: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  transform-origin: top; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg); }

.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1); }

.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 6px 0; }

.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  right: -5px; }

.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
  border-left: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -10px; }

.tippy-popper[x-placement^=left] [x-circle] {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.tippy-popper[x-placement^=left] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=left] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
  border-left: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-left: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  transform-origin: right; }

.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0); }

.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg); }

.tippy-popper[x-placement^=left] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=left] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  transform: translateX(-10px) scale(1); }

.tippy-popper[x-placement^=left] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0); }

.tippy-popper[x-placement^=right] [x-arrow] {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 6px 0; }

.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -5px; }

.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
  border-right: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -10px; }

.tippy-popper[x-placement^=right] [x-circle] {
  -webkit-transform-origin: -50% 0;
  transform-origin: -50% 0; }

.tippy-popper[x-placement^=right] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=right] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
  border-right: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-right: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  transform-origin: left; }

.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0); }

.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg); }

.tippy-popper[x-placement^=right] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=right] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  transform: translateX(10px) scale(1); }

.tippy-popper[x-placement^=right] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0); }

.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
  background-color: transparent; }

.tippy-popper .tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
  background-color: #fff; }

.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent; }

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: .95rem;
  padding: .4rem .8rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }

.tippy-tooltip--small {
  padding: .25rem .5rem;
  font-size: .8rem; }

.tippy-tooltip--big {
  padding: .6rem 1.2rem;
  font-size: 1.2rem; }

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent; }

.tippy-tooltip[data-interactive] {
  pointer-events: auto; }

.tippy-tooltip[data-inertia] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }

.tippy-tooltip [x-arrow] {
  position: absolute;
  width: 0;
  height: 0; }

.tippy-tooltip [x-circle] {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 130%;
  width: calc(110% + 2rem);
  left: 50%;
  top: 50%;
  z-index: -1;
  overflow: hidden;
  transition: all ease; }

.tippy-tooltip [x-circle]:before {
  content: "";
  padding-top: 90%;
  float: left; }

@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }

.danger td {
  border-bottom: 2px solid #FA3030; }
  .danger td:first-child {
    background-color: #FA3030; }

.success td {
  border-bottom: 2px solid #00FD68; }
  .success td:first-child {
    background-color: #00FD68; }

.warning td {
  border-bottom: 2px solid #EDF600; }
  .warning td:first-child {
    background-color: #EDF600; }

.fly td {
  border-bottom: 2px solid #00F3F5; }
  .fly td:first-child {
    background-color: #00F3F5; }

.gray {
  background-color: #F1F2E6; }
  .gray td {
    border-bottom: 2px solid white; }
    .gray td:first-child {
      background-color: white; }

.bg-danger {
  background-color: #FA3030;
  color: white; }

.bg-success {
  background-color: #00FD68;
  color: black; }
  .bg-success .allergy-more {
    opacity: .3; }

.bg-warning {
  background-color: #EDF600;
  color: black; }
  .bg-warning .allergy-more {
    opacity: .3; }

.bg-fly {
  background-color: #00F3F5;
  color: black; }
  .bg-fly .allergy-more {
    opacity: .3; }

.bg-gray {
  background-color: white;
  color: black; }
  .bg-gray .allergy-more {
    opacity: .2; }

.assessment-container {
  padding: 15px;
  font-size: 14px; }

.patient-information {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  transition: max-height 0.5s ease-in;
  overflow: hidden; }
  .patient-information .patient-profile {
    width: 35%;
    padding: 10px;
    background-color: #4188C4; }
    .patient-information .patient-profile .patient-photo {
      margin: 10px 15px;
      border-radius: 5px;
      width: 95px;
      transition: all 0.5s ease-in; }
    .patient-information .patient-profile .patient-info p {
      width: calc(100% - 55px);
      font-size: 16px;
      margin: 5px auto 3px;
      color: white;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-left: 0px; }
    .patient-information .patient-profile .control-m-close, .patient-information .patient-profile .control-b-close {
      display: none; }
    .patient-information .patient-profile .patient-info-table {
      font-size: 14px;
      margin: 8px auto;
      padding: 0px;
      color: white;
      transition: all 0.25s ease-in; }
      .patient-information .patient-profile .patient-info-table section {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        margin-bottom: 5px;
        transition: all 0.25s ease-in; }
        .patient-information .patient-profile .patient-info-table section div {
          text-align: center;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
          .patient-information .patient-profile .patient-info-table section div:nth-child(1) {
            width: 26%; }
          .patient-information .patient-profile .patient-info-table section div:nth-child(2) {
            width: 25px;
            justify-content: center; }
          .patient-information .patient-profile .patient-info-table section div:nth-child(3) {
            text-align: left;
            flex: 1; }
    .patient-information .patient-profile .patient-info-control {
      transform: scale(1);
      transition: transform 0.25s .5s ease-in; }
      .patient-information .patient-profile .patient-info-control figure {
        margin: 0px; }
        .patient-information .patient-profile .patient-info-control figure:nth-child(1) {
          width: 25px; }
        .patient-information .patient-profile .patient-info-control figure:nth-child(2) {
          width: 35px; }
      .patient-information .patient-profile .patient-info-control button {
        cursor: pointer;
        width: 25px;
        padding: 0px;
        margin-top: 10px; }
  .patient-information .patient-status {
    width: 65%;
    padding: 15px 45px;
    background-color: #2A79BC; }
    .patient-information .patient-status .patient-allergy {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 14px;
      line-height: 25px;
      position: relative;
      transition: height 0.25s ease-in; }
      .patient-information .patient-status .patient-allergy p {
        margin: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .patient-information .patient-status .patient-allergy div {
        display: inline-block;
        vertical-align: top; }
        .patient-information .patient-status .patient-allergy div.allergy-width {
          width: calc(100% - 60px); }
      .patient-information .patient-status .patient-allergy .allergyIcon {
        width: 25px;
        margin-right: 10px;
        font-size: 22px; }
      .patient-information .patient-status .patient-allergy .allergy-more {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .patient-information .patient-status .patient-code {
      margin-bottom: 5px;
      margin-top: 10px;
      color: white;
      font-weight: 100;
      font-size: 15px;
      letter-spacing: 1px;
      transition: all 0.5s ease-in;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      min-height: 18px;
      display: flex;
      align-items: center; }
      .patient-information .patient-status .patient-code:last-child {
        margin-top: 5px;
        margin-bottom: 10px; }
    .patient-information .patient-status .patient-vitalsign-init {
      padding-left: 0px;
      margin: 0px;
      display: flex;
      flex-flow: row nowrap; }
      .patient-information .patient-status .patient-vitalsign-init li {
        display: flex;
        flex-flow: row nowrap;
        flex: 1;
        background-color: #0A5793;
        height: 35px;
        margin-right: 1px;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 100; }
        .patient-information .patient-status .patient-vitalsign-init li span {
          font-weight: 400; }
  .patient-information .patient-profile, .patient-information .patient-status {
    max-height: 145px;
    transition: max-height 0.35s ease-in; }
  .patient-information .patient-vitalsign {
    background-color: #003E6E;
    padding: 5px 25px; }
    .patient-information .patient-vitalsign .vitalsign-empty {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 45px;
      font-size: 14px;
      font-weight: 100;
      color: #006DB4; }
    .patient-information .patient-vitalsign .vitalsign-date {
      font-size: 12px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      max-height: 305px;
      transition: max-height 0.5s ease-in; }
      .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time {
        width: 25%;
        padding-right: 5px; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .calendar-first-view {
          display: none; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .vitalsign-table {
          border-spacing: 0px 1px !important;
          margin: 0px !important; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .vitalsign-table tbody td {
            background-color: transparent; }
            .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .vitalsign-table tbody td:last-child {
              border-bottom: 1px solid #0A5793; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .vitalsign-table p {
            font-weight: 100;
            margin: 0px; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .btn-graph {
          padding: 8px 15px;
          background-color: #006DB4;
          border: none;
          border-radius: 1px;
          display: flex;
          align-items: center;
          position: absolute; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .btn-graph:focus {
            outline: none; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-time .btn-graph img {
            margin-right: 10px; }
      .patient-information .patient-vitalsign .vitalsign-date .vitalsign-value {
        padding-right: 35px;
        width: 73%; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-value .vitalsign-value-close {
          position: absolute;
          top: 18px;
          right: 25px;
          display: block;
          font-size: 20px;
          font-weight: 100; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-value .vitalsign-table tr, .patient-information .patient-vitalsign .vitalsign-date .vitalsign-value .vitalsign-table td {
          text-align: center; }
      .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table {
        border-spacing: 1px;
        border-collapse: separate;
        margin: 0px -5px;
        padding: 0px; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table thead {
          width: 100%;
          display: table;
          table-layout: fixed; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table thead.thead-block {
            width: calc(100% - 1em); }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table thead.thead-time {
            width: 100%; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table thead td {
            background-color: #0A5793;
            width: 11.11%; }
            .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table thead td:first-child {
              width: 23px;
              margin-right: 15px; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody td {
          background-color: #074A7E;
          width: 11.11%; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody td:first-child {
            width: 23px;
            margin-right: 15px; }
          .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody td.td-time {
            width: 50%; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody.tbody-block {
          display: block;
          height: 230px;
          overflow-y: auto; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody.tbody-time {
          overflow-y: hidden; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tbody tr {
          display: table;
          width: 100%;
          table-layout: fixed; }
        .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table tr, .patient-information .patient-vitalsign .vitalsign-date .vitalsign-table td {
          height: 45px; }
      .patient-information .patient-vitalsign .vitalsign-date .calendar {
        min-height: 44px;
        padding: 0px 15px;
        display: flex;
        font-size: 18px;
        align-content: center;
        align-items: center;
        position: relative;
        cursor: pointer; }
        .patient-information .patient-vitalsign .vitalsign-date .calendar span:first-child {
          width: 25px;
          height: 25px;
          margin-right: 15px; }
        .patient-information .patient-vitalsign .vitalsign-date .calendar button {
          right: 0%;
          top: 50%;
          position: absolute;
          transform: translate(-50%, -50%); }
      .patient-information .patient-vitalsign .vitalsign-date .disable {
        cursor: not-allowed;
        opacity: .4; }
        .patient-information .patient-vitalsign .vitalsign-date .disable button {
          cursor: not-allowed; }
      .patient-information .patient-vitalsign .vitalsign-date .calendar-property {
        min-height: 45px;
        border-top: 1px solid #003E6E;
        background-color: #003E6E; }
        .patient-information .patient-vitalsign .vitalsign-date .calendar-property h4 {
          margin: 0px;
          padding: 5px 0px;
          font-weight: 100; }
          .patient-information .patient-vitalsign .vitalsign-date .calendar-property h4 span:first-child {
            margin-right: 30px; }
        .patient-information .patient-vitalsign .vitalsign-date .calendar-property button {
          background-color: #0A5793;
          border-radius: 3px;
          font-size: 10px;
          padding: 3px 8px; }
  .patient-information .patient-vitalsign-close .vitalsign-date {
    max-height: 115px;
    transition: max-height 0.5s ease-in; }
  .patient-information .patient-vitalsign-close .vitalsign-time .calendar-first-view {
    display: table-row !important;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease-in; }
  .patient-information .patient-vitalsign-close .vitalsign-time tbody {
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-in; }
  .patient-information .patient-vitalsign-close .vitalsign-value {
    padding-right: 0px !important;
    position: relative !important; }
    .patient-information .patient-vitalsign-close .vitalsign-value .vitalsign-value-close {
      visibility: hidden;
      opacity: 0;
      transition: all 0.25s ease-in; }
    .patient-information .patient-vitalsign-close .vitalsign-value tbody tr {
      visibility: hidden;
      opacity: 0;
      transition: all 0.25s ease-in; }
      .patient-information .patient-vitalsign-close .vitalsign-value tbody tr:first-child {
        visibility: visible;
        opacity: 1;
        /* display: table-row !important; */
        transition: all 0.5s ease-in; }

.patient-arrow {
  position: absolute;
  padding: 0px 25px;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: #003E6E;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  z-index: 10; }

.patient-arrow-close {
  background-color: #2A79BC;
  transition: all 0.75s ease-in; }

.patient-information-close {
  max-height: 130px !important;
  transition: max-height 0.75s ease-in; }
  .patient-information-close .patient-profile, .patient-information-close .patient-status {
    max-height: 130px;
    transition: max-height 0.35s ease-in; }
  .patient-information-close .patient-allergy {
    height: 36px !important;
    padding-top: 8px !important;
    padding-bottom: 0px !important;
    overflow: hidden;
    transition: height 0.25s ease-in; }
    .patient-information-close .patient-allergy div.allergyIcon {
      width: 20px !important;
      margin-right: 5px !important;
      font-size: 14px !important; }
  .patient-information-close .patient-code {
    font-size: 14px !important;
    transition: all 0.5s ease-in; }
    .patient-information-close .patient-code:last-child {
      display: none; }
  .patient-information-close .patient-photo {
    width: 85px !important;
    transition: all 0.25s ease-in; }
  .patient-information-close .patient-info-control {
    transform: scale(0) !important;
    transition: none !important; }
  .patient-information-close .patient-info-table {
    display: flex;
    flex-flow: row wrap;
    width: 100% !important;
    transition: all 0.25s ease-in; }
    .patient-information-close .patient-info-table section {
      flex: 1 auto;
      font-size: 14px !important;
      transition: all 0.25s ease-in;
      width: 50%;
      margin-bottom: 8px !important; }
      .patient-information-close .patient-info-table section div:first-child {
        width: 42% !important;
        transition: all 0.25s ease-in; }
  .patient-information-close .patient-info {
    margin-top: 10px;
    position: relative; }
    .patient-information-close .patient-info p {
      margin-top: 8px !important;
      margin-bottom: 8px !important; }
    .patient-information-close .patient-info .control-m-close {
      display: block;
      position: absolute;
      top: 10px;
      right: 20px;
      width: 20px; }
    .patient-information-close .patient-info .control-b-close {
      display: block;
      position: absolute;
      top: 10px;
      right: 45px;
      width: 25px; }

.patient-with-vitalsign {
  max-height: 255px !important;
  transition: max-height 0.75s ease-in; }

.patient-with-vitalsign-full {
  max-height: 445px !important;
  transition: max-height 0.75s ease-in; }

.doctor-control {
  margin-right: 0px !important;
  background-color: #F0F2F4;
  display: flex;
  padding: 0px 25px 0px 10px;
  position: relative; }
  .doctor-control .group-services {
    cursor: pointer;
    position: relative; }
    .doctor-control .group-services:hover, .doctor-control .group-services.active-services {
      box-shadow: inset 0 0 5px #b6b6b6; }
  .doctor-control .service {
    display: flex;
    padding: 0px;
    justify-items: flex-start; }
    .doctor-control .service div {
      padding-right: 4px; }
      .doctor-control .service div p, .doctor-control .service div .group-menus {
        display: flex;
        align-items: center;
        color: #074A7E;
        font-size: 12px;
        margin: 8px 0px; }
        .doctor-control .service div p img, .doctor-control .service div .group-menus img {
          width: 30px;
          /* width: 30px; */
          margin-right: 8px;
          margin-left: 8px; }
        .doctor-control .service div p span, .doctor-control .service div .group-menus span {
          display: flex;
          align-items: center; }
  .doctor-control .technical {
    display: flex;
    justify-content: flex-end;
    padding: 0px; }
    .doctor-control .technical .group-technical {
      display: flex;
      align-items: center;
      color: #074A7E;
      font-size: 14px;
      margin-top: 8px;
      margin-bottom: 8px;
      margin-left: 15px;
      cursor: pointer; }
      .doctor-control .technical .group-technical:last-child {
        margin-right: 5px; }
      .doctor-control .technical .group-technical .group-technical-icon {
        width: 35px;
        margin-right: 8px;
        position: relative; }
        .doctor-control .technical .group-technical .group-technical-icon .technical-count {
          position: absolute;
          font-size: 12px;
          padding: 1px;
          background-color: red;
          color: white;
          /* border-radius: 50%; */
          /* width: 15px; */
          height: 15px;
          text-align: center;
          top: -3px;
          right: -2px; }
      .doctor-control .technical .group-technical.disable {
        color: #DEDEDE; }

.swap-icon {
  display: none; }

.physician-table {
  width: 100%; }
  .physician-table thead {
    background-color: #327FCC;
    border-bottom: 2px solid white; }
    .physician-table thead td {
      height: 40px;
      color: white; }
  .physician-table td, .physician-table tr {
    padding: 3px 5px;
    font-size: 14px;
    height: 30px; }
    .physician-table td.over-click:hover, .physician-table tr.over-click:hover {
      cursor: pointer;
      background-color: #C2D2DE !important; }

@media only screen and (max-width: 1280px) {
  .bp-mobile {
    display: none !important; }
  .technical-mobile {
    display: none !important; }
  .doctor-control {
    padding-right: 45px;
    min-height: 51px; }
    .doctor-control .service div p {
      font-size: 13px; }
    .doctor-control .group-services {
      display: flex;
      align-items: center; }
  .swap-icon {
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    opacity: .5;
    color: #074A7E;
    font-size: 14px;
    touch-action: manipulation;
    -ms-touch-action: manipulation; } }

@media only screen and (max-width: 768px) {
  .doctor-control .service div p {
    font-size: 12px; } }

/*---history---*/
.history-tag {
  display: inline-block;
  color: white;
  background-color: #ff8d00;
  border-radius: 5px;
  font-size: 12px;
  padding: 1px 5px;
  width: 145px;
  min-height: 16px;
  text-align: center;
  overflow: hidden;
  position: relative;
  /*cursor: pointer;*/
  /*&:hover{
    #hv-x{
      display: inline;
    }
    #hv-tag{
      display: none;
    }
  }*/
  /*&:active{
    transform: translateY(2px);
  }*/ }
  .history-tag #hv-x {
    display: none; }
  .history-tag #hv-tag {
    display: inline; }
  .history-tag.hv-loading-100 {
    background-color: #ff8d00 !important; }
  .history-tag .history-loading {
    background-color: #928779;
    min-height: 18px;
    padding: 0px;
    border-radius: 5px;
    width: 145px;
    position: absolute;
    top: 0;
    left: 0; }
    .history-tag .history-loading .hv-loading {
      width: 0%;
      background-color: #ff8d00;
      height: 18px; }
    .history-tag .history-loading .hv-loading-0 {
      width: 0%; }
    .history-tag .history-loading .hv-loading-50 {
      width: 50%;
      transition: width 2s; }
    .history-tag .history-loading .hv-loading-100 {
      width: 100%;
      transition: width 2s; }
    .history-tag .history-loading.history-loading-100 {
      top: -20px;
      transition: top 0.1s 2s; }

.history-color {
  color: #ff8d00 !important; }

.history-head-column li, .history-head-column thead td {
  background-color: #928779 !important; }

.history-head-column tbody td {
  background-color: #466a86 !important; }

.history-btn-disabled {
  opacity: 0.3 !important;
  cursor: not-allowed; }

.badge-noti-vs {
  position: absolute;
  top: -20% !important;
  right: 0% !important;
  padding: 5px 5px !important;
  border-radius: 50% !important;
  background-color: red !important;
  color: white !important; }

.onlyforthisbutton {
  margin-right: 1% !important; }

.bttnapprove {
  margin-right: 1% !important;
  color: white !important; }

.threecol {
  overflow: hidden; }

.threecol .col1 {
  width: 70%; }

.threecol .col2 {
  width: 30%; }

.threecol .col1 {
  float: left; }

.threecol .col2 {
  float: right; }

.threecol .co1Sm {
  float: left;
  width: 70%;
  height: 30px; }

.loading-quippe-final {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 62, 110, 0.9);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  z-index: 88; }
  .loading-quippe-final .loading-white.lds-ellipsis div {
    background: white !important; }

.menu-pure {
  color: #074A7E;
  background-color: transparent;
  position: absolute;
  top: 100%;
  left: -8px;
  display: none; }

.menu-pure.menu-pure-open {
  display: block;
  animation: grow .5s ease-in-out; }

.menu-pure ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.menu-pure, .menu-pure span {
  color: #074A7E;
  text-decoration: none;
  font-size: 12px; }

.menu-pure span {
  white-space: nowrap;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%; }

.menu-dropdown, .menu-pure input[type=checkbox] {
  display: block;
  animation: grow .5s ease-in-out; }

.menu-dropdownv2 {
  display: none; }

.menu-pure label:hover {
  cursor: pointer; }

.menu-pure > label, .menu-pure input[type=checkbox] {
  display: none; }

.menu-pure > ul > li, .menu-dropdown > li {
  display: block;
  border: 1px solid #074A7E;
  height: 38px;
  width: 184px;
  background-color: #e3e9ee;
  cursor: pointer; }
  .menu-pure > ul > li:hover, .menu-dropdown > li:hover {
    background-color: #5191D0 !important; }

.menu-hasdropdown {
  position: relative; }
  .menu-hasdropdown:hover > ul {
    display: block;
    animation: grow .5s ease-in-out; }

.menu-hasdropdown > ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #e3e9ee; }

.menu-hasflyout > ul {
  left: 100%;
  top: -1px; }

.menu-hasflyout .menu-downicon {
  display: none; }

.unauthorized-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  text-align: center;
  height: calc(100vh - 70px);
  color: black;
  gap: 10px; }
  .unauthorized-message h1,
  .unauthorized-message h2,
  .unauthorized-message h3 {
    padding: 0 !important;
    margin: 0 !important; }
  .unauthorized-message h1 {
    font-size: 60px; }
  .unauthorized-message h2 {
    font-weight: 200;
    text-transform: uppercase; }
  .unauthorized-message h3 {
    font-weight: 200; }
.modal-close-x {
  cursor: pointer; }
  .modal-close-x:active {
    transform: translateY(2px); }

.tabs-container-dashboard {
  padding: 20px 25px 18px !important; }

.case-info {
  position: absolute;
  top: 6px;
  right: 25px;
  font-size: 14px;
  text-align: right;
  border-radius: 3px;
  padding: 2px 8px;
  color: #003E6E; }

.chat-container {
  width: 340px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  transform-origin: bottom;
  position: relative; }
  .chat-container .chat-loading-more {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, 0px);
    transition: top .5s; }
    .chat-container .chat-loading-more.chat-loading-more-in {
      top: 10px;
      transition: top .5s; }

.chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1; }

.message-box-holder {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  flex-flow: column;
  align-items: flex-end; }

.message-sender {
  font-size: 12px;
  margin: 0 0 15px;
  color: #30649c;
  align-self: flex-start; }

.message-sender a, .message-sender a:link, .message-sender a:visited, .chat-partner-name a, .chat-partner-name a:link, .chat-partner-name a:visited {
  color: #30649c;
  text-decoration: none; }

.message-box {
  padding: 5px 10px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: rgba(100, 170, 0, 0.1);
  border: 2px solid rgba(100, 170, 0, 0.1);
  color: #6c6c6c;
  font-size: 12px;
  margin-bottom: 10px;
  min-width: 180px;
  line-height: 18px;
  max-width: 260px;
  cursor: pointer; }
  .message-box:hover {
    opacity: .8; }
  .message-box small {
    font-size: 10px;
    color: gray;
    position: absolute;
    right: 0px;
    bottom: -20px; }
  .message-box .message-icon {
    position: absolute;
    top: 0px;
    left: -40px; }
  .message-box.active {
    border-color: #00FD68;
    color: black; }

/*.message-box:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid rgba(100, 170, 0, .2);
  border-right: none;
  bottom: -22px;
  right: 10px;
}*/
.message-partner {
  background: rgba(0, 114, 135, 0.1);
  border: 2px solid rgba(0, 114, 135, 0.1);
  align-self: flex-start;
  position: relative;
  margin-bottom: 10px; }
  .message-partner small {
    font-size: 10px;
    color: gray;
    position: absolute;
    right: 0px;
    bottom: -20px; }
  .message-partner .message-icon-partner {
    position: absolute;
    top: 0px;
    right: -40px; }
  .message-partner.active {
    border-color: #006DB4;
    color: black; }

/*.message-partner:after {
  right: auto;
  bottom: auto;
  top: -22px;
  left: 9px;
  border: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 114, 135, .2);
  border-left: none;
}*/
.date-line {
  color: black;
  text-align: center;
  align-self: center;
  margin: 10px 0px 20px;
  border-top: 1px solid gray;
  width: 100%;
  padding-top: 5px;
  font-size: 12px;
  opacity: .5; }

.btn-workspace {
  background-color: #4188C4 !important;
  margin-right: 10px;
  font-size: 12px;
  color: white; }

.filter-tool {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin-bottom: 20px;
  color: #074A7E;
  align-items: center; }
  .filter-tool span {
    margin-right: 10px;
    font-size: 14px; }
  .filter-tool .btn-workspace {
    margin-left: 10px; }
    .filter-tool .btn-workspace button {
      background-color: #4188C4 !important; }
    .filter-tool .btn-workspace span {
      font-size: 12px !important;
      color: white !important; }
  .filter-tool.disable-margin {
    margin-bottom: 0px; }

.empty {
  color: gray;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  opacity: .5; }

.empty-preview {
  color: gray;
  font-size: 1.7em;
  opacity: .5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center; }

.preview-container {
  width: calc(100% - 340px);
  background-color: #fbf8d7;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  word-wrap: break-word;
  white-space: pre-wrap; }
  .preview-container .data-record {
    font-size: 12px;
    color: black;
    padding-left: 10px;
    margin: 0px;
    margin-bottom: 5px; }
  .preview-container .data-record4 {
    font-weight: bold;
    text-indent: 15px; }
  .preview-container .data-record6 {
    text-indent: 30px; }
  .preview-container .data-caption {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-left: 0px;
    color: #003E6E;
    line-height: 25px; }
  .preview-container .data-images .data-image {
    display: inline-block;
    margin: 20px 10px 0px;
    width: 30%;
    vertical-align: top;
    border: 1px solid gray; }
  .preview-container .data-warning {
    border-radius: 5px;
    color: black;
    background-color: #ffeb00;
    padding: 5px;
    font-size: 14px; }
  .preview-container .preview-title {
    top: 0;
    position: sticky;
    width: 100%;
    background-color: #f2ec8e;
    padding: 12px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
    color: black;
    padding-left: 10px; }
  .preview-container .preview-tool {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .preview-container .preview-tool li {
      display: inline-block;
      margin-right: 10px; }
      .preview-container .preview-tool li:last-child {
        margin-right: 0px; }
    .preview-container .preview-tool .preview-icon {
      cursor: pointer; }
      .preview-container .preview-tool .preview-icon:hover {
        transform: translateY(-3px); }

.progress-fix-role {
  width: 150px !important; }

.mcr-container {
  padding-top: 15px;
  padding-bottom: 15px; }
  .mcr-container .mcr-row {
    margin-bottom: 15px; }
    .mcr-container .mcr-row .medcer-select-btn {
      background-color: #e6e6e6;
      color: #444444;
      padding: 10px;
      border-radius: 6px;
      width: 100%;
      min-height: 42px; }
      .mcr-container .mcr-row .medcer-select-btn:hover {
        background-color: #bfbfbf; }

.medcer-dialog-title {
  background-color: #006DB4;
  color: white !important;
  padding: 12px 12px 10px !important;
  display: flex;
  justify-content: space-between;
  font-size: 1em !important;
  text-align: center; }
  .medcer-dialog-title button {
    font-size: 0.67em;
    font-weight: normal; }

.vitalsignTable-mobile {
  overflow: auto;
  max-width: 600px; }

.createDocumentButton {
  float: right;
  position: relative;
  margin: 0px 10px 10px 10px;
  box-shadow: 0px 2px 5px 0px #9fb4f2;
  background-color: #4883c4;
  border-radius: 5px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #283966; }

.createDocumentButton:hover {
  background-color: #476e9e; }

.createDocumentButton:active {
  position: relative;
  top: 1px; }

.savefinalButton {
  float: right;
  position: relative;
  margin: 0px 10px 10px 10px;
  box-shadow: 0px 2px 5px 0px #7eda90;
  background-color: #66C178;
  border-radius: 5px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 20px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #28662f; }

.savefinalButton:hover {
  background-color: #479e6b; }

.savefinalButton:active {
  position: relative;
  top: 1px; }

.createDocumentTable {
  border-collapse: separate;
  border-radius: 15px;
  border: solid 1px #000;
  width: 100%;
  height: 100%; }
  .createDocumentTable .border-head {
    border-bottom: solid 1px #000; }
  .createDocumentTable th, .createDocumentTable td {
    padding: 8px;
    /* Adding some padding for better appearance */
    text-align: left;
    /* Align text to the left */
    color: black; }
  .createDocumentTable table {
    margin: 0 auto; }
  .createDocumentTable .paddingShift {
    padding: 5px 5px 5px 30px; }
  .createDocumentTable .fontSize12 {
    font-size: 12px; }
  .createDocumentTable .fontSize12 {
    font-size: 12px; }
  .createDocumentTable .fontSize14 {
    font-size: 14px; }
  .createDocumentTable .checkboxStyle {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px; }

.modal-close-x {
  position: absolute;
  top: auto;
  right: 10px;
  font-weight: 100 !important;
  font-size: 25px !important;
  color: grey !important;
  padding: 0px !important;
  z-index: 10; }
  .modal-close-x.provider-modal {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: normal !important;
    font-size: 24px !important; }

.modal-body {
  padding: 10px !important;
  border-top: none !important;
  border-bottom: none !important;
  -webkit-overflow-scrolling: touch; }

.horizontal-line {
  width: 100%;
  border: 0.1px solid #dfdfdf; }

.inputfield_doctor_name {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.5rem; }

@media screen and (min-width: 1200px) {
  .inputfield_doctor_name {
    font-size: 24px; } }

.modal-body-document-list {
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  max-height: 58vh !important; }

#loadingOverlay img {
  display: block;
  width: 50%;
  height: 50%; }
.order-action2-dashboard button {
  cursor: pointer; }
  .order-action2-dashboard button:active {
    transform: translateY(2px); }

.caption-filter-dashboard {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }
  .caption-filter-dashboard .title-group {
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
  .caption-filter-dashboard .btn-workspace button {
    background-color: #4188C4 !important; }
  .caption-filter-dashboard .btn-workspace span {
    font-size: 12px !important;
    color: white !important; }
  .caption-filter-dashboard h3 {
    flex: 1;
    color: #074A7E;
    margin: 5px; }
  .caption-filter-dashboard .date-filter {
    text-align: right;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end; }
    .caption-filter-dashboard .date-filter .search-filter:last-child {
      padding-left: 10px; }
  .caption-filter-dashboard .patient-filter-select {
    height: 30px !important;
    width: 180px;
    text-align: left;
    margin-top: -1px; }
  .caption-filter-dashboard .patient-filter-select .Select-value-label, .caption-filter-dashboard .patient-filter-select .Select-placeholder {
    color: #006DB4 !important;
    font-size: 14px; }
  .caption-filter-dashboard .patient-filter-option {
    font-size: 14px;
    white-space: nowrap; }

.vitalsign-filter-container-dashboard {
  display: flex;
  flex-flow: row nowrap; }
  .vitalsign-filter-container-dashboard .filter-arrow-previous {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAh5JREFUSA2tlr1KA0EUhd1dI8ZCEAQhgpIEsbDR3koIKZQIxsKHsBIFG8Feu1RqLxamCQjaBNTgI9iE/BEI+AJGNmviucG7jJuZ3dmNC8nM3rnzzTl3ZkKMiTGearU6axjGNT77wBRSqdSREZXXarXmHMcpY/66wLiNBCRYr9d7hbI1hg0GA9uyrN3QQD9YMpl8NHkFnbbT6cyrlBGMGNoKCdbtdiuYs8qLs02GaQN1YVrAMLBAYL1eX4CtZyT62iQQP8oaEqzf77/haKQ4WVYzHuNWCowKI+jIsWm324sSZQ4dWnE3WZG3nRQDBLNtm2wucRw2HdM08zowmuNaZhhiIzBc+hIvENQOgf8Fo8UMbMAybL2gP5YyVm5iA4oijAZQs9MwNhk2nIuvFTFAfSzy7o3pvpvY0XNJ8hmu3IwkHhgabgrqeIw6XniyK/F4PJtIJD49cd9X99iooKhnBmfwy5ciDLo3BZtwCfsnwhh1N1HPh0ajMe2JK19dhZyhUFqG0m0dpa5CBiqUbpFS1HmK81TtCJASVdBarVYKgo5YFleW2QfwKZ1O51BvW8zlvi+QknygO4A6DOJWapkHqZXZBygL+0Wo/fPzR/mBCimJHoXSEuznRaXawADoHqDflBNomZL4UdjPQf0d7FuUF0ohg2X2MXaPBQ8iAQmsgF5FBv5CD2G1QH20nVgslhkLSKBms7mBP57buOs3sPzxA3hWVdo026p4AAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat;
    width: 125px;
    height: 25px;
    margin-top: 5px;
    color: black; }
    .vitalsign-filter-container-dashboard .filter-arrow-previous:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAMAAACjKNoqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlQTFRFAAAAAP//dKredKndc6rddKnddaredKredangdarddKrddKrdgJ/fdKnddKrddardgLPmdKvfdqvedKredKnddKrdcarjdarddarddKrgdKvfdaredKreb6bedavedKnedKredKredKrer22UtQAAACN0Uk5TAAFjgDye//xKlra9CI/Dhwp/c8bxzBvh+1FY3f4XXmVssHWAWuG/AAAAZElEQVR4nLXQNxKAMAwAQZFkcs4Z/v9IbDpr1DA2V255AHqO6/lACxBFSCxCWcxYklqzzNRy3YrXSmtWMVYra3SDViE92CmsCfaDxHHiVJjrTHWRulLdPuv+kx6cIqsnUL3EDQ8lxgt/hWpC8wAAAABJRU5ErkJggg==);
      color: #75aade; }
  .vitalsign-filter-container-dashboard .filter-arrow-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAdJJREFUSA2t1r9Lw0AUB/DmlCL+Aw6SIWn9IyxO4j/gJg6ODuIi4iA4iJODgqDgIKiDiCiIi4O4uzm7tCk0GPAvCIJp/L6QO8/Lj16uueXuXu8+fX13TdtooHW73Z1er/eD/snzvBmKmTYLwGYcx6ccwNhjjHVc1/3isSo9w+JveYNlWe5wOHwzzZQhkwsg60BjDo+DWhxBRmv4uNeYi5jJxxebCa4D/QfWgWbAcdFckFDcyRUczi2GYo1OTcViQtRmgtI9LGztdvsOWa1iQeZK+b4/m7exNEO+Ic30BvMJHkM/aDabHdu2P6XYX33kYN4Y6DJq+oDXSlGtDPkb6KCVQIJHoZVBjqK/RwkmaZ62pKZGIAH4mm7jBhxxjXrM30uvjbxYHWPzhxrDfM4IDIJgGuCeCuLBfFAZJCwMwxfUb14B9/FsPa5UQ44BWlCww1artUsxbVAH0wZ1MS2wCjYS7Pf7U/gFfMVCtWYnqNkWAWorPOUUe8YGbYzw3EORsEUlg8LM+LoMOA6WybAEO0fNNngWZb3IsA5MZFgXloB1YgSyKIoe0aunqV0zQuTG8NQ4QyCSgle6ByDtEcPkUPDvlS7vEnDfcZxL9OJ3WKzUHPwCz94foYKfAksAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    width: 105px;
    height: 25px;
    margin-top: 5px;
    padding-right: 10px;
    background-position-x: 100%;
    color: black; }
    .vitalsign-filter-container-dashboard .filter-arrow-next:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAAgBJREFUSA2t1T9Lw0AUAPB3UYroB3AQByt+CMVJ/AIO/sHBTQQRpNgKgkNxUbCioiAu1kGKJuCiDvoB3JydTEVRcC+IWnO+C7nkJWnMJc2B5O715efr3SvHAEdRN0v42MS/658mLOzP5j9EPM1giC0xgAPysvndhJG0qAYcvggmpvlcJ9wv18zeQFxpicXhV74w54HBMS7stfNmqkpdoGSYc5zDabuoC4qqskB9YBZoCGwXbQkKtGjUZ4DzGibQnNiDosnC8Y00qOYTAovK5MA5MDbLAbvVG3afFvTXPi/kzf6tUKY5lZ5hcoeM4f94aUJuZHeq/82L+feHxkPzov48AWAZcahShVJXQROBAo5DE4MSZfCr4451yurlnqYCBbJqmCv42694oGgF/vBv29Dk4Jxb2mMwhuJQKrB89d7NmbUeBDWNbZA9CH7cei2wxufnLQM2TDM4Y+XtyYGdRHtIsFGK4e5tbU8NromYMqiCKYOqmBKYBBMg+bGLpX+Uq/WuBvu5wwPw7RnnfK8yPSju8tCIbBsb67FuIrBCSHICLQ+FYGP0RaeySEzkhsB2sBAYhWGfHWGfLdJqo+ZuhVlgboVZYTaYJSZArdFjXWJr+E4zyZ4JhA6N8Y5DvCN/ZRBbo6p6APId+rQPZUV/GmUcxvEOfsW7+ASf9B6m+bHzP28XJ8g3JB9eAAAAAElFTkSuQmCC);
      color: #75aade; }

.tabs-container-vitalsign-dashboard {
  padding: 0px 0px 4px 0px !important; }
  .tabs-container-vitalsign-dashboard .tab-header {
    border-bottom: 4px solid #5191D0 !important; }
  .tabs-container-vitalsign-dashboard .tab-menu {
    background-color: white !important;
    color: #5191D0 !important;
    outline: 1px solid #5191D0 !important; }
  .tabs-container-vitalsign-dashboard .tab-menu-active {
    background-color: #5191D0 !important;
    color: white !important; }

.order-action2-dashboard {
  text-align: center; }
  .order-action2-dashboard button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
  .order-action2-dashboard .button-close {
    background-color: #FF7600; }

.order-body-vitalsign-dashboard {
  background-color: white;
  padding: 5px; }
  .order-body-vitalsign-dashboard .date-preview {
    color: #074A7E;
    margin: 10px 0px 10px;
    font-weight: bold; }

.modal-empty-vitalsign-dashboard {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 14px;
  color: #006DB4;
  background-color: #ECF3FA; }

.yaxis-symbol1 {
  border-right: 1px solid #ff9900;
  height: 430px;
  position: absolute;
  left: -60px;
  top: 25px;
  z-index: 99; }
  .yaxis-symbol1 .yaxis-grid1 {
    height: 33px;
    width: 30px;
    position: relative; }
    .yaxis-symbol1 .yaxis-grid1 span {
      position: absolute;
      top: -7px;
      right: 5px;
      font-size: 10.5px;
      color: #ff9900; }
  .yaxis-symbol1 .yaxis-label {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translate(0%, -50%) rotate(90deg);
    font-size: 11px; }

.yaxis-symbol2 {
  border-right: 1px solid #ff0000;
  height: 430px;
  position: absolute;
  left: -30px;
  top: 25px;
  z-index: 99; }
  .yaxis-symbol2 .yaxis-grid1 {
    height: 33px;
    width: 30px;
    position: relative; }
    .yaxis-symbol2 .yaxis-grid1 span {
      position: absolute;
      top: -7px;
      right: 5px;
      font-size: 10.5px;
      color: #ff0000; }
  .yaxis-symbol2 .yaxis-label {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0%, -50%) rotate(90deg);
    font-size: 11px; }

.grid-container-body-chartAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-chartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 33.3px; }

.item654 {
  grid-column: 1;
  grid-row: 1; }

.item610 {
  grid-column: 1;
  grid-row: 2; }

.item611 {
  grid-column: 1;
  grid-row: 3; }

.item612 {
  grid-column: 1;
  grid-row: 4; }

.item613 {
  grid-column: 1;
  grid-row: 5; }

.item614 {
  grid-column: 1;
  grid-row: 6; }

.item615 {
  grid-column: 1;
  grid-row: 7; }

.item655 {
  grid-column: 2;
  grid-row: 1; }

.item616 {
  grid-column: 2;
  grid-row: 2; }

.item617 {
  grid-column: 2;
  grid-row: 3; }

.item618 {
  grid-column: 2;
  grid-row: 4; }

.item619 {
  grid-column: 2;
  grid-row: 5; }

.item620 {
  grid-column: 2;
  grid-row: 6; }

.item621 {
  grid-column: 2;
  grid-row: 7; }

.item656 {
  grid-column: 3;
  grid-row: 1; }

.item622 {
  grid-column: 3;
  grid-row: 2; }

.item623 {
  grid-column: 3;
  grid-row: 3; }

.item624 {
  grid-column: 3;
  grid-row: 4; }

.item625 {
  grid-column: 3;
  grid-row: 5; }

.item626 {
  grid-column: 3;
  grid-row: 6; }

.item627 {
  grid-column: 3;
  grid-row: 7; }

.item657 {
  grid-column: 4;
  grid-row: 1; }

.item628 {
  grid-column: 4;
  grid-row: 2; }

.item629 {
  grid-column: 4;
  grid-row: 3; }

.item630 {
  grid-column: 4;
  grid-row: 4; }

.item631 {
  grid-column: 4;
  grid-row: 5; }

.item632 {
  grid-column: 4;
  grid-row: 6; }

.item633 {
  grid-column: 4;
  grid-row: 7; }

.item658 {
  grid-column: 5;
  grid-row: 1; }

.item634 {
  grid-column: 5;
  grid-row: 2; }

.item635 {
  grid-column: 5;
  grid-row: 3; }

.item636 {
  grid-column: 5;
  grid-row: 4; }

.item637 {
  grid-column: 5;
  grid-row: 5; }

.item638 {
  grid-column: 5;
  grid-row: 6; }

.item639 {
  grid-column: 5;
  grid-row: 7; }

.item659 {
  grid-column: 6;
  grid-row: 1; }

.item640 {
  grid-column: 6;
  grid-row: 2; }

.item641 {
  grid-column: 6;
  grid-row: 3; }

.item642 {
  grid-column: 6;
  grid-row: 4; }

.item643 {
  grid-column: 6;
  grid-row: 5; }

.item644 {
  grid-column: 6;
  grid-row: 6; }

.item645 {
  grid-column: 6;
  grid-row: 7; }

.grid-container-header-wHchartAll {
  display: grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-item-header-wHchartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  height: 24px;
  width: 90px; }

.item701 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 1; }

.item702 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 2; }

.grid-container-body-wHchartAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-wHchartAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 33.3px; }

.item703 {
  grid-column: 1;
  grid-row: 1; }

.item704 {
  grid-column: 1;
  grid-row: 2; }

.item705 {
  grid-column: 2;
  grid-row: 1; }

.item706 {
  grid-column: 2;
  grid-row: 2; }

.item707 {
  grid-column: 3;
  grid-row: 1; }

.item708 {
  grid-column: 3;
  grid-row: 2; }

.item709 {
  grid-column: 4;
  grid-row: 1; }

.item710 {
  grid-column: 4;
  grid-row: 2; }

.item711 {
  grid-column: 5;
  grid-row: 1; }

.item712 {
  grid-column: 5;
  grid-row: 2; }

.item713 {
  grid-column: 6;
  grid-row: 1; }

.item714 {
  grid-column: 6;
  grid-row: 2; }

.alert-vs-db {
  top: 75px !important;
  position: absolute !important;
  left: 400px !important;
  width: 40% !important;
  height: auto !important;
  z-index: 1;
  padding: 10px !important;
  background-color: yellow !important;
  color: red !important;
  border-radius: 10px !important;
  border: solid !important;
  text-align: center !important; }

.alert-vs-db2 {
  padding: 10px !important;
  margin-bottom: 20px !important;
  background-color: yellow !important;
  color: red !important;
  border: 1px solid red !important;
  border-radius: 5px !important;
  text-align: center !important; }

@media screen and (max-width: 583px) {
  .hide-button-label {
    display: none; } }
.dashboard-vitalsign {
  padding: 5px 5px 0px 5px !important;
  background-color: white;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important; }

.vitalsign-filter-container-dashboard .search-filter {
  position: relative; }
  .vitalsign-filter-container-dashboard .search-filter input {
    font-size: 14px;
    padding-left: 10px;
    color: #006DB4;
    z-index: 10;
    position: relative;
    background-color: transparent;
    height: 32px;
    border: #5191D0 1px solid; }
    .vitalsign-filter-container-dashboard .search-filter input::-webkit-input-placeholder {
      color: #006DB4; }
  .vitalsign-filter-container-dashboard .search-filter:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9; }
  .vitalsign-filter-container-dashboard .search-filter .rang-datepicker {
    min-width: 210px; }
.compare-vitalsign-grid-container-chartAllDB {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: -146px; }
  .compare-vitalsign-grid-container-chartAllDB .vitalsign-grid-head-chartAllDB {
    width: 14.1%; }
  .compare-vitalsign-grid-container-chartAllDB .vitalsign-grid-body-chartAllDB {
    display: flex;
    width: 83.9%; }
  .compare-vitalsign-grid-container-chartAllDB .vitalsign-grid-right-chartAllDB {
    display: flex;
    width: 2%; }

.grid-container-header-chartAllDB {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px; }

.grid-item-header-chartAllDB {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  height: 24px;
  width: 90px;
  color: black; }

.grid-container-body-chartAllDB {
  display: inline-grid;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-chartAllDB {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 32.6px;
  color: black; }

.grid-container-header-wHchartAllDB {
  display: grid;
  grid-gap: 1px;
  background-color: #2196F3;
  padding: 2px;
  color: black; }

.grid-item-header-wHchartAllDB {
  background-color: #FFFFFF;
  text-align: center;
  padding: 3px;
  font-size: 13px;
  height: 24px;
  width: 183px !important;
  color: black; }

.grid-container-body-wHchartAllDB {
  display: inline-grid;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px; }

.grid-body-item-wHchartAllDB {
  background-color: #FFFFFF;
  text-align: center;
  padding: 1px;
  font-size: 13px;
  height: 23px;
  width: 32.6px;
  color: black; }

.item653 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 1; }

.item646 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 2; }

.item647 {
  background-color: #FFFFFF;
  width: initial;
  grid-column: 1 / span 2;
  grid-row: 3; }

.item648 {
  grid-column: 1;
  grid-row: 4 / span 2;
  background-color: #FFFFFF;
  height: initial; }
.vs-compare-vitalsign-grid-container-io-db {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: -146px; }
  .vs-compare-vitalsign-grid-container-io-db .vs-vitalsign-grid-head-ioAll-db {
    width: 9.6%; }
  .vs-compare-vitalsign-grid-container-io-db .vs-vitalsign-grid-body-ioAll-db {
    display: flex;
    width: 75%; }
  .vs-compare-vitalsign-grid-container-io-db .vs-vitalsign-grid-right-ioAll-db {
    display: flex;
    width: 7.8%; }

.vs-compare-vitalsign-grid-container-io-tt {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: -146px; }
  .vs-compare-vitalsign-grid-container-io-tt .vs-vitalsign-grid-head-ioAll-tt {
    width: 9.6%; }
  .vs-compare-vitalsign-grid-container-io-tt .vs-vitalsign-grid-body-ioAll-tt {
    display: flex;
    width: 75%; }
  .vs-compare-vitalsign-grid-container-io-tt .vs-vitalsign-grid-right-ioAll-tt {
    display: flex;
    width: 7.8%; }

.vs-compare-vitalsign-grid-container-ioAll {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: -146px; }
  .vs-compare-vitalsign-grid-container-ioAll .vs-vitalsign-grid-head-ioAll {
    width: 5.8%; }
  .vs-compare-vitalsign-grid-container-ioAll .vs-vitalsign-grid-body-ioAll {
    display: flex;
    width: 73.5%; }
  .vs-compare-vitalsign-grid-container-ioAll .vs-vitalsign-grid-right-ioAll {
    display: flex;
    width: 5%; }

.vs-compare-grid-container-ioAll {
  display: flex;
  flex-flow: nowrap row; }

.grid-container-header-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item00001 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1; }

.item00002 {
  grid-column: 1;
  grid-row: 2; }

.item0003 {
  grid-column: 1;
  grid-row: 3; }

.item00004 {
  grid-column: 1;
  grid-row: 4; }

.vs-grid-container-body-time-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.vs-grid-container-body-ioAll {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.vs-grid-item-body-time-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 68.6px; }

.vs-grid-item-body-ioAll {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 65.8px; }

.item00005 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1; }

.item00006 {
  grid-column: 1;
  grid-row: 2; }

.item00007 {
  grid-column: 1;
  grid-row: 3; }

.item00008 {
  grid-column: 1;
  grid-row: 4; }

.item00009 {
  background-color: #C0C0C0;
  grid-column: 2;
  grid-row: 1; }

.item00010 {
  grid-column: 2;
  grid-row: 2; }

.item00011 {
  grid-column: 2;
  grid-row: 3; }

.item00012 {
  grid-column: 2;
  grid-row: 4; }

.item00013 {
  background-color: #C0C0C0;
  grid-column: 3;
  grid-row: 1; }

.item00014 {
  grid-column: 3;
  grid-row: 2; }

.item00015 {
  grid-column: 3;
  grid-row: 3; }

.item00016 {
  grid-column: 3;
  grid-row: 4; }

.item00017 {
  background-color: #C0C0C0;
  grid-column: 4;
  grid-row: 1; }

.item00018 {
  grid-column: 4;
  grid-row: 2; }

.item00019 {
  grid-column: 4;
  grid-row: 3; }

.item00020 {
  grid-column: 4;
  grid-row: 4; }

.item00021 {
  background-color: #C0C0C0;
  grid-column: 5;
  grid-row: 1; }

.item00022 {
  grid-column: 5;
  grid-row: 2; }

.item00023 {
  grid-column: 5;
  grid-row: 3; }

.item00024 {
  grid-column: 5;
  grid-row: 4; }

.item00025 {
  background-color: #C0C0C0;
  grid-column: 6;
  grid-row: 1; }

.item00026 {
  grid-column: 6;
  grid-row: 2; }

.item00027 {
  grid-column: 6;
  grid-row: 3; }

.item00028 {
  grid-column: 6;
  grid-row: 4; }

.item00029 {
  background-color: #C0C0C0;
  grid-column: 7;
  grid-row: 1; }

.item00030 {
  grid-column: 7;
  grid-row: 2; }

.item00031 {
  grid-column: 7;
  grid-row: 3; }

.item00032 {
  grid-column: 7;
  grid-row: 4; }

.item00033 {
  background-color: #C0C0C0;
  grid-column: 8;
  grid-row: 1; }

.item00034 {
  grid-column: 8;
  grid-row: 2; }

.item00035 {
  grid-column: 8;
  grid-row: 3; }

.item00036 {
  grid-column: 8;
  grid-row: 4; }

.item00037 {
  background-color: #C0C0C0;
  grid-column: 9;
  grid-row: 1; }

.item00038 {
  grid-column: 9;
  grid-row: 2; }

.item00039 {
  grid-column: 9;
  grid-row: 3; }

.item00040 {
  grid-column: 9;
  grid-row: 4; }

.item00041 {
  background-color: #C0C0C0;
  grid-column: 10;
  grid-row: 1; }

.item00042 {
  grid-column: 10;
  grid-row: 2; }

.item00043 {
  grid-column: 10;
  grid-row: 3; }

.item00044 {
  grid-column: 10;
  grid-row: 4; }

.item00045 {
  background-color: #C0C0C0;
  grid-column: 11;
  grid-row: 1; }

.item00046 {
  grid-column: 11;
  grid-row: 2; }

.item00047 {
  grid-column: 11;
  grid-row: 3; }

.item00048 {
  grid-column: 11;
  grid-row: 4; }

.item00049 {
  background-color: #C0C0C0;
  grid-column: 12;
  grid-row: 1; }

.item00050 {
  grid-column: 12;
  grid-row: 2; }

.item00051 {
  grid-column: 12;
  grid-row: 3; }

.item00052 {
  grid-column: 12;
  grid-row: 4; }

.item00053 {
  background-color: #C0C0C0;
  grid-column: 13;
  grid-row: 1; }

.item00054 {
  grid-column: 13;
  grid-row: 2; }

.item00055 {
  grid-column: 13;
  grid-row: 3; }

.item00056 {
  grid-column: 13;
  grid-row: 4; }

.item00057 {
  background-color: #C0C0C0;
  grid-column: 14;
  grid-row: 1; }

.item00058 {
  grid-column: 14;
  grid-row: 2; }

.item00059 {
  grid-column: 14;
  grid-row: 3; }

.item00060 {
  grid-column: 14;
  grid-row: 4; }

.item00061 {
  background-color: #C0C0C0;
  grid-column: 15;
  grid-row: 1; }

.item00062 {
  grid-column: 15;
  grid-row: 2; }

.item00063 {
  grid-column: 15;
  grid-row: 3; }

.item00064 {
  grid-column: 15;
  grid-row: 4; }

.vs-grid-container-header-intake {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 3px; }

.vs-grid-item-header-intake {
  background-color: #FFFFFF;
  text-align: left;
  padding: 1px;
  font-size: 12px;
  height: 24px;
  width: 174px; }

.item501 {
  background-color: #FFFFFF;
  grid-column: 1;
  grid-row: 1 / span 7;
  height: 174px;
  width: 50px; }

.item528 {
  background-color: #FFFFFF;
  grid-column: 1;
  grid-row: 1 / span 8;
  height: 199px;
  width: 49px; }

.item502 {
  grid-column: 2;
  grid-row: 1; }

.item503 {
  grid-column: 2;
  grid-row: 2; }

.item504 {
  grid-column: 2;
  grid-row: 3; }

.item505 {
  grid-column: 2;
  grid-row: 4; }

.item506 {
  grid-column: 2;
  grid-row: 5; }

.item507 {
  grid-column: 2;
  grid-row: 6; }

.item508 {
  grid-column: 2;
  grid-row: 7; }

.item529 {
  grid-column: 2;
  grid-row: 8; }

.vs-grid-container-body-intake {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.vs-grid-item-body-intake {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 68.2px; }

.item509 {
  grid-column: 1;
  grid-row: 1; }

.item510 {
  grid-column: 1;
  grid-row: 2; }

.item511 {
  grid-column: 1;
  grid-row: 3; }

.item512 {
  grid-column: 1;
  grid-row: 4; }

.item513 {
  grid-column: 1;
  grid-row: 5; }

.item514 {
  grid-column: 1;
  grid-row: 6; }

.item530 {
  grid-column: 1;
  grid-row: 7; }

.item515 {
  grid-column: 1 / span 3;
  grid-row: 7;
  width: 206.6px; }

.item531 {
  grid-column: 1 / span 3;
  grid-row: 8;
  width: 206.6px; }

.item516 {
  grid-column: 2;
  grid-row: 1; }

.item517 {
  grid-column: 2;
  grid-row: 2; }

.item518 {
  grid-column: 2;
  grid-row: 3; }

.item519 {
  grid-column: 2;
  grid-row: 4; }

.item520 {
  grid-column: 2;
  grid-row: 5; }

.item521 {
  grid-column: 2;
  grid-row: 6; }

.item532 {
  grid-column: 2;
  grid-row: 7; }

.item522 {
  grid-column: 3;
  grid-row: 1; }

.item523 {
  grid-column: 3;
  grid-row: 2; }

.item524 {
  grid-column: 3;
  grid-row: 3; }

.item525 {
  grid-column: 3;
  grid-row: 4; }

.item526 {
  grid-column: 3;
  grid-row: 5; }

.item527 {
  grid-column: 3;
  grid-row: 6; }

.item533 {
  grid-column: 3;
  grid-row: 7; }

.vs-dashboard-grid-container-date {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  margin-left: -146px; }
  .vs-dashboard-grid-container-date .vs-dashboard-grid-head-date {
    width: 14%; }
  .vs-dashboard-grid-container-date .vs-dashboard-grid-body-date {
    display: flex;
    width: 84%; }
  .vs-dashboard-grid-container-date .vs-dashboard-grid-right-date {
    display: flex;
    width: 2%; }

.vs-dashboard-grid-container-header-day {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.vs-dashboard-grid-item-header-day {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item594 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1;
  width: 196px; }

.vs-dashboard-compare-grid-container-day {
  display: inline-block;
  flex-flow: nowrap row; }

.vs-dashboard-grid-container-body-day {
  display: grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.vs-dashboard-grid-item-body-day {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 205.4px;
  color: black; }

.item595 {
  grid-column: 1;
  grid-row: 1; }

.item596 {
  grid-column: 2;
  grid-row: 1; }

.item597 {
  grid-column: 3;
  grid-row: 1; }

.item598 {
  grid-column: 4;
  grid-row: 1; }

.item599 {
  grid-column: 5;
  grid-row: 1; }

.grid-container-header-totalBalance {
  display: inline-grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-header-totalBalance {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 224px; }

.item588 {
  background-color: #C0C0C0;
  grid-column: 1;
  grid-row: 1;
  width: 229px;
  text-align: left; }

.grid-container-body-totalBalance {
  display: grid;
  grid-gap: 1px;
  background-color: #FF0000;
  padding: 2px; }

.grid-item-body-totalBalance {
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  height: 24px;
  width: 206.4px; }

.compare-grid-container-totalBalance {
  display: inline-block;
  flex-flow: nowrap row; }

.item589 {
  grid-column: 1;
  grid-row: 1; }

.item590 {
  grid-column: 2;
  grid-row: 1; }

.item591 {
  grid-column: 3;
  grid-row: 1; }

.item592 {
  grid-column: 4;
  grid-row: 1; }

.item593 {
  grid-column: 5;
  grid-row: 1; }
.order-action2 button {
  cursor: pointer; }
  .order-action2 button:active {
    transform: translateY(2px); }

.order-action2 {
  text-align: center; }
  .order-action2 button {
    padding: 10px 25px;
    color: white;
    background-color: #327FCC;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px 5px; }
  .order-action2 .button-close {
    background-color: #FF7600; }

.btn-workspace {
  margin-left: 10px; }
  .btn-workspace button {
    background-color: #4188C4 !important; }
  .btn-workspace span {
    font-size: 12px !important;
    color: white !important; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  padding: 10px; }
.phh-container {
  min-height: calc(100vh - 190px); }
  .phh-container .wrapper {
    min-height: calc(100vh - 190px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50% 50%;
    gap: 10px;
    font-size: 12px; }
    .phh-container .wrapper .phh-box {
      border: 1px solid #cccccc; }
      .phh-container .wrapper .phh-box .phh-app-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #5191D0;
        color: white;
        font-size: 14px;
        padding: 10px 20px; }
        .phh-container .wrapper .phh-box .phh-app-bar .phh-title-name {
          font-weight: bold; }
        .phh-container .wrapper .phh-box .phh-app-bar .bar-icon-element {
          display: flex;
          align-items: center; }
          .phh-container .wrapper .phh-box .phh-app-bar .bar-icon-element .phh-button {
            font-size: 11px; }
            .phh-container .wrapper .phh-box .phh-app-bar .bar-icon-element .phh-button:hover {
              color: #adcceb !important; }
            .phh-container .wrapper .phh-box .phh-app-bar .bar-icon-element .phh-button * {
              vertical-align: middle; }
      .phh-container .wrapper .phh-box .phh-content {
        padding: 10px; }
        .phh-container .wrapper .phh-box .phh-content .phh-table-fixed {
          font-family: arial, sans-serif;
          border: 1px solid #aaaaaa;
          border-collapse: collapse;
          width: 100%;
          table-layout: fixed; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed thead {
            background-color: #DFDFD3;
            border-bottom: 1px solid #aaaaaa; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed tbody {
            display: block;
            height: 240px;
            overflow: auto; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed tr {
            display: table;
            width: 100%;
            table-layout: fixed;
            background-color: white;
            border-bottom: 1px solid #aaaaaa; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed tr:nth-child(even) {
            background-color: #F7F9F9; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed tr:last-child:not(:first-child) {
            border-bottom: none !important; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed th {
            font-size: 11px;
            text-align: left;
            padding: 6px;
            color: white;
            background-color: #a6a6a6;
            position: sticky;
            height: 32px; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed td {
            font-size: 11px;
            padding: 6px;
            color: #444444;
            vertical-align: baseline;
            overflow-wrap: break-word; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed ::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 6px; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed ::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed .data-record {
            font-size: 11px;
            color: #444444;
            margin: 0px; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed .data-record4 {
            font-weight: bold; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed .data-record6 {
            text-indent: 6px; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed .data-images .data-image {
            display: inline-block;
            margin: 20px 10px 0px;
            width: 30%;
            vertical-align: top;
            border: 1px solid gray; }
          .phh-container .wrapper .phh-box .phh-content .phh-table-fixed .data-warning {
            border-radius: 5px;
            color: black;
            background-color: #ffeb00;
            padding: 5px;
            font-size: 10px; }

@media only screen and (max-width: 992px) {
  .phh-container .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: auto; } }

@media only screen and (max-width: 1200px) {
  .phh-container .wrapper .phh-box .phh-content .phh-table-fixed tbody {
    height: 210px; } }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem; }

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }
  .react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px; }
  .react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px; }
  .react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px; }
    .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
      left: auto;
      right: 42px; }
  .react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px; }
    .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
      left: 42px;
      right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }
  .react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
    .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
      border-right-color: #e6e6e6;
      cursor: default; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
      right: 80px; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
    .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
      border-left-color: #e6e6e6;
      cursor: default; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px; }
  .react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0; }
  .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white; }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
      width: 70px;
      overflow-x: hidden;
      margin: 0 auto;
      text-align: center; }
      .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
        list-style: none;
        margin: 0;
        height: calc(195px + (1.7rem / 2));
        overflow-y: scroll;
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        box-sizing: content-box; }
        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
          height: 30px;
          padding: 5px 10px; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
            cursor: pointer;
            background-color: #f0f0f0; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
            background-color: #216ba5;
            color: white;
            font-weight: bold; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
              background-color: #216ba5; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
            color: #ccc; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
              cursor: default;
              background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
    .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
      border-radius: 0.3rem;
      background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
    .react-datepicker__day--highlighted-custom-1 {
      color: magenta; }
    .react-datepicker__day--highlighted-custom-2 {
      color: green; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover,
  .react-datepicker__month-year-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover,
  .react-datepicker__month-year-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable,
  .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type,
  .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type,
  .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover,
  .react-datepicker__month-year-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected,
  .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 0px;
    text-align: center; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month,
  .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
    .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
      border-right-color: #e6e6e6;
      cursor: default; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
    .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
      border-left-color: #e6e6e6;
      cursor: default; }

.react-datepicker {
  font-size: 0.8em; }

.react-datepicker-popper {
  /*left: -30px !important;*/ }

.react-datepicker__header {
  padding-top: 0.8em; }

.react-datepicker__month {
  margin: 0.4em 1em; }

.react-datepicker__day-name, .react-datepicker__day {
  width: 1.9em;
  line-height: 1.9em;
  margin: 0.166em; }

.react-datepicker__current-month {
  font-size: 1em; }

.react-datepicker__navigation {
  top: 1em;
  line-height: 1.7em;
  border: 0.45em solid transparent; }

.react-datepicker__navigation--previous {
  border-right-color: #ccc;
  left: 1em; }

.react-datepicker__navigation--next {
  border-left-color: #ccc;
  right: 1em; }

.react-datepicker-time__header {
  font-size: 0.944em; }

.react-datepicker__navigation--next--with-time {
  right: 80px; }

.react-datepicker__time-list-item {
  width: 50px; }

.Cal__Day__root {
  display: inline-block;
  box-sizing: border-box;
  width: 14.28571%;
  list-style: none;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  user-select: none; }

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted, .Cal__Day__root.Cal__Day__enabled:active, .Cal__Day__root.Cal__Day__enabled:hover {
  position: relative;
  z-index: 1; }

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before, .Cal__Day__root.Cal__Day__enabled:active:before, .Cal__Day__root.Cal__Day__enabled:hover:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  background-color: #EFEFEF;
  z-index: -1; }

.Cal__Day__root.Cal__Day__enabled:hover:before {
  opacity: 0.5; }

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before, .Cal__Day__root.Cal__Day__enabled:active:before {
  opacity: 1; }

.Cal__Day__root:first-child {
  position: relative; }

.Cal__Day__root.Cal__Day__today {
  position: relative;
  z-index: 2; }

.Cal__Day__root.Cal__Day__today > span {
  color: #3d3d3d; }

.Cal__Day__root.Cal__Day__today.Cal__Day__disabled > span {
  color: #AAA; }

.Cal__Day__root.Cal__Day__today:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px;
  z-index: -1; }

.Cal__Day__root.Cal__Day__today.Cal__Day__disabled:before {
  box-shadow: inset 0 0 0 1px #BBB; }

.Cal__Day__root.Cal__Day__selected {
  position: relative; }

.Cal__Day__root.Cal__Day__selected > .Cal__Day__month, .Cal__Day__root.Cal__Day__selected > .Cal__Day__year {
  display: none; }

.Cal__Day__root.Cal__Day__selected:before {
  display: none; }

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  line-height: 56px;
  z-index: 2; }

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection .Cal__Day__month {
  top: 9px; }

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection .Cal__Day__day {
  position: relative;
  top: 5px;
  font-weight: bold;
  font-size: 18px; }

.Cal__Day__root.Cal__Day__disabled {
  color: #AAA;
  cursor: not-allowed; }

.Cal__Day__month, .Cal__Day__year {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 12px;
  line-height: 12px;
  text-transform: capitalize; }

.Cal__Day__month {
  top: 5px; }

.Cal__Day__year {
  bottom: 5px; }

/*
 * Range selection styles
 */
.Cal__Day__range.Cal__Day__selected.Cal__Day__start:after, .Cal__Day__range.Cal__Day__selected.Cal__Day__end:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 50%;
  height: 52px;
  margin-top: -26px;
  box-shadow: inset 56px 56px; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection {
  background-color: #EEE !important; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection .Cal__Day__day, .Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection .Cal__Day__month {
  color: #AAA;
  font-weight: 300; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__start .Cal__Day__selection {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__start:after {
  right: 0; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__start.Cal__Day__end:after {
  display: none; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__selection {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__day {
  top: 0;
  font-size: 16px; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__month {
  display: none; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__end:after {
  left: 0; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__end .Cal__Day__selection {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: inherit !important;
  background-color: #FFF !important;
  border: 2px solid;
  box-sizing: border-box; }

.Cal__Day__range.Cal__Day__selected.Cal__Day__end .Cal__Day__selection .Cal__Day__day {
  top: 4px; }

.Cal__Container__root {
  position: relative;
  display: table;
  z-index: 1;
  font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  outline: none;
  text-align: left; }

.Cal__Container__root.Cal__Container__landscape {
  display: flex;
  flex-direction: row; }

.Cal__Container__root.Cal__Container__landscape .Cal__Container__wrapper {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.Cal__Container__listWrapper {
  position: relative;
  overflow: hidden;
  background-color: #FFF; }

.Cal__Header__root {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 98px;
  padding: 20px;
  line-height: 1.3;
  font-weight: 400;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.Cal__Header__root.Cal__Header__landscape {
  align-items: flex-start;
  min-width: 200px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px; }

.Cal__Header__root.Cal__Header__landscape .Cal__Header__dateWrapper.Cal__Header__day {
  flex-grow: 1;
  height: 76px; }

.Cal__Header__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  cursor: pointer; }

.Cal__Header__wrapper.Cal__Header__blank {
  height: 58px;
  line-height: 58px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  cursor: default; }

.Cal__Header__dateWrapper {
  position: relative;
  display: block;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease; }

.Cal__Header__dateWrapper.Cal__Header__active {
  color: white; }

.Cal__Header__dateWrapper.Cal__Header__day {
  height: 38px;
  font-size: 36px;
  line-height: 36px;
  text-transform: capitalize; }

.Cal__Header__dateWrapper.Cal__Header__year {
  height: 20px;
  font-size: 18px;
  line-height: 18px; }

.Cal__Header__date {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.Cal__Header__range {
  display: flex;
  flex-grow: 1; }

.Cal__Header__range .Cal__Header__dateWrapper {
  overflow: visible; }

.Cal__Header__range .Cal__Header__wrapper:first-child:before, .Cal__Header__range .Cal__Header__wrapper:first-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -50px;
  margin-left: -50px;
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  border-left: 60px solid; }

.Cal__Header__range .Cal__Header__wrapper:first-child:before {
  color: rgba(255, 255, 255, 0.15);
  transform: translateX(1px); }

.Cal__Header__range .Cal__Header__wrapper:last-child {
  margin-left: 60px; }

.Cal__Header__range .Cal__Header__wrapper .Cal__Header__date {
  white-space: nowrap;
  z-index: 1; }

.Cal__Today__root {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px;
  box-sizing: border-box;
  transform: translate3d(0, -100%, 0);
  font-weight: 500;
  line-height: 0;
  z-index: 10;
  cursor: pointer;
  transition: transform 0.3s ease;
  transition-delay: 0.3s; }

.Cal__Today__root.Cal__Today__show {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s; }

.Cal__Today__root.Cal__Today__show .Cal__Today__chevron {
  transition: transform 0.3s ease; }

.Cal__Today__root .Cal__Today__chevron {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  margin-left: 5px;
  transform: rotate(270deg);
  transition: transform 0.3s ease; }

.Cal__Today__root.Cal__Today__chevronUp .Cal__Today__chevron {
  transform: rotate(180deg); }

.Cal__Today__root.Cal__Today__chevronDown .Cal__Today__chevron {
  transform: rotate(360deg); }

.Cal__MonthList__root {
  width: 100% !important;
  background-color: #FFF;
  -webkit-overflow-scrolling: touch; }

.Cal__MonthList__root.Cal__MonthList__scrolling > div {
  pointer-events: none; }

.Cal__MonthList__root.Cal__MonthList__scrolling label {
  opacity: 1; }

.Cal__Weekdays__root {
  position: relative;
  z-index: 5;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.04); }

.Cal__Weekdays__day {
  padding: 15px 0;
  flex-basis: 14.28571%;
  flex-grow: 1;
  font-weight: 500;
  text-align: center; }

.Cal__Years__root {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F9F9F9; }

.Cal__Years__root:before, .Cal__Years__root:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 50px;
  pointer-events: none;
  z-index: 1; }

.Cal__Years__root:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); }

.Cal__Years__root:after {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%); }

.Cal__Years__list {
  box-sizing: border-box; }

.Cal__Years__list.Cal__Years__center {
  display: flex;
  align-items: center;
  justify-content: center; }

.Cal__Years__year {
  display: flex;
  padding: 0 20px;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  box-sizing: border-box; }

.Cal__Years__year.Cal__Years__withMonths {
  border-bottom: 1px solid #E9E9E9; }

.Cal__Years__year.Cal__Years__withMonths label {
  height: 88px;
  padding-top: 12px;
  box-sizing: border-box; }

.Cal__Years__year label {
  flex-basis: 42%; }

.Cal__Years__year label span {
  flex-shrink: 0;
  color: #333; }

.Cal__Years__year ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 14px; }

.Cal__Years__year ol li {
  display: flex;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  list-style: none;
  border-radius: 50%;
  box-sizing: border-box;
  color: #444;
  font-weight: 400;
  text-transform: capitalize; }

.Cal__Years__year ol li.Cal__Years__currentMonth {
  border: 1px solid; }

.Cal__Years__year ol li.Cal__Years__selected {
  position: relative;
  z-index: 1;
  background-color: blue;
  color: #FFF !important;
  border: 0; }

.Cal__Years__year ol li.Cal__Years__disabled {
  cursor: not-allowed;
  color: #AAA; }

.Cal__Years__year ol li.Cal__Years__disabled:hover {
  background-color: inherit; }

.Cal__Years__year ol li:hover {
  background-color: #EFEFEF; }

.Cal__Years__year:hover label > span, .Cal__Years__year.Cal__Years__active label > span {
  color: inherit; }

.Cal__Years__year:hover, .Cal__Years__year.Cal__Years__active {
  position: relative;
  z-index: 2; }

.Cal__Years__year.Cal__Years__active {
  font-size: 32px; }

.Cal__Years__year.Cal__Years__currentYear {
  position: relative; }

.Cal__Years__year.Cal__Years__currentYear label > span {
  min-width: 50px;
  padding-bottom: 5px;
  border-bottom: 3px solid; }

.Cal__Years__year.Cal__Years__currentYear.Cal__Years__active label > span {
  min-width: 85px; }

.Cal__Years__year.Cal__Years__first {
  padding-top: 40px; }

.Cal__Years__year.Cal__Years__last {
  padding-bottom: 40px; }

.Cal__Animation__enter {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  transition: 0.25s ease; }

.Cal__Animation__enter.Cal__Animation__enterActive {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.Cal__Animation__leave {
  transform: translate3d(0, 0, 0);
  transition: 0.25s ease; }

.Cal__Animation__leave.Cal__Animation__leaveActive {
  opacity: 0;
  transform: translate3d(0, 100%, 0); }

.Cal__Slider__root, .Cal__Slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.Cal__Slider__root {
  overflow: hidden; }

.Cal__Slider__slide {
  padding: 20px 65px; }

.Cal__Slider__slide:first-child {
  padding-left: 20px; }

.Cal__Slider__wrapper {
  height: 100%;
  transition: transform 0.3s ease; }

.Cal__Slider__arrow {
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  opacity: 0.7;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 255, 0.1); }

.Cal__Slider__arrow svg {
  width: 15px; }

.Cal__Slider__arrow:hover {
  opacity: 1; }

.Cal__Slider__arrowRight {
  right: 0; }

.Cal__Slider__arrowLeft {
  left: 0;
  transform: scaleX(-1); }

.Cal__transition__enter {
  opacity: 0; }

.Cal__transition__enterActive {
  opacity: 1;
  transition: opacity 0.3s ease; }

.Cal__transition__leave {
  opacity: 1; }

.Cal__transition__leaveActive {
  opacity: 0;
  transition: opacity 0.3s ease; }

.Cal__Month__rows {
  position: relative;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.05) 100%); }

.Cal__Month__row {
  padding: 0;
  margin: 0; }

.Cal__Month__row:first-child {
  text-align: right; }

.Cal__Month__row:first-child li {
  background-color: #FFF;
  box-shadow: 0 -1px 0 #E9E9E9; }

.Cal__Month__row:nth-child(2) {
  box-shadow: 0 -1px 0 #E9E9E9; }

.Cal__Month__row.Cal__Month__partial:first-child li:first-child {
  box-shadow: 0px -1px 0 #E9E9E9, inset 1px 0 0 #E9E9E9; }

.Cal__Month__row.Cal__Month__partial:last-of-type li {
  position: relative;
  z-index: 1; }

.Cal__Month__label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 30px;
  font-weight: 500;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease; }

.Cal__Month__label > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize; }

.Cal__Month__label.Cal__Month__partialFirstRow {
  top: 56px; }

.bg-cherry, .profile-img .profile-dm-status.pds-first::before, .dm-status-list .dm-status-read.pds-first::before {
  background-color: #eb3349;
  background-image: linear-gradient(to right, #eb3349, #f45c43); }

.bg-kiwi, .profile-img .profile-dm-status.pds-follow::before, .dm-status-list .dm-status-read.pds-follow::before {
  background-color: #56ab2f;
  background-image: linear-gradient(to right, #56ab2f, #a8e063); }

.bg-ocean, .profile-img .profile-dm-status.pds-annual::before, .dm-status-list .dm-status-read.pds-annual::before {
  background-color: #185a9d;
  background-image: linear-gradient(to right, #185a9d, blue); }

.column-row-container {
  font-size: 14px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: normal !important;
  text-align: center; }

.head-row-container {
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-align: center;
  color: white !important;
  height: 30px !important; }

.patient-view-container {
  background-color: #F0F0F4;
  display: flex;
  min-height: calc(100vh - 70px); }

.profile-img {
  position: relative;
  width: 55px;
  height: 55px;
  margin: 10px auto; }
  .profile-img .profile-circle {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #DEDEDE;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center; }
  .profile-img img {
    max-width: none;
    height: 100%; }
  .profile-img .profile-description {
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 3px;
    text-align: center;
    color: white; }
  .profile-img .profile-description-red {
    background-color: #F00000; }
  .profile-img .profile-description-green {
    background-color: #63A000; }
  .profile-img .profile-dm-status {
    position: absolute;
    top: 0px;
    left: -5px;
    width: 20px;
    height: 20px;
    padding: 3px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
    background: black; }
    .profile-img .profile-dm-status:before {
      content: '';
      width: 18px;
      height: 18px;
      clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
      display: block;
      position: absolute;
      top: 1px;
      left: 1px; }
    .profile-img .profile-dm-status:hover {
      background: gray; }

.document-dm-status {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  list-style: none;
  padding: 0px;
  justify-content: center; }
  .document-dm-status li {
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center; }
    .document-dm-status li figure {
      margin: 0px;
      margin-bottom: 5px;
      width: 30px;
      min-height: 30px;
      max-height: 30px; }
    .document-dm-status li div {
      border: 1px solid gray;
      border-radius: 10px;
      font-size: 10px;
      margin-top: 3px;
      padding: 0px 3px; }

.patient-list-draft {
  cursor: pointer; }
  .patient-list-draft:hover {
    background-color: #C2D2DE !important; }
    .patient-list-draft:hover .td-hba1c {
      background-color: #d0b9be !important; }
  .patient-list-draft:nth-child(odd) {
    background-color: #F7F9FC; }
    .patient-list-draft:nth-child(odd) .td-hba1c {
      background-color: #ffe8ed; }
  .patient-list-draft:nth-child(even) {
    background-color: #ECF2F9; }
    .patient-list-draft:nth-child(even) .td-hba1c {
      background-color: #ecd7dc; }

.patient-list-final {
  cursor: pointer;
  background-color: #EDF7EA; }
  .patient-list-final:hover {
    background-color: #C2D2DE !important; }
    .patient-list-final:hover .td-hba1c {
      background-color: #d0b9be !important; }
  .patient-list-final .td-hba1c {
    background-color: #ffe8ed; }

/* --- covid --- */
.patient-list-draft {
  cursor: pointer; }
  .patient-list-draft:hover .td-covid-progress {
    background-color: #dbdbdb !important; }
  .patient-list-draft:hover .td-covid-not {
    background-color: #00b149 !important; }
  .patient-list-draft:hover .td-covid-detected {
    background-color: #b96600 !important; }
  .patient-list-draft .td-covid-progress {
    background-color: white !important;
    text-transform: uppercase; }
  .patient-list-draft .td-covid-not {
    background-color: #00FD68 !important;
    text-transform: uppercase; }
  .patient-list-draft .td-covid-detected {
    background-color: #ff8d00 !important;
    text-transform: uppercase; }

.patient-list-final {
  cursor: pointer; }
  .patient-list-final:hover .td-covid-not {
    background-color: #00b149 !important; }
  .patient-list-final:hover .td-covid-detected {
    background-color: #b96600 !important; }
  .patient-list-final:hover .td-covid-progress {
    background-color: #dbdbdb !important; }
  .patient-list-final .td-covid-not {
    background-color: #00FD68;
    text-transform: uppercase; }
  .patient-list-final .td-covid-detected {
    background-color: #ff8d00;
    text-transform: uppercase; }
  .patient-list-final .td-covid-progress {
    background-color: white;
    text-transform: uppercase; }

/* --- covid --- */
.calendar-container {
  padding: 0px !important; }

.age-mobile, .gender-mobile {
  width: 100px; }

.th-hba1c {
  background-color: #96374d !important; }

.th-covid {
  background-color: #5191D0 !important; }

.name-mobile {
  display: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px; }

.docview-status-pass {
  border-bottom: 5px solid #63A000; }

.docview-status-fail {
  border-bottom: 5px solid #F00000; }

.dm-status-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  right: 30px;
  top: 25px; }
  .dm-status-list li {
    display: flex;
    margin-right: 5px;
    flex-flow: row nowrap;
    color: gray;
    align-items: center;
    font-size: 12px; }
  .dm-status-list .dm-status-read {
    width: 16px;
    height: 16px;
    padding: 3px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
    background: black;
    position: relative;
    margin-right: 5px; }
    .dm-status-list .dm-status-read:before {
      content: '';
      width: 14px;
      height: 14px;
      clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0);
      display: block;
      position: absolute;
      top: 1px;
      left: 1px; }

@media only screen and (max-width: 1200px) {
  .age-mobile, .gender-mobile {
    width: 80px; }
  .name-mobile {
    display: block; } }
.documentMobile-view-container {
  background-color: #f0f0f4;
  height: calc(100vh - 69px);
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  overflow-y: hidden;
  gap: 10px; }
  .documentMobile-view-container .patients-box {
    padding: 10px 0 !important;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    color: black;
    background-color: white;
    border-radius: 12px;
    border: 2px solid #5ca8f5;
    font-size: 12px;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
    .documentMobile-view-container .patients-box .patients-details {
      display: flex;
      flex-flow: column nowrap; }
    .documentMobile-view-container .patients-box img {
      flex: 1; }
  .documentMobile-view-container .docType-container {
    height: 35px;
    transition: height 0.25s ease-in;
    display: flex;
    justify-content: space-between;
    gap: 30px; }
    .documentMobile-view-container .docType-container button {
      transition: all 0.3s ease-out;
      flex: 1;
      border-radius: 12px;
      background-color: #fff;
      padding: 10px 15px;
      font-size: 12px;
      color: black;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
      .documentMobile-view-container .docType-container button:hover {
        background-color: #5191d0;
        color: #fff; }
    .documentMobile-view-container .docType-container .active {
      background-color: #5ca8f5;
      color: #fff; }
  .documentMobile-view-container .nopadding {
    padding: 0 !important;
    margin: 0 !important; }
  .documentMobile-view-container .previewMobile-container {
    background-color: #fbf8d7;
    position: relative;
    width: 100%;
    overflow: hidden; }
    .documentMobile-view-container .previewMobile-container .pages {
      display: flex;
      width: 200%;
      box-sizing: border-box; }
      .documentMobile-view-container .previewMobile-container .pages .page {
        background-color: #fbf8d7;
        width: 100%;
        overflow-y: scroll;
        height: calc(100vh - 190px);
        display: flex;
        flex-direction: column;
        gap: 10px;
        transition: all 0.7s;
        color: white; }
        .documentMobile-view-container .previewMobile-container .pages .page .sizechat {
          width: 100% !important; }
        .documentMobile-view-container .previewMobile-container .pages .page .btn-back {
          margin-left: 10px;
          width: 60px;
          padding: 10px 15px;
          border-radius: 5px;
          background-color: #dc3b4b;
          color: white;
          font-size: 12px;
          font-weight: 400; }

.filter-container-mobile {
  transition: all 0.7s;
  width: 100%;
  padding: 10px 15px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: stretch; }
  .filter-container-mobile span {
    margin: 10px 0;
    color: black;
    font-size: 14px;
    font-weight: 500; }
  .filter-container-mobile .btn-row {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    gap: 30px; }
    .filter-container-mobile .btn-row button {
      flex: 1;
      border-radius: 10px;
      padding: 7px 10px;
      font-size: 14px;
      font-weight: 400; }
    .filter-container-mobile .btn-row button:nth-child(1) {
      background-color: #5191d0;
      color: #fff; }
    .filter-container-mobile .btn-row button:nth-child(2) {
      border: solid 1px transparent;
      background-color: #dc3b4b;
      color: #fff; }
  .filter-container-mobile.flex-center {
    align-items: center !important; }

.hide-tab {
  line-height: 0;
  height: 0 !important;
  overflow: hidden;
  transition: height 0.15s ease-out; }

.show-preview {
  height: calc(100vh - 150px) !important; }

.empty-mobile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  font-size: 2em;
  opacity: 0.5;
  color: gray;
  align-items: center;
  height: calc(100vh - 200px); }

.loadding-mobile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  font-size: 2em;
  align-items: center;
  height: calc(100vh - 200px); }

.docSum-mobile-unauthorized {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  text-align: center;
  height: calc(100vh - 70px);
  color: black;
  gap: 10px; }
  .docSum-mobile-unauthorized h1,
  .docSum-mobile-unauthorized h2,
  .docSum-mobile-unauthorized h3 {
    padding: 0 !important;
    margin: 0 !important; }
  .docSum-mobile-unauthorized h1 {
    font-size: 60px; }
  .docSum-mobile-unauthorized h2 {
    font-weight: 200;
    text-transform: uppercase; }
  .docSum-mobile-unauthorized h3 {
    font-weight: 200; }

.fadeInBottom {
  animation-fill-mode: both;
  animation-name: fadeInBottom; }

.sequence-1 {
  animation-duration: 1s; }

.sequence-2 {
  animation-duration: 1.5s; }

@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(100%); }
  to {
    opacity: 1; } }

.fadeInLeft {
  animation-fill-mode: both;
  animation-name: fadeInLeft; }

.fadeInRight {
  animation-fill-mode: both;
  animation-name: fadeInRight; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100%); }
  to {
    opacity: 1; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%); }
  to {
    opacity: 1; } }

.dialog-container {
  border-radius: 10px !important; }
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-size: 14px;
  color: #333333; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
@font-face {
  font-family: 'Roboto';
  src: url(/3e1af3ef546b9e6ecef9f3ba197bf7d2.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url(/fc84e998bc29b297ea20321e4c90b6ed.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url(/d08840599e05db7345652d3d417574a9.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url(/ee7b96fa85d8fdb8c126409326ac2d2b.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

body {
  background: #FFF;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: white; }

a {
  text-decoration: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.img-responsive {
  display: block;
  max-width: 100%;
  margin: auto; }

button {
  background: none;
  border: none; }
  button:focus {
    outline: none; }

.empty-not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  height: 300px;
  color: #5191D0; }

/* material */
.Select-control, .Select-input, .Select-input:focus {
  height: 30px;
  background-color: transparent; }

.Select-menu-outer {
  width: auto; }