:root {
  --n100vh: 100%; }

label, .jade-label, .jade-label-bold {
  font-family: CentraleSansCnd-Book;
  font-size: 14px;
  font-weight: inherit; }
  .lightly label, .lightly .jade-label, .lightly .jade-label-bold {
    color: #212121; }
  .darkly label, .darkly .jade-label, .darkly .jade-label-bold {
    color: #D6D6D6; }

.jade-label-bold {
  font-family: CentraleSansCnd-Bold; }

input[type='text'], input[type='password'], textarea, select, .bootstrap-select > .btn {
  border-width: 1px;
  border-style: solid;
  outline: none;
  border-radius: 0; }
  .lightly input[type='text'], .lightly input[type='password'], .lightly textarea, .lightly select, .lightly .bootstrap-select > .btn {
    border-color: #C4C4C4;
    background: white;
    color: #212121; }
    .lightly input[type='text']:disabled, .lightly input[type='text'].disabled, .lightly input[type='password']:disabled, .lightly input[type='password'].disabled, .lightly textarea:disabled, .lightly textarea.disabled, .lightly select:disabled, .lightly select.disabled, .lightly .bootstrap-select > .btn:disabled, .lightly .bootstrap-select > .btn.disabled {
      opacity: 0.6;
      cursor: not-allowed; }
    .lightly input[type='text']:not(:disabled):not(.disabled):hover, .lightly input[type='password']:not(:disabled):not(.disabled):hover, .lightly textarea:not(:disabled):not(.disabled):hover, .lightly select:not(:disabled):not(.disabled):hover, .lightly .bootstrap-select > .btn:not(:disabled):not(.disabled):hover {
      color: #212121;
      background: white;
      border-color: #9E9E9E; }
    .lightly input[type='text']:not(:disabled):not(.disabled):focus, .lightly input[type='password']:not(:disabled):not(.disabled):focus, .lightly textarea:not(:disabled):not(.disabled):focus, .lightly select:not(:disabled):not(.disabled):focus, .lightly .bootstrap-select > .btn:not(:disabled):not(.disabled):focus {
      border-color: #1474A4;
      box-shadow: none;
      outline: none; }
  .darkly input[type='text'], .darkly input[type='password'], .darkly textarea, .darkly select, .darkly .bootstrap-select > .btn {
    border-color: rgba(214, 214, 214, 0.25);
    background: rgba(1, 1, 1, 0.1);
    color: #D6D6D6; }
    .darkly input[type='text']:disabled, .darkly input[type='text'].disabled, .darkly input[type='password']:disabled, .darkly input[type='password'].disabled, .darkly textarea:disabled, .darkly textarea.disabled, .darkly select:disabled, .darkly select.disabled, .darkly .bootstrap-select > .btn:disabled, .darkly .bootstrap-select > .btn.disabled {
      opacity: 0.6;
      cursor: not-allowed; }
    .darkly input[type='text']:not(:disabled):not(.disabled):hover, .darkly input[type='password']:not(:disabled):not(.disabled):hover, .darkly textarea:not(:disabled):not(.disabled):hover, .darkly select:not(:disabled):not(.disabled):hover, .darkly .bootstrap-select > .btn:not(:disabled):not(.disabled):hover {
      color: #D6D6D6;
      background: rgba(1, 1, 1, 0.1);
      border-color: rgba(214, 214, 214, 0.25); }
    .darkly input[type='text']:not(:disabled):not(.disabled):focus, .darkly input[type='password']:not(:disabled):not(.disabled):focus, .darkly textarea:not(:disabled):not(.disabled):focus, .darkly select:not(:disabled):not(.disabled):focus, .darkly .bootstrap-select > .btn:not(:disabled):not(.disabled):focus {
      border-color: #696969;
      box-shadow: none;
      outline: none; }

.lightly select option {
  background-color: #FFFFFF;
  color: #212121; }

.darkly select option {
  background-color: #383838;
  color: #D6D6D6; }

.open > .dropdown-toggle.btn-default:focus {
  background: inherit; }

.lightly .dropdown-menu > li a {
  color: rgba(33, 33, 33, 0.8);
  padding: 3px 12px; }

.lightly .dropdown-menu > li a:hover, .lightly .dropdown-menu > li a:focus {
  background-color: rgba(33, 33, 33, 0.05); }

.lightly .dropdown-menu > .active a, .lightly .dropdown-menu > .active a:hover, .lightly .dropdown-menu > .active a:focus {
  background-color: rgba(20, 116, 164, 0.1);
  color: #1474A4; }

.darkly .dropdown-menu > li a {
  color: rgba(214, 214, 214, 0.8);
  padding: 3px 12px; }

.darkly .dropdown-menu > li a:hover, .darkly .dropdown-menu > li a:focus {
  background-color: rgba(214, 214, 214, 0.1); }

.darkly .dropdown-menu > .active a, .darkly .dropdown-menu > .active a:hover, .darkly .dropdown-menu > .active a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #D6D6D6; }

.jade-input {
  font-family: CentraleSansCnd-Book;
  font-size: 14px;
  width: 100%;
  padding: 6px; }

.jade-link {
  text-decoration: none; }
  .lightly .jade-link {
    color: #1474A4; }
    .lightly .jade-link:visited {
      color: #104577; }
    .lightly .jade-link:hover, .lightly .jade-link:focus {
      text-decoration: none;
      color: #135F93; }
  .darkly .jade-link {
    color: #D6D6D6; }
    .darkly .jade-link:visited {
      color: rgba(214, 214, 214, 0.5); }
    .darkly .jade-link:hover, .darkly .jade-link:focus {
      text-decoration: none;
      color: #FFFFFF; }

input[type="button"], button {
  border-radius: 2px;
  border: hidden;
  outline: 0; }

.button-base, .default-btn, .default-btn-md, .primary-btn, .primary-btn-md, .secondary-btn, .secondary-btn-md, .quiet-btn {
  height: 37px;
  min-width: 100px;
  font-size: 18px;
  line-height: 22px;
  padding: 1px 10px;
  text-align: center; }
  .modal-dialog .button-base, .modal-dialog .default-btn, .modal-dialog .default-btn-md, .modal-dialog .primary-btn, .modal-dialog .primary-btn-md, .modal-dialog .secondary-btn, .modal-dialog .secondary-btn-md, .modal-dialog .quiet-btn {
    height: 32px;
    min-width: 80px;
    font-size: 16px; }

.lightly .default-btn, .lightly .default-btn-md {
  background-color: #EBEAEA;
  color: #212121; }
  .lightly .default-btn:not(:disabled):hover, .lightly .default-btn-md:not(:disabled):hover {
    background-color: #DEDEDE; }
  .lightly .default-btn:not(:disabled):active, .lightly .default-btn-md:not(:disabled):active {
    background-color: #D1D1D1; }
  .lightly .default-btn:disabled, .lightly .default-btn-md:disabled {
    background-color: rgba(235, 234, 234, 0.4);
    color: rgba(29, 45, 102, 0.4);
    cursor: not-allowed; }

.darkly .default-btn, .darkly .default-btn-md {
  background-color: rgba(89, 89, 89, 0.55);
  color: #E8E8E8; }
  .darkly .default-btn:not(:disabled):hover, .darkly .default-btn-md:not(:disabled):hover {
    background-color: rgba(89, 89, 89, 0.35); }
  .darkly .default-btn:not(:disabled):active, .darkly .default-btn-md:not(:disabled):active {
    background-color: rgba(89, 89, 89, 0.2); }
  .darkly .default-btn:disabled, .darkly .default-btn-md:disabled {
    background-color: rgba(89, 89, 89, 0.15);
    color: rgba(232, 232, 232, 0.5);
    cursor: not-allowed; }

.lightly .primary-btn, .lightly .primary-btn-md {
  background-color: #1474A4;
  color: #FFFFFF; }
  .lightly .primary-btn:not(:disabled):hover, .lightly .primary-btn-md:not(:disabled):hover {
    background-color: #135F93; }
  .lightly .primary-btn:not(:disabled):active, .lightly .primary-btn-md:not(:disabled):active {
    background-color: #104577; }
  .lightly .primary-btn:disabled, .lightly .primary-btn-md:disabled {
    background-color: rgba(20, 116, 164, 0.4);
    color: rgba(255, 255, 255, 0.4);
    cursor: not-allowed; }

.darkly .primary-btn, .darkly .primary-btn-md {
  background-color: #696969;
  color: #FFFFFF; }
  .darkly .primary-btn:not(:disabled):hover, .darkly .primary-btn-md:not(:disabled):hover {
    background-color: #545454; }
  .darkly .primary-btn:not(:disabled):active, .darkly .primary-btn-md:not(:disabled):active {
    background-color: #454545; }
  .darkly .primary-btn:disabled, .darkly .primary-btn-md:disabled {
    background-color: rgba(105, 105, 105, 0.4);
    color: rgba(255, 255, 255, 0.4);
    cursor: not-allowed; }

.lightly .secondary-btn, .lightly .secondary-btn-md {
  background-color: #C0E2EB;
  color: #1D2D66; }
  .lightly .secondary-btn:not(:disabled):hover, .lightly .secondary-btn-md:not(:disabled):hover {
    background-color: #9CD3E3; }
  .lightly .secondary-btn:not(:disabled):active, .lightly .secondary-btn-md:not(:disabled):active {
    background-color: #7CC0D9; }
  .lightly .secondary-btn:disabled, .lightly .secondary-btn-md:disabled {
    background-color: rgba(191, 226, 235, 0.5);
    color: rgba(28, 45, 102, 0.5);
    cursor: not-allowed; }

.darkly .secondary-btn, .darkly .secondary-btn-md {
  background-color: rgba(89, 89, 89, 0.55);
  color: #E8E8E8; }
  .darkly .secondary-btn:not(:disabled):hover, .darkly .secondary-btn-md:not(:disabled):hover {
    background-color: rgba(89, 89, 89, 0.35); }
  .darkly .secondary-btn:not(:disabled):active, .darkly .secondary-btn-md:not(:disabled):active {
    background-color: rgba(89, 89, 89, 0.2); }
  .darkly .secondary-btn:disabled, .darkly .secondary-btn-md:disabled {
    background-color: rgba(89, 89, 89, 0.15);
    color: rgba(232, 232, 232, 0.5);
    cursor: not-allowed; }

.quiet-btn {
  background: transparent; }
  .lightly .quiet-btn {
    color: #1474A4; }
    .lightly .quiet-btn:not(:disabled):hover {
      color: #1B578E; }
    .lightly .quiet-btn:not(:disabled):active {
      color: #1B578E; }
    .lightly .quiet-btn:disabled {
      color: rgba(20, 116, 164, 0.35);
      cursor: not-allowed; }
  .darkly .quiet-btn {
    color: #D6D6D6; }
    .darkly .quiet-btn:not(:disabled):hover {
      color: #E8E8E8; }
    .darkly .quiet-btn:not(:disabled):active {
      color: #E8E8E8; }
    .darkly .quiet-btn:disabled {
      color: rgba(214, 214, 214, 0.35);
      cursor: not-allowed; }

.default-btn-md {
  height: 27px;
  font-size: 16px; }

.primary-btn-md {
  height: 27px;
  font-size: 16px; }

.secondary-btn-md {
  height: 27px;
  font-size: 16px; }

.btn-icon-only {
  font-size: 18px !important;
  padding: 0 15px !important; }

.toggle-btn {
  height: 28px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 6px 1px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.12) !important; }
  .lightly .toggle-btn {
    background-color: #C0E2EB;
    color: #1D2D66; }
  .darkly .toggle-btn {
    background-color: rgba(89, 89, 89, 0.55);
    color: #E8E8E8; }
  li:first-child > .toggle-btn {
    border-radius: 2px 0 0 2px; }
  li:last-child > .toggle-btn {
    border-radius: 0 2px 2px 0; }
  .lightly .toggle-btn:hover {
    background-color: #9CD3E3; }
  .darkly .toggle-btn:hover {
    background-color: rgba(89, 89, 89, 0.35); }
  .lightly .toggle-btn:active {
    background-color: #7CC0D9; }
  .darkly .toggle-btn:active {
    background-color: rgba(89, 89, 89, 0.2); }
  .lightly .toggle-btn.active, .lightly .active > .toggle-btn {
    background-color: #1474A4;
    color: #FFFFFF; }
  .darkly .toggle-btn.active, .darkly .active > .toggle-btn {
    background-color: #696969;
    color: #FFFFFF; }
  .lightly .toggle-btn.active:hover, .lightly .active > .toggle-btn:hover {
    background-color: #135F93; }
  .darkly .toggle-btn.active:hover, .darkly .active > .toggle-btn:hover {
    background-color: #545454; }
  .lightly .toggle-btn.active:active, .lightly .active > .toggle-btn:active {
    background-color: #104577; }
  .darkly .toggle-btn.active:active, .darkly .active > .toggle-btn:active {
    background-color: #454545; }

.progress-indicator-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px; }

.progress-indicator {
  animation: rotate 1.5s linear infinite;
  width: 100px; }

.lightly .progress-indicator-track, .lightly
.progress-indicator-track-on-gradient, .lightly
.progress-indicator-track-off-gradient {
  stop-color: #1474A4; }

.darkly .progress-indicator-track, .darkly
.progress-indicator-track-on-gradient, .darkly
.progress-indicator-track-off-gradient {
  stop-color: #696969; }

.progress-indicator-track-on-gradient {
  stop-opacity: .5; }

.progress-indicator-track-off-gradient {
  stop-opacity: 0; }

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

.fake {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border: none; }

iframe {
  border: none;
  display: block; }

legend {
  margin-bottom: 0 !important;
  font-size: inherit !important;
  border-bottom: none !important; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.input-label {
  margin-bottom: 5px; }

.lightly .nav-tabs:not(.actionbar) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(33, 33, 33, 0.1); }
  .lightly .nav-tabs:not(.actionbar) li a {
    font-family: CentraleSansCnd-Book;
    font-size: 16px;
    text-align: center;
    border: 0;
    color: #212121; }
  .lightly .nav-tabs:not(.actionbar) li.active > a {
    font-family: CentraleSansCnd-Bold;
    background-color: inherit;
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1474A4;
    color: #1474A4; }
  .lightly .nav-tabs:not(.actionbar) li > a:hover {
    background-color: rgba(20, 116, 164, 0.1); }

.darkly .nav-tabs:not(.actionbar) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.2); }
  .darkly .nav-tabs:not(.actionbar) li a {
    font-family: CentraleSansCnd-Book;
    font-size: 16px;
    text-align: center;
    border: 0;
    color: rgba(255, 255, 255, 0.5); }
  .darkly .nav-tabs:not(.actionbar) li.active > a {
    font-family: CentraleSansCnd-Bold;
    background-color: inherit;
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #D6D6D6;
    color: #D6D6D6; }
  .darkly .nav-tabs:not(.actionbar) li > a:hover {
    background-color: rgba(120, 120, 120, 0.35); }

.modal {
  text-align: center; }

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%; }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.lightly .modal-content {
  color: rgba(33, 33, 33, 0.8);
  background-color: #FFFFFF; }

.darkly .modal-content {
  color: rgba(214, 214, 214, 0.8);
  background-color: #383838; }

.modal-title {
  font-family: CentraleSansCnd-Bold;
  font-size: 20px; }
  .lightly .modal-title {
    color: #212121; }
  .darkly .modal-title {
    color: #D6D6D6; }

.modal-header {
  border-bottom: none; }

.modal-body {
  font-size: 14px;
  padding: 5px 15px 15px 15px; }

.modal-footer {
  border-top: none; }

.table tbody > tr > td {
  border: 0px;
  vertical-align: middle; }

.table-condensed tbody > tr > td {
  padding: 2px;
  padding-bottom: 0px; }

.dx-texteditor-input {
  border: 0 !important; }

.lightly .dx-texteditor.dx-editor-outlined {
  border-color: #C4C4C4;
  border-width: 1px;
  border-style: solid;
  background: white;
  color: #212121;
  border-radius: 0; }

.darkly .dx-texteditor.dx-editor-outlined {
  border-color: rgba(214, 214, 214, 0.25);
  border-width: 1px;
  border-style: solid;
  background: rgba(1, 1, 1, 0.1);
  color: #D6D6D6;
  border-radius: 0; }

.lightly .dx-texteditor.dx-state-hover {
  border-color: #9E9E9E; }

.darkly .dx-texteditor.dx-state-hover {
  border-color: rgba(214, 214, 214, 0.25); }

.lightly .dx-texteditor.dx-state-focused.dx-editor-outlined {
  border-color: #1474A4; }

.darkly .dx-texteditor.dx-state-focused.dx-editor-outlined {
  border-color: #696969; }

.order-indicator {
  width: 70px !important; }

.not-matched::after {
  content: '\f057';
  font-family: FontAwesome;
  font-size: 16px;
  font-style: initial;
  color: #FE5DB3;
  padding: 0 5px; }

.matched::after {
  content: '\f058';
  font-family: FontAwesome;
  font-size: 16px;
  font-style: initial;
  color: #6DD400;
  padding: 0 5px; }

.modified::after {
  content: '\f059';
  font-family: FontAwesome;
  font-size: 16px;
  font-style: initial;
  color: #F7B500;
  padding: 0 5px; }

.warning-icon::before {
  content: '\f071';
  font-family: FontAwesome;
  font-size: 18px;
  font-style: initial;
  padding: 0 10px 0 0; }
  .lightly .warning-icon::before {
    color: #E65800; }
  .darkly .warning-icon::before {
    color: #FF830F; }

#ecglists .dx-datagrid {
  background-color: inherit; }

#ecglists .dx-row {
  border: none;
  background-color: inherit; }
  #ecglists .dx-row td {
    border: none; }

#ecglists .dx-group-row td {
  padding: 0;
  font-weight: normal; }

#ecglists .dx-row.dx-group-row {
  border-top: solid 1px;
  color: #dfdde5; }

#ecglists .dx-command-expand {
  width: 0;
  min-width: 0; }

#ecglists .dx-command-select {
  width: 30px;
  min-width: 30px; }

.dx-checkbox-container {
  height: inherit !important; }

.dx-datagrid-nodata {
  top: 10% !important; }

.patient-order .dx-button-has-icon .dx-icon {
  width: 32px;
  height: 32px; }

/* Works on Firefox */
* {
  scrollbar-width: thin; }
  .lightly * {
    scrollbar-color: rgba(33, 33, 33, 0.45) transparent; }
  .darkly * {
    scrollbar-color: #D6D6D6 transparent; }

/* Works on Chrome, Edge, and Safari */
/* width */
::-webkit-scrollbar {
  width: 5px; }

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px; }
  .lightly ::-webkit-scrollbar-thumb {
    background: rgba(33, 33, 33, 0.45); }
  .darkly ::-webkit-scrollbar-thumb {
    background: #D6D6D6; }

/* Handle on hover */
.lightly ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.45); }

.darkly ::-webkit-scrollbar-thumb:hover {
  background: #a3a3a3; }