/* Imports */
/* Site Definitions */
/* Break Points */
/* Timing */
/* Colors */
/* Background Mix Ratio */
/* Sizes */
/* z-indexes */
/* Arrays */
/* Break-point Mixins */
/* Functions */
.layout > .header > .tray > .menu, .layout > .header > .flyout > .navigation .link, ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty label.ehr-input-upload_multiple-empty-browse, label.ehr-input-label, a {
  color: var(--root_color-text-disabled);
}
.layout > .header > .tray > .menu:not([disabled]), .layout > .header > .flyout > .navigation .link:not([disabled]), ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty label.ehr-input-upload_multiple-empty-browse:not([disabled]), label.ehr-input-label:not([disabled]), a:not([disabled]) {
  color: var(--root_color-text);
  cursor: pointer;
}
.layout > .header > .tray > .menu:not([disabled]):hover, .layout > .header > .flyout > .navigation .link:not([disabled]):hover, ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty label.ehr-input-upload_multiple-empty-browse:not([disabled]):hover, label.ehr-input-label:not([disabled]):hover, a:not([disabled]):hover {
  color: var(--root_color-active);
}

.overlay.centered, .layout > .content.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@keyframes ehr-animation_pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  8% {
    transform: scale(0);
    opacity: 0;
  }
  15% {
    transform: scale(0.1);
    opacity: 1;
  }
  30% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes ehr-animation_shake {
  10%, 90% {
    transform: translate(-0.0625rem, 0) rotate(0deg);
  }
  20%, 80% {
    transform: translate(0.0625rem, 0) rotate(0deg);
  }
  30%, 50%, 70% {
    transform: translate(-0.125rem, 0) rotate(-2deg);
  }
  40%, 60% {
    transform: translate(0.125rem, 0) rotate(2deg);
  }
}
@keyframes ehr-animation_shake--horizontal {
  10%, 90% {
    transform: translate(-0.0625rem, 0);
  }
  20%, 80% {
    transform: translate(0.0625rem, 0);
  }
  30%, 50%, 70% {
    transform: translate(-0.125rem, 0);
  }
  40%, 60% {
    transform: translate(0.125rem, 0);
  }
}
@keyframes ehr-animation_spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ehr-animation_fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ehr-animation_flash-primary {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-primary);
  }
}
@keyframes ehr-animation_flash-secondary {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-secondary);
  }
}
@keyframes ehr-animation_flash-info {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-info);
  }
}
@keyframes ehr-animation_flash-success {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-success);
  }
}
@keyframes ehr-animation_flash-warning {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-warning);
  }
}
@keyframes ehr-animation_flash-danger {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-danger);
  }
}
@keyframes ehr-animation_flash-active {
  30% {
    border-color: var(--root_color-border);
  }
  60%, 100% {
    border-color: var(--root_color-active);
  }
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Oblique.ttf") format("truetype");
  font-style: oblique;
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: oblique;
}
@font-face {
  font-family: "FragmentMono";
  src: url("../fonts/FragmentMono-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "FragmentMono";
  src: url("../fonts/FragmentMono-Italic.ttf") format("truetype");
  font-style: oblique;
}
:root {
  /* Root Level Definition */
  font-size: 16px;
  background: #f7f8f9;
  /* Colors */
  --root_color-scrollbar: rgba(0, 0, 0, 0.05);
  --root_color-scrollbar--hover: rgba(0, 0, 0, 0.2);
  --root_color-background: #fff;
  --root_color-background--rgb: 255, 255, 255;
  --root_color-disabled: #f5f5f5;
  --root_color-border: #959c9e;
  --root_color-shadow: rgba(135, 135, 182, 0.4);
  --root_color-text: #333;
  --root_color-text-disabled: #999;
  --root_color-placeholder: rgba(51, 51, 51, 0.2666666667);
  /* Accent Colors */
  --root_color-primary: #39c4f1;
  --root_color-primary--rgb: 57, 196, 241;
  --root_color-secondary: #337ab7;
  --root_color-secondary--rgb: 51, 122, 183;
  --root_color-info: #1b8fa1;
  --root_color-info--rgb: 27, 143, 161;
  --root_color-success: #06c164;
  --root_color-success--rgb: 6, 193, 100;
  --root_color-warning: #f0d105;
  --root_color-warning--rgb: 240, 209, 5;
  --root_color-danger: #ff1526;
  --root_color-danger--rgb: 255, 21, 38;
  /* Text Colors */
  --root_color-dark: #121a1e;
  --root_color-dark--rgb: 18, 26, 30;
  --root_color-fade: #4d5356;
  --root_color-fade--rgb: 77, 83, 86;
  --root_color-mute: #888c8d;
  --root_color-mute--rgb: 136, 140, 141;
  --root_color-pale: #c4c5c5;
  --root_color-pale--rgb: 196, 197, 197;
  --root_color-light: #fffefc;
  --root_color-light--rgb: 255, 254, 252;
  /* Active Accent Colors */
  --root_color-active: var(--root_color-primary);
  --root_color-active--rgb: var(--root_color-primary--rgb);
}

*, ::before, ::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* Scrollbar */
@media (hover: hover) {
  ::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
  }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
    background: transparent;
  }
  ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner {
    display: none;
  }
  ::-webkit-scrollbar-thumb {
    border: 0.25rem solid transparent;
    background-clip: content-box;
    background-color: var(--root_color-scrollbar);
    border-radius: 0.5rem;
    box-shadow: inset -1px -1px 0 var(--root_color-scrollbar), inset 1px 1px 0 var(--root_color-scrollbar);
    min-width: 2rem;
    min-height: 2rem;
    cursor: default;
  }
  :hover::-webkit-scrollbar-thumb {
    background-color: var(--root_color-scrollbar--hover);
  }
}
/* HTML & Body */
html, body {
  width: 100%;
  height: 100%;
  font-family: Helvetica;
  color: var(--root_color-text);
  overflow: hidden;
}

a {
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

.full-screen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.blur-backdrop {
  backdrop-filter: blur(2px);
}

ehr-spinner {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 0.125rem solid;
  border-color: transparent var(--root_color-active);
  border-radius: 50%;
  animation: ehr-animation_spin 0.5s infinite;
}

ehr-app {
  display: block;
  width: 100%;
  height: 100%;
}

/* Tools */
ehr-tape-measure {
  visibility: hidden;
  position: absolute;
  display: block;
}

/* Common */
.ehr_border {
  border: 0.0625rem solid var(--root_color-border);
}
.ehr_border.ehr_border-vertical {
  border-width: 0.0625rem 0;
}
.ehr_border.ehr_border-horizontal {
  border-width: 0 0.0625rem;
}
.ehr_border.ehr_border-top {
  border-width: 0.0625rem 0 0 0;
}
.ehr_border.ehr_border-right {
  border-width: 0 0.0625rem 0 0;
}
.ehr_border.ehr_border-bottom {
  border-width: 0 0 0.0625rem 0;
}
.ehr_border.ehr_border-left {
  border-width: 0 0 0 0.0625rem;
}
.ehr_border.ehr_border-radius {
  border-radius: 0.25rem;
}

.background {
  background-color: var(--root_color-background);
}
.background--hover:hover {
  background-color: var(--root_color-background) !important;
}

.background--10 {
  background-color: rgba(var(--root_color-background--rgb), 0.1);
}
.background--10--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.1) !important;
}

.background--20 {
  background-color: rgba(var(--root_color-background--rgb), 0.2);
}
.background--20--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.2) !important;
}

.background--30 {
  background-color: rgba(var(--root_color-background--rgb), 0.3);
}
.background--30--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.3) !important;
}

.background--40 {
  background-color: rgba(var(--root_color-background--rgb), 0.4);
}
.background--40--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.4) !important;
}

.background--50 {
  background-color: rgba(var(--root_color-background--rgb), 0.5);
}
.background--50--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.5) !important;
}

.background--60 {
  background-color: rgba(var(--root_color-background--rgb), 0.6);
}
.background--60--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.6) !important;
}

.background--70 {
  background-color: rgba(var(--root_color-background--rgb), 0.7);
}
.background--70--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.7) !important;
}

.background--80 {
  background-color: rgba(var(--root_color-background--rgb), 0.8);
}
.background--80--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.8) !important;
}

.background--90 {
  background-color: rgba(var(--root_color-background--rgb), 0.9);
}
.background--90--hover:hover {
  background-color: rgba(var(--root_color-background--rgb), 0.9) !important;
}

.primary {
  --root_color-active: var(--root_color-primary);
  --root_color-active--rgb: var(--root_color-primary--rgb);
}

.primary--hover:hover {
  --root_color-active: var(--root_color-primary) !important;
  --root_color-active--rgb: var(--root_color-primary--rgb) !important;
}

.secondary {
  --root_color-active: var(--root_color-secondary);
  --root_color-active--rgb: var(--root_color-secondary--rgb);
}

.secondary--hover:hover {
  --root_color-active: var(--root_color-secondary) !important;
  --root_color-active--rgb: var(--root_color-secondary--rgb) !important;
}

.info {
  --root_color-active: var(--root_color-info);
  --root_color-active--rgb: var(--root_color-info--rgb);
}

.info--hover:hover {
  --root_color-active: var(--root_color-info) !important;
  --root_color-active--rgb: var(--root_color-info--rgb) !important;
}

.success {
  --root_color-active: var(--root_color-success);
  --root_color-active--rgb: var(--root_color-success--rgb);
}

.success--hover:hover {
  --root_color-active: var(--root_color-success) !important;
  --root_color-active--rgb: var(--root_color-success--rgb) !important;
}

.warning {
  --root_color-active: var(--root_color-warning);
  --root_color-active--rgb: var(--root_color-warning--rgb);
}

.warning--hover:hover {
  --root_color-active: var(--root_color-warning) !important;
  --root_color-active--rgb: var(--root_color-warning--rgb) !important;
}

.danger {
  --root_color-active: var(--root_color-danger);
  --root_color-active--rgb: var(--root_color-danger--rgb);
}

.danger--hover:hover {
  --root_color-active: var(--root_color-danger) !important;
  --root_color-active--rgb: var(--root_color-danger--rgb) !important;
}

.text-primary {
  color: var(--root_color-primary);
}
.text-primary--hover:hover {
  color: var(--root_color-primary) !important;
}

.text-primary--10 {
  color: rgba(var(--root_color-primary--rgb), 0.1);
}
.text-primary--10--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.1) !important;
}

.text-primary--20 {
  color: rgba(var(--root_color-primary--rgb), 0.2);
}
.text-primary--20--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.2) !important;
}

.text-primary--30 {
  color: rgba(var(--root_color-primary--rgb), 0.3);
}
.text-primary--30--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.3) !important;
}

.text-primary--40 {
  color: rgba(var(--root_color-primary--rgb), 0.4);
}
.text-primary--40--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.4) !important;
}

.text-primary--50 {
  color: rgba(var(--root_color-primary--rgb), 0.5);
}
.text-primary--50--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.5) !important;
}

.text-primary--60 {
  color: rgba(var(--root_color-primary--rgb), 0.6);
}
.text-primary--60--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.6) !important;
}

.text-primary--70 {
  color: rgba(var(--root_color-primary--rgb), 0.7);
}
.text-primary--70--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.7) !important;
}

.text-primary--80 {
  color: rgba(var(--root_color-primary--rgb), 0.8);
}
.text-primary--80--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.8) !important;
}

.text-primary--90 {
  color: rgba(var(--root_color-primary--rgb), 0.9);
}
.text-primary--90--hover:hover {
  color: rgba(var(--root_color-primary--rgb), 0.9) !important;
}

.background-primary {
  background-color: var(--root_color-primary);
}
.background-primary--hover:hover {
  background-color: var(--root_color-primary) !important;
}

.background-primary--10 {
  background-color: rgba(var(--root_color-primary--rgb), 0.1);
}
.background-primary--10--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.1) !important;
}

.background-primary--20 {
  background-color: rgba(var(--root_color-primary--rgb), 0.2);
}
.background-primary--20--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.2) !important;
}

.background-primary--30 {
  background-color: rgba(var(--root_color-primary--rgb), 0.3);
}
.background-primary--30--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.3) !important;
}

.background-primary--40 {
  background-color: rgba(var(--root_color-primary--rgb), 0.4);
}
.background-primary--40--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.4) !important;
}

.background-primary--50 {
  background-color: rgba(var(--root_color-primary--rgb), 0.5);
}
.background-primary--50--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.5) !important;
}

.background-primary--60 {
  background-color: rgba(var(--root_color-primary--rgb), 0.6);
}
.background-primary--60--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.6) !important;
}

.background-primary--70 {
  background-color: rgba(var(--root_color-primary--rgb), 0.7);
}
.background-primary--70--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.7) !important;
}

.background-primary--80 {
  background-color: rgba(var(--root_color-primary--rgb), 0.8);
}
.background-primary--80--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.8) !important;
}

.background-primary--90 {
  background-color: rgba(var(--root_color-primary--rgb), 0.9);
}
.background-primary--90--hover:hover {
  background-color: rgba(var(--root_color-primary--rgb), 0.9) !important;
}

.text-secondary {
  color: var(--root_color-secondary);
}
.text-secondary--hover:hover {
  color: var(--root_color-secondary) !important;
}

.text-secondary--10 {
  color: rgba(var(--root_color-secondary--rgb), 0.1);
}
.text-secondary--10--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.1) !important;
}

.text-secondary--20 {
  color: rgba(var(--root_color-secondary--rgb), 0.2);
}
.text-secondary--20--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.2) !important;
}

.text-secondary--30 {
  color: rgba(var(--root_color-secondary--rgb), 0.3);
}
.text-secondary--30--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.3) !important;
}

.text-secondary--40 {
  color: rgba(var(--root_color-secondary--rgb), 0.4);
}
.text-secondary--40--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.4) !important;
}

.text-secondary--50 {
  color: rgba(var(--root_color-secondary--rgb), 0.5);
}
.text-secondary--50--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.5) !important;
}

.text-secondary--60 {
  color: rgba(var(--root_color-secondary--rgb), 0.6);
}
.text-secondary--60--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.6) !important;
}

.text-secondary--70 {
  color: rgba(var(--root_color-secondary--rgb), 0.7);
}
.text-secondary--70--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.7) !important;
}

.text-secondary--80 {
  color: rgba(var(--root_color-secondary--rgb), 0.8);
}
.text-secondary--80--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.8) !important;
}

.text-secondary--90 {
  color: rgba(var(--root_color-secondary--rgb), 0.9);
}
.text-secondary--90--hover:hover {
  color: rgba(var(--root_color-secondary--rgb), 0.9) !important;
}

.background-secondary {
  background-color: var(--root_color-secondary);
}
.background-secondary--hover:hover {
  background-color: var(--root_color-secondary) !important;
}

.background-secondary--10 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.1);
}
.background-secondary--10--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.1) !important;
}

.background-secondary--20 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.2);
}
.background-secondary--20--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.2) !important;
}

.background-secondary--30 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.3);
}
.background-secondary--30--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.3) !important;
}

.background-secondary--40 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.4);
}
.background-secondary--40--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.4) !important;
}

.background-secondary--50 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.5);
}
.background-secondary--50--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.5) !important;
}

.background-secondary--60 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.6);
}
.background-secondary--60--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.6) !important;
}

.background-secondary--70 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.7);
}
.background-secondary--70--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.7) !important;
}

.background-secondary--80 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.8);
}
.background-secondary--80--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.8) !important;
}

.background-secondary--90 {
  background-color: rgba(var(--root_color-secondary--rgb), 0.9);
}
.background-secondary--90--hover:hover {
  background-color: rgba(var(--root_color-secondary--rgb), 0.9) !important;
}

.text-info {
  color: var(--root_color-info);
}
.text-info--hover:hover {
  color: var(--root_color-info) !important;
}

.text-info--10 {
  color: rgba(var(--root_color-info--rgb), 0.1);
}
.text-info--10--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.1) !important;
}

.text-info--20 {
  color: rgba(var(--root_color-info--rgb), 0.2);
}
.text-info--20--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.2) !important;
}

.text-info--30 {
  color: rgba(var(--root_color-info--rgb), 0.3);
}
.text-info--30--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.3) !important;
}

.text-info--40 {
  color: rgba(var(--root_color-info--rgb), 0.4);
}
.text-info--40--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.4) !important;
}

.text-info--50 {
  color: rgba(var(--root_color-info--rgb), 0.5);
}
.text-info--50--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.5) !important;
}

.text-info--60 {
  color: rgba(var(--root_color-info--rgb), 0.6);
}
.text-info--60--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.6) !important;
}

.text-info--70 {
  color: rgba(var(--root_color-info--rgb), 0.7);
}
.text-info--70--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.7) !important;
}

.text-info--80 {
  color: rgba(var(--root_color-info--rgb), 0.8);
}
.text-info--80--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.8) !important;
}

.text-info--90 {
  color: rgba(var(--root_color-info--rgb), 0.9);
}
.text-info--90--hover:hover {
  color: rgba(var(--root_color-info--rgb), 0.9) !important;
}

.background-info {
  background-color: var(--root_color-info);
}
.background-info--hover:hover {
  background-color: var(--root_color-info) !important;
}

.background-info--10 {
  background-color: rgba(var(--root_color-info--rgb), 0.1);
}
.background-info--10--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.1) !important;
}

.background-info--20 {
  background-color: rgba(var(--root_color-info--rgb), 0.2);
}
.background-info--20--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.2) !important;
}

.background-info--30 {
  background-color: rgba(var(--root_color-info--rgb), 0.3);
}
.background-info--30--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.3) !important;
}

.background-info--40 {
  background-color: rgba(var(--root_color-info--rgb), 0.4);
}
.background-info--40--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.4) !important;
}

.background-info--50 {
  background-color: rgba(var(--root_color-info--rgb), 0.5);
}
.background-info--50--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.5) !important;
}

.background-info--60 {
  background-color: rgba(var(--root_color-info--rgb), 0.6);
}
.background-info--60--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.6) !important;
}

.background-info--70 {
  background-color: rgba(var(--root_color-info--rgb), 0.7);
}
.background-info--70--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.7) !important;
}

.background-info--80 {
  background-color: rgba(var(--root_color-info--rgb), 0.8);
}
.background-info--80--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.8) !important;
}

.background-info--90 {
  background-color: rgba(var(--root_color-info--rgb), 0.9);
}
.background-info--90--hover:hover {
  background-color: rgba(var(--root_color-info--rgb), 0.9) !important;
}

.text-success {
  color: var(--root_color-success);
}
.text-success--hover:hover {
  color: var(--root_color-success) !important;
}

.text-success--10 {
  color: rgba(var(--root_color-success--rgb), 0.1);
}
.text-success--10--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.1) !important;
}

.text-success--20 {
  color: rgba(var(--root_color-success--rgb), 0.2);
}
.text-success--20--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.2) !important;
}

.text-success--30 {
  color: rgba(var(--root_color-success--rgb), 0.3);
}
.text-success--30--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.3) !important;
}

.text-success--40 {
  color: rgba(var(--root_color-success--rgb), 0.4);
}
.text-success--40--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.4) !important;
}

.text-success--50 {
  color: rgba(var(--root_color-success--rgb), 0.5);
}
.text-success--50--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.5) !important;
}

.text-success--60 {
  color: rgba(var(--root_color-success--rgb), 0.6);
}
.text-success--60--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.6) !important;
}

.text-success--70 {
  color: rgba(var(--root_color-success--rgb), 0.7);
}
.text-success--70--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.7) !important;
}

.text-success--80 {
  color: rgba(var(--root_color-success--rgb), 0.8);
}
.text-success--80--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.8) !important;
}

.text-success--90 {
  color: rgba(var(--root_color-success--rgb), 0.9);
}
.text-success--90--hover:hover {
  color: rgba(var(--root_color-success--rgb), 0.9) !important;
}

.background-success {
  background-color: var(--root_color-success);
}
.background-success--hover:hover {
  background-color: var(--root_color-success) !important;
}

.background-success--10 {
  background-color: rgba(var(--root_color-success--rgb), 0.1);
}
.background-success--10--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.1) !important;
}

.background-success--20 {
  background-color: rgba(var(--root_color-success--rgb), 0.2);
}
.background-success--20--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.2) !important;
}

.background-success--30 {
  background-color: rgba(var(--root_color-success--rgb), 0.3);
}
.background-success--30--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.3) !important;
}

.background-success--40 {
  background-color: rgba(var(--root_color-success--rgb), 0.4);
}
.background-success--40--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.4) !important;
}

.background-success--50 {
  background-color: rgba(var(--root_color-success--rgb), 0.5);
}
.background-success--50--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.5) !important;
}

.background-success--60 {
  background-color: rgba(var(--root_color-success--rgb), 0.6);
}
.background-success--60--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.6) !important;
}

.background-success--70 {
  background-color: rgba(var(--root_color-success--rgb), 0.7);
}
.background-success--70--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.7) !important;
}

.background-success--80 {
  background-color: rgba(var(--root_color-success--rgb), 0.8);
}
.background-success--80--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.8) !important;
}

.background-success--90 {
  background-color: rgba(var(--root_color-success--rgb), 0.9);
}
.background-success--90--hover:hover {
  background-color: rgba(var(--root_color-success--rgb), 0.9) !important;
}

.text-warning {
  color: var(--root_color-warning);
}
.text-warning--hover:hover {
  color: var(--root_color-warning) !important;
}

.text-warning--10 {
  color: rgba(var(--root_color-warning--rgb), 0.1);
}
.text-warning--10--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.1) !important;
}

.text-warning--20 {
  color: rgba(var(--root_color-warning--rgb), 0.2);
}
.text-warning--20--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.2) !important;
}

.text-warning--30 {
  color: rgba(var(--root_color-warning--rgb), 0.3);
}
.text-warning--30--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.3) !important;
}

.text-warning--40 {
  color: rgba(var(--root_color-warning--rgb), 0.4);
}
.text-warning--40--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.4) !important;
}

.text-warning--50 {
  color: rgba(var(--root_color-warning--rgb), 0.5);
}
.text-warning--50--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.5) !important;
}

.text-warning--60 {
  color: rgba(var(--root_color-warning--rgb), 0.6);
}
.text-warning--60--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.6) !important;
}

.text-warning--70 {
  color: rgba(var(--root_color-warning--rgb), 0.7);
}
.text-warning--70--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.7) !important;
}

.text-warning--80 {
  color: rgba(var(--root_color-warning--rgb), 0.8);
}
.text-warning--80--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.8) !important;
}

.text-warning--90 {
  color: rgba(var(--root_color-warning--rgb), 0.9);
}
.text-warning--90--hover:hover {
  color: rgba(var(--root_color-warning--rgb), 0.9) !important;
}

.background-warning {
  background-color: var(--root_color-warning);
}
.background-warning--hover:hover {
  background-color: var(--root_color-warning) !important;
}

.background-warning--10 {
  background-color: rgba(var(--root_color-warning--rgb), 0.1);
}
.background-warning--10--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.1) !important;
}

.background-warning--20 {
  background-color: rgba(var(--root_color-warning--rgb), 0.2);
}
.background-warning--20--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.2) !important;
}

.background-warning--30 {
  background-color: rgba(var(--root_color-warning--rgb), 0.3);
}
.background-warning--30--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.3) !important;
}

.background-warning--40 {
  background-color: rgba(var(--root_color-warning--rgb), 0.4);
}
.background-warning--40--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.4) !important;
}

.background-warning--50 {
  background-color: rgba(var(--root_color-warning--rgb), 0.5);
}
.background-warning--50--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.5) !important;
}

.background-warning--60 {
  background-color: rgba(var(--root_color-warning--rgb), 0.6);
}
.background-warning--60--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.6) !important;
}

.background-warning--70 {
  background-color: rgba(var(--root_color-warning--rgb), 0.7);
}
.background-warning--70--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.7) !important;
}

.background-warning--80 {
  background-color: rgba(var(--root_color-warning--rgb), 0.8);
}
.background-warning--80--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.8) !important;
}

.background-warning--90 {
  background-color: rgba(var(--root_color-warning--rgb), 0.9);
}
.background-warning--90--hover:hover {
  background-color: rgba(var(--root_color-warning--rgb), 0.9) !important;
}

.text-danger {
  color: var(--root_color-danger);
}
.text-danger--hover:hover {
  color: var(--root_color-danger) !important;
}

.text-danger--10 {
  color: rgba(var(--root_color-danger--rgb), 0.1);
}
.text-danger--10--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.1) !important;
}

.text-danger--20 {
  color: rgba(var(--root_color-danger--rgb), 0.2);
}
.text-danger--20--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.2) !important;
}

.text-danger--30 {
  color: rgba(var(--root_color-danger--rgb), 0.3);
}
.text-danger--30--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.3) !important;
}

.text-danger--40 {
  color: rgba(var(--root_color-danger--rgb), 0.4);
}
.text-danger--40--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.4) !important;
}

.text-danger--50 {
  color: rgba(var(--root_color-danger--rgb), 0.5);
}
.text-danger--50--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.5) !important;
}

.text-danger--60 {
  color: rgba(var(--root_color-danger--rgb), 0.6);
}
.text-danger--60--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.6) !important;
}

.text-danger--70 {
  color: rgba(var(--root_color-danger--rgb), 0.7);
}
.text-danger--70--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.7) !important;
}

.text-danger--80 {
  color: rgba(var(--root_color-danger--rgb), 0.8);
}
.text-danger--80--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.8) !important;
}

.text-danger--90 {
  color: rgba(var(--root_color-danger--rgb), 0.9);
}
.text-danger--90--hover:hover {
  color: rgba(var(--root_color-danger--rgb), 0.9) !important;
}

.background-danger {
  background-color: var(--root_color-danger);
}
.background-danger--hover:hover {
  background-color: var(--root_color-danger) !important;
}

.background-danger--10 {
  background-color: rgba(var(--root_color-danger--rgb), 0.1);
}
.background-danger--10--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.1) !important;
}

.background-danger--20 {
  background-color: rgba(var(--root_color-danger--rgb), 0.2);
}
.background-danger--20--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.2) !important;
}

.background-danger--30 {
  background-color: rgba(var(--root_color-danger--rgb), 0.3);
}
.background-danger--30--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.3) !important;
}

.background-danger--40 {
  background-color: rgba(var(--root_color-danger--rgb), 0.4);
}
.background-danger--40--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.4) !important;
}

.background-danger--50 {
  background-color: rgba(var(--root_color-danger--rgb), 0.5);
}
.background-danger--50--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.5) !important;
}

.background-danger--60 {
  background-color: rgba(var(--root_color-danger--rgb), 0.6);
}
.background-danger--60--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.6) !important;
}

.background-danger--70 {
  background-color: rgba(var(--root_color-danger--rgb), 0.7);
}
.background-danger--70--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.7) !important;
}

.background-danger--80 {
  background-color: rgba(var(--root_color-danger--rgb), 0.8);
}
.background-danger--80--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.8) !important;
}

.background-danger--90 {
  background-color: rgba(var(--root_color-danger--rgb), 0.9);
}
.background-danger--90--hover:hover {
  background-color: rgba(var(--root_color-danger--rgb), 0.9) !important;
}

.text-active {
  color: var(--root_color-active);
}
.text-active--hover:hover {
  color: var(--root_color-active) !important;
}

.text-active--10 {
  color: rgba(var(--root_color-active--rgb), 0.1);
}
.text-active--10--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.1) !important;
}

.text-active--20 {
  color: rgba(var(--root_color-active--rgb), 0.2);
}
.text-active--20--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.2) !important;
}

.text-active--30 {
  color: rgba(var(--root_color-active--rgb), 0.3);
}
.text-active--30--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.3) !important;
}

.text-active--40 {
  color: rgba(var(--root_color-active--rgb), 0.4);
}
.text-active--40--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.4) !important;
}

.text-active--50 {
  color: rgba(var(--root_color-active--rgb), 0.5);
}
.text-active--50--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.5) !important;
}

.text-active--60 {
  color: rgba(var(--root_color-active--rgb), 0.6);
}
.text-active--60--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.6) !important;
}

.text-active--70 {
  color: rgba(var(--root_color-active--rgb), 0.7);
}
.text-active--70--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.7) !important;
}

.text-active--80 {
  color: rgba(var(--root_color-active--rgb), 0.8);
}
.text-active--80--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.8) !important;
}

.text-active--90 {
  color: rgba(var(--root_color-active--rgb), 0.9);
}
.text-active--90--hover:hover {
  color: rgba(var(--root_color-active--rgb), 0.9) !important;
}

.background-active {
  background-color: var(--root_color-active);
}
.background-active--hover:hover {
  background-color: var(--root_color-active) !important;
}

.background-active--10 {
  background-color: rgba(var(--root_color-active--rgb), 0.1);
}
.background-active--10--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.1) !important;
}

.background-active--20 {
  background-color: rgba(var(--root_color-active--rgb), 0.2);
}
.background-active--20--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.2) !important;
}

.background-active--30 {
  background-color: rgba(var(--root_color-active--rgb), 0.3);
}
.background-active--30--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.3) !important;
}

.background-active--40 {
  background-color: rgba(var(--root_color-active--rgb), 0.4);
}
.background-active--40--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.4) !important;
}

.background-active--50 {
  background-color: rgba(var(--root_color-active--rgb), 0.5);
}
.background-active--50--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.5) !important;
}

.background-active--60 {
  background-color: rgba(var(--root_color-active--rgb), 0.6);
}
.background-active--60--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.6) !important;
}

.background-active--70 {
  background-color: rgba(var(--root_color-active--rgb), 0.7);
}
.background-active--70--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.7) !important;
}

.background-active--80 {
  background-color: rgba(var(--root_color-active--rgb), 0.8);
}
.background-active--80--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.8) !important;
}

.background-active--90 {
  background-color: rgba(var(--root_color-active--rgb), 0.9);
}
.background-active--90--hover:hover {
  background-color: rgba(var(--root_color-active--rgb), 0.9) !important;
}

.ehr_elevation-1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.ehr_elevation-24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

ehr_flex, .ehr_flex {
  display: flex;
}
ehr_flex.ehr_flex_inline, .ehr_flex.ehr_flex_inline {
  display: inline-flex;
}
ehr_flex.ehr_flex_row, .ehr_flex.ehr_flex_row {
  flex-direction: row;
}
ehr_flex.ehr_flex_column, .ehr_flex.ehr_flex_column {
  flex-direction: column;
}
ehr_flex.ehr_flex_wrap, .ehr_flex.ehr_flex_wrap {
  flex-wrap: wrap;
}
ehr_flex.ehr_flex_justify-content-start, .ehr_flex.ehr_flex_justify-content-start {
  justify-content: flex-start;
}
ehr_flex.ehr_flex_justify-content-center, .ehr_flex.ehr_flex_justify-content-center {
  justify-content: center;
}
ehr_flex.ehr_flex_justify-content-end, .ehr_flex.ehr_flex_justify-content-end {
  justify-content: flex-end;
}
ehr_flex.ehr_flex_justify-content-space-around, .ehr_flex.ehr_flex_justify-content-space-around {
  justify-content: space-around;
}
ehr_flex.ehr_flex_justify-content-space-between, .ehr_flex.ehr_flex_justify-content-space-between {
  justify-content: space-between;
}
ehr_flex.ehr_flex_justify-content-space-evenly, .ehr_flex.ehr_flex_justify-content-space-evenly {
  justify-content: space-evenly;
}
ehr_flex.ehr_flex_align-content-start, .ehr_flex.ehr_flex_align-content-start {
  align-content: flex-start;
}
ehr_flex.ehr_flex_align-content-end, .ehr_flex.ehr_flex_align-content-end {
  align-content: flex-end;
}
ehr_flex.ehr_flex_align-content-center, .ehr_flex.ehr_flex_align-content-center {
  align-content: center;
}
ehr_flex.ehr_flex_align-content-around, .ehr_flex.ehr_flex_align-content-around {
  align-content: space-around;
}
ehr_flex.ehr_flex_align-content-between, .ehr_flex.ehr_flex_align-content-between {
  align-content: space-between;
}
ehr_flex.ehr_flex_align-content-evenly, .ehr_flex.ehr_flex_align-content-evenly {
  align-content: space-evenly;
}
ehr_flex.ehr_flex_justify-items-start, .ehr_flex.ehr_flex_justify-items-start {
  justify-items: flex-start;
}
ehr_flex.ehr_flex_justify-items-center, .ehr_flex.ehr_flex_justify-items-center {
  justify-items: center;
}
ehr_flex.ehr_flex_justify-items-end, .ehr_flex.ehr_flex_justify-items-end {
  justify-items: flex-end;
}
ehr_flex.ehr_flex_align-items-start, .ehr_flex.ehr_flex_align-items-start {
  align-items: flex-start;
}
ehr_flex.ehr_flex_align-items-center, .ehr_flex.ehr_flex_align-items-center {
  align-items: center;
}
ehr_flex.ehr_flex_align-items-end, .ehr_flex.ehr_flex_align-items-end {
  align-items: flex-end;
}
ehr_flex.ehr_flex_align-items-stretch, .ehr_flex.ehr_flex_align-items-stretch {
  align-items: stretch;
}
ehr_flex.ehr_flex_align-items-baseline, .ehr_flex.ehr_flex_align-items-baseline {
  align-items: baseline;
}
ehr_flex.ehr_flex_gap-s, .ehr_flex.ehr_flex_gap-s {
  gap: 0.25rem;
}
ehr_flex.ehr_flex_row-gap-s, .ehr_flex.ehr_flex_row-gap-s {
  row-gap: 0.25rem;
}
ehr_flex.ehr_flex_column-gap-s, .ehr_flex.ehr_flex_column-gap-s {
  column-gap: 0.25rem;
}
ehr_flex.ehr_flex_gap-m, .ehr_flex.ehr_flex_gap-m {
  gap: 0.5rem;
}
ehr_flex.ehr_flex_row-gap-m, .ehr_flex.ehr_flex_row-gap-m {
  row-gap: 0.5rem;
}
ehr_flex.ehr_flex_column-gap-m, .ehr_flex.ehr_flex_column-gap-m {
  column-gap: 0.5rem;
}
ehr_flex.ehr_flex_gap-l, .ehr_flex.ehr_flex_gap-l {
  gap: 1rem;
}
ehr_flex.ehr_flex_row-gap-l, .ehr_flex.ehr_flex_row-gap-l {
  row-gap: 1rem;
}
ehr_flex.ehr_flex_column-gap-l, .ehr_flex.ehr_flex_column-gap-l {
  column-gap: 1rem;
}
ehr_flex ehr_flex_item, ehr_flex .ehr_flex_item, .ehr_flex ehr_flex_item, .ehr_flex .ehr_flex_item {
  display: block;
  flex: 0 0 auto;
}
ehr_flex ehr_flex_item.ehr_flex_pre-order, ehr_flex .ehr_flex_item.ehr_flex_pre-order, .ehr_flex ehr_flex_item.ehr_flex_pre-order, .ehr_flex .ehr_flex_item.ehr_flex_pre-order {
  order: -1;
}
ehr_flex ehr_flex_item.ehr_flex_post-order, ehr_flex .ehr_flex_item.ehr_flex_post-order, .ehr_flex ehr_flex_item.ehr_flex_post-order, .ehr_flex .ehr_flex_item.ehr_flex_post-order {
  order: 1;
}
ehr_flex ehr_flex_item.ehr_flex_shrink, ehr_flex .ehr_flex_item.ehr_flex_shrink, .ehr_flex ehr_flex_item.ehr_flex_shrink, .ehr_flex .ehr_flex_item.ehr_flex_shrink {
  flex-shrink: 1;
}
ehr_flex ehr_flex_item.ehr_flex_grow, ehr_flex .ehr_flex_item.ehr_flex_grow, .ehr_flex ehr_flex_item.ehr_flex_grow, .ehr_flex .ehr_flex_item.ehr_flex_grow {
  flex-grow: 1;
}
ehr_flex ehr_flex_item.ehr_flex_auto, ehr_flex .ehr_flex_item.ehr_flex_auto, .ehr_flex ehr_flex_item.ehr_flex_auto, .ehr_flex .ehr_flex_item.ehr_flex_auto {
  flex: 0 0 auto;
}
ehr_flex ehr_flex_item.ehr_flex_justify-self-start, ehr_flex .ehr_flex_item.ehr_flex_justify-self-start, .ehr_flex ehr_flex_item.ehr_flex_justify-self-start, .ehr_flex .ehr_flex_item.ehr_flex_justify-self-start {
  justify-self: flex-start;
}
ehr_flex ehr_flex_item.ehr_flex_justify-self-center, ehr_flex .ehr_flex_item.ehr_flex_justify-self-center, .ehr_flex ehr_flex_item.ehr_flex_justify-self-center, .ehr_flex .ehr_flex_item.ehr_flex_justify-self-center {
  justify-self: center;
}
ehr_flex ehr_flex_item.ehr_flex_justify-self-end, ehr_flex .ehr_flex_item.ehr_flex_justify-self-end, .ehr_flex ehr_flex_item.ehr_flex_justify-self-end, .ehr_flex .ehr_flex_item.ehr_flex_justify-self-end {
  justify-self: flex-end;
}
ehr_flex ehr_flex_item.ehr_flex_justify-self-stretch, ehr_flex .ehr_flex_item.ehr_flex_justify-self-stretch, .ehr_flex ehr_flex_item.ehr_flex_justify-self-stretch, .ehr_flex .ehr_flex_item.ehr_flex_justify-self-stretch {
  justify-self: stretch;
}
ehr_flex ehr_flex_item.ehr_flex_justify-self-baseline, ehr_flex .ehr_flex_item.ehr_flex_justify-self-baseline, .ehr_flex ehr_flex_item.ehr_flex_justify-self-baseline, .ehr_flex .ehr_flex_item.ehr_flex_justify-self-baseline {
  justify-self: baseline;
}
ehr_flex ehr_flex_item.ehr_flex_align-self-start, ehr_flex .ehr_flex_item.ehr_flex_align-self-start, .ehr_flex ehr_flex_item.ehr_flex_align-self-start, .ehr_flex .ehr_flex_item.ehr_flex_align-self-start {
  align-self: flex-start;
}
ehr_flex ehr_flex_item.ehr_flex_align-self-center, ehr_flex .ehr_flex_item.ehr_flex_align-self-center, .ehr_flex ehr_flex_item.ehr_flex_align-self-center, .ehr_flex .ehr_flex_item.ehr_flex_align-self-center {
  align-self: center;
}
ehr_flex ehr_flex_item.ehr_flex_align-self-end, ehr_flex .ehr_flex_item.ehr_flex_align-self-end, .ehr_flex ehr_flex_item.ehr_flex_align-self-end, .ehr_flex .ehr_flex_item.ehr_flex_align-self-end {
  align-self: flex-end;
}
ehr_flex ehr_flex_item.ehr_flex_align-self-stretch, ehr_flex .ehr_flex_item.ehr_flex_align-self-stretch, .ehr_flex ehr_flex_item.ehr_flex_align-self-stretch, .ehr_flex .ehr_flex_item.ehr_flex_align-self-stretch {
  align-self: stretch;
}
ehr_flex ehr_flex_item.ehr_flex_align-self-baseline, ehr_flex .ehr_flex_item.ehr_flex_align-self-baseline, .ehr_flex ehr_flex_item.ehr_flex_align-self-baseline, .ehr_flex .ehr_flex_item.ehr_flex_align-self-baseline {
  align-items: baseline;
}

.ehr_text_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ehr_text_no-wrap {
  white-space: nowrap;
}
.ehr_text_left {
  text-align: left;
}
.ehr_text_center {
  text-align: center;
}
.ehr_text_right {
  text-align: right;
}
.ehr_text_bold {
  font-weight: bold;
}
.ehr_text_italic {
  font-style: italic;
}
.ehr_text_no-lineheight {
  line-height: 0;
}
.ehr_text_mute {
  color: var(--root_color-mute);
}

/* Blazor */
#blazor-error-ui {
  display: none;
}
#blazor-error-ui .display {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  border-top: 1px solid var(--root_color-border);
  background: var(--root_color-warning);
  padding: 0.5rem;
}
#blazor-error-ui .display .dismiss {
  margin-left: auto;
  cursor: pointer;
}

ehr-blazor-loading {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;
}
ehr-blazor-loading ehr-blazor-loading_progress {
  display: block;
  width: 100%;
  height: 1.5rem;
  border: 1px solid var(--root_color-border);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  background: linear-gradient(0.25turn, var(--root_color-active) 30%, transparent 30%);
}

.ehr-line-through {
  position: relative;
  text-align: center;
}
.ehr-line-through::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 0.0625rem;
  background: var(--root_color-border);
}
.ehr-line-through > * {
  position: relative;
  padding: 0.5rem;
  background: var(--root_color-background);
}

@font-face {
  font-family: "Icon Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/icon-outlined.woff2") format("woff2");
}
@font-face {
  font-family: "Icon Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/icon-rounded.woff2") format("woff2");
}
@font-face {
  font-family: "Icon Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("../fonts/icon-sharp.woff2") format("woff2");
}
ehr-icon, .layout > .header > .flyout > .navigation .link.has-subLinks::after {
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  user-select: none;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
ehr-icon.ehr-icon_outlined, .layout > .header > .flyout > .navigation .ehr-icon_outlined.link.has-subLinks::after {
  font-family: "Icon Outlined";
}
ehr-icon.ehr-icon_rounded, .layout > .header > .flyout > .navigation .link.has-subLinks::after {
  font-family: "Icon Rounded";
}
ehr-icon.ehr-icon_sharp, .layout > .header > .flyout > .navigation .ehr-icon_sharp.link.has-subLinks::after {
  font-family: "Icon Sharp";
}
ehr-icon.ehr-icon_clickable, .layout > .header > .flyout > .navigation .ehr-icon_clickable.link.has-subLinks::after {
  cursor: pointer;
}

ehr-expandable {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: block;
}
ehr-expandable[disabled] ehr-expandable-header {
  color: var(--root_color-text-disabled);
}
ehr-expandable:not([disabled]) ehr-expandable-header:hover .ehr-expandable-arrow {
  opacity: 1;
}
ehr-expandable[ehr-open] ehr-expandable-header.ehr-border {
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-expandable[ehr-open] ehr-expandable-header .ehr-expandable-arrow {
  transform: rotate(-180deg);
}
ehr-expandable[ehr-open] ehr-expandable-content {
  display: block;
}
ehr-expandable ehr-expandable-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25rem 0.5rem;
  height: 2.375rem;
}
ehr-expandable ehr-expandable-header ehr-expandable-title {
  flex: 1 1 auto;
}
ehr-expandable ehr-expandable-header .ehr-expandable-arrow {
  flex: 0 0 auto;
  opacity: 0.5;
  transition: opacity 0.25s, transform 0.25s;
}
ehr-expandable ehr-expandable-content {
  display: none;
  overflow: auto;
  padding: 0.5rem;
}

ehr-grid {
  --ehr-grid_width: 0;
  --ehr-grid_row-height: 0;
  --ehr-grid_row-background: var(--root_color-active);
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
ehr-grid ehr-grid_resize-visual {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.1875rem;
  cursor: col-resize;
  background: rgba(var(--root_color-active--rgb), 0.5);
  pointer-events: none;
}
ehr-grid ehr-grid_layout {
  display: grid;
  grid-auto-rows: max-content;
  align-items: stretch;
  background: var(--root_color-background);
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-anchor: none;
}
ehr-grid ehr-grid_layout ehr-grid_virtualize-spacer {
  grid-column: 1/-1;
}
ehr-grid ehr-grid_layout ehr-treeview {
  background: var(--root_color-background);
}
ehr-grid ehr-grid_layout ehr-grid_row {
  display: contents;
  background: var(--root_color-background);
}
ehr-grid ehr-grid_layout ehr-grid_row:hover {
  background: color-mix(in srgb, #fff 100%, var(--ehr-grid_row-background, --root_color-active) 15%);
}
ehr-grid ehr-grid_layout ehr-grid_row[selected] {
  background: color-mix(in srgb, #fff 100%, var(--ehr-grid_row-background, --root_color-active) 35%);
}
ehr-grid ehr-grid_layout ehr-grid_row[selected]:hover {
  background: color-mix(in srgb, #fff 100%, var(--ehr-grid_row-background, --root_color-active) 50%);
}
ehr-grid ehr-grid_layout ehr-grid_corner-cell {
  position: sticky;
  left: 0;
  background: var(--root_color-background);
  align-content: center;
  border-right: 0.0625rem solid var(--root_color-border);
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-grid ehr-grid_layout ehr-grid_cell, ehr-grid ehr-grid_layout ehr-grid_header, ehr-grid ehr-grid_layout ehr-grid_footer, ehr-grid ehr-grid_layout ehr-grid_group-header, ehr-grid ehr-grid_layout ehr-grid_group-footer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  height: var(--ehr-grid_row-height);
  padding: 0 0.25rem;
  border-right: 0.0625rem solid var(--root_color-border);
  background: inherit;
}
ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_sticky {
  position: sticky;
}
ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_align-left, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_align-left, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_align-left, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_align-left, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_align-left {
  justify-content: start;
}
ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_align-center, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_align-center, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_align-center, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_align-center, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_align-center {
  justify-content: center;
}
ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_align-right, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_align-right, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_align-right, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_align-right, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_align-right {
  justify-content: end;
}
ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_empty, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_empty, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_empty, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_empty, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_empty {
  border-right: none;
}
ehr-grid ehr-grid_layout ehr-grid_group-header, ehr-grid ehr-grid_layout ehr-grid_group-footer {
  gap: 0.25rem;
  justify-self: start;
  position: sticky;
  width: auto;
  border: none;
  background: var(--root_color-background);
}
ehr-grid ehr-grid_layout ehr-grid_header, ehr-grid ehr-grid_layout ehr-grid_footer {
  position: sticky;
  font-weight: bold;
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-grid ehr-grid_layout ehr-grid-record-seperator {
  position: sticky;
  height: 0.0625rem;
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-grid ehr-grid_layout ehr-grid_section-seperator {
  grid-column: 1/-1;
  position: sticky;
  height: 0.125rem;
  background: var(--root_color-border);
  image-rendering: pixelated;
}

ehr-grid ehr-grid_layout ehr-grid_header ehr-grid_header-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
ehr-grid ehr-grid_layout ehr-grid_header ehr-grid_header-action {
  flex: 0 0 1.25rem;
  overflow: hidden;
  margin-right: 0.25rem;
}
ehr-grid ehr-grid_layout ehr-grid_header ehr-grid_header-resize {
  position: absolute;
  display: block;
  right: 0;
  width: 0.1875rem;
  height: 100%;
  cursor: col-resize;
  background: var(--root_color-border);
}
ehr-grid ehr-grid_layout ehr-grid_header ehr-grid_header-resize:hover {
  background: var(--root_color-active);
}

ehr-grid ehr-grid_layout ehr-grid_cell.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_sticky {
  z-index: 10;
}
ehr-grid ehr-grid_layout ehr-treeview.ehr-grid_sticky {
  z-index: 20;
}
ehr-grid ehr-grid_layout ehr-grid_group-header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_group-footer.ehr-grid_sticky {
  z-index: 30;
}
ehr-grid ehr-grid_layout ehr-grid_header, ehr-grid ehr-grid_layout ehr-grid_footer, ehr-grid ehr-grid_layout ehr-grid_section-seperator {
  z-index: 40;
}
ehr-grid ehr-grid_layout ehr-grid_header.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_footer.ehr-grid_sticky, ehr-grid ehr-grid_layout ehr-grid_section-seperator.ehr-grid_sticky {
  z-index: 50;
}
ehr-grid ehr-grid_layout ehr-grid_corner-cell {
  z-index: 60;
}
ehr-grid ehr-grid_resize-visual {
  z-index: 70;
}

ehr-treeview {
  --treeview-color: rgb(61.4014778325, 65.8325123153, 67.0985221675);
  position: relative;
  display: block;
  width: 1.25rem;
  min-height: 1rem;
  flex: 0 0 auto;
}
ehr-treeview.ehr-treeview_sticky {
  position: sticky;
}
ehr-treeview.ehr-treeview_child::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.5px;
  bottom: 0;
  border-left: 0.0625rem dotted var(--treeview-color);
}
ehr-treeview.ehr-treeview_child::after {
  content: "";
  position: absolute;
  left: 0.75rem;
  right: 0;
  top: calc(50% - 0.5px);
  bottom: 50%;
  border-bottom: 0.0625rem dotted var(--treeview-color);
}
ehr-treeview.ehr-treeview_run::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.5px;
  bottom: 0;
  width: 0.0625rem;
  border-left: 0.0625rem dotted var(--treeview-color);
}
ehr-treeview.ehr-treeview_leaf::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.5px;
  bottom: 50%;
  border-left: 0.0625rem dotted var(--treeview-color);
}
ehr-treeview.ehr-treeview_leaf::after {
  content: "";
  position: absolute;
  left: 0.75rem;
  right: 0;
  top: calc(50% - 0.0625rem);
  bottom: 50%;
  border-bottom: 0.0625rem dotted var(--treeview-color);
}

ehr-console {
  position: relative;
  color: #c0c0c0;
  background: #000;
  padding: 0.5rem;
}
ehr-console ehr-console_collapse, ehr-console ehr-console_clear {
  position: absolute;
  top: 0.375rem;
  cursor: pointer;
}
ehr-console ehr-console_collapse::after, ehr-console ehr-console_clear::after {
  font-family: "Icon Rounded";
  font-size: 1.25rem;
}
ehr-console ehr-console_clear {
  right: 0.5rem;
}
ehr-console ehr-console_clear:hover::after {
  color: var(--root_color-danger);
}
ehr-console ehr-console_clear::after {
  content: "cancel";
}
ehr-console ehr-console_collapse {
  right: 2.25rem;
}
ehr-console ehr-console_collapse:hover::after {
  color: var(--root_color-active);
}
ehr-console ehr-console_collapse.ehr-console_expand-icon::after {
  content: "keyboard_arrow_down";
}
ehr-console ehr-console_collapse.ehr-console_collapse-icon::after {
  content: "keyboard_arrow_up";
}
ehr-console ehr-console_content {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-family: monospace;
  overflow: auto;
  width: 100%;
  height: 100%;
}
ehr-console .ehr-console_gray {
  color: #c0c0c0;
}
ehr-console .ehr-console_white {
  color: #ffffff;
}
ehr-console .ehr-console_red {
  color: #ff0000;
}
ehr-console .ehr-console_green {
  color: #00ff00;
}
ehr-console .ehr-console_yellow {
  color: #ffff00;
}
ehr-console .ehr-console_blue {
  color: #0000ff;
}
ehr-console .ehr-console_magenta {
  color: #ff00ff;
}
ehr-console .ehr-console_cyan {
  color: #00ffff;
}
ehr-console .ehr-console_dark-red {
  color: #800000;
}
ehr-console .ehr-console_dark-green {
  color: #008000;
}
ehr-console .ehr-console_dark-yellow {
  color: #808000;
}
ehr-console .ehr-console_dark-blue {
  color: #000080;
}
ehr-console .ehr-console_dark-magenta {
  color: #800080;
}
ehr-console .ehr-console_dark-cyan {
  color: #008080;
}

ehr-dragdrop_empty {
  display: none;
}

ehr-dragdrop_drag-image, ehr-dragdrop_drop-image, .ehr-dragdrop_drag-image {
  pointer-events: none;
  display: none;
  will-change: transform;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 500;
}

.ehr-dragdrop_hidden {
  display: none !important;
}

ehr-card, .layout > .header > .tray > .menu > .dropdown, ehr-messagebox {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  background: var(--root_color-background);
  max-height: 100%;
}
ehr-card > *, .layout > .header > .tray > .menu > .dropdown > *, ehr-messagebox > * {
  padding: 0.5rem;
  white-space: nowrap;
}
ehr-card > ehr-card_header, .layout > .header > .tray > .menu > .dropdown > ehr-card_header, .layout > .header > .tray > .menu > .dropdown > .header, ehr-messagebox ehr-card > ehr-messagebox_header, ehr-messagebox .layout > .header > .tray > .menu > .dropdown > ehr-messagebox_header, ehr-messagebox > ehr-card_header, ehr-messagebox > ehr-messagebox_header {
  flex: 0 0 auto;
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-card > ehr-card_body, .layout > .header > .tray > .menu > .dropdown > ehr-card_body, ehr-messagebox ehr-card > ehr-messagebox_body, ehr-messagebox .layout > .header > .tray > .menu > .dropdown > ehr-messagebox_body, ehr-messagebox > ehr-card_body, ehr-messagebox > ehr-messagebox_body {
  flex: 1 1 auto;
  overflow-y: auto;
}
ehr-card > ehr-card_footer, .layout > .header > .tray > .menu > .dropdown > ehr-card_footer, .layout > .header > .tray > .menu > .dropdown > .footer, ehr-messagebox ehr-card > ehr-messagebox_footer, ehr-messagebox .layout > .header > .tray > .menu > .dropdown > ehr-messagebox_footer, ehr-messagebox > ehr-card_footer, ehr-messagebox > ehr-messagebox_footer {
  flex: 0 0 auto;
  border-top: 0.0625rem solid var(--root_color-border);
}

ehr-filter {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.5rem;
  min-width: 20rem;
}
ehr-filter ehr-filter_group {
  border: 0.0625rem solid var(--root_color-border);
  border-left: 0.125rem solid var(--root_color-active);
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  padding: 0.5rem;
}

.ehr-input, ehr-input-upload, input[type=text], input[type=password], textarea, input[type=checkbox].ehr-input-switch, select, input[type=radio], ehr-input-list, ehr-input-dropdown, input[type=checkbox].ehr-input-checkbox, ehr-input-button-group, button, .ehr-input-button, label.ehr-input-label, ehr-input-group {
  font-size: 1rem;
  outline: 0 solid rgba(var(--root_color-active--rgb), 0.5);
  outline-offset: 0.125rem;
  transition: outline 0.125s, color 0.125s, border 0.125s, background 0.125s;
}
.ehr-input:focus-visible, ehr-input-upload:focus-visible, input[type=text]:focus-visible, input[type=password]:focus-visible, textarea:focus-visible, input[type=checkbox].ehr-input-switch:focus-visible, select:focus-visible, input[type=radio]:focus-visible, ehr-input-list:focus-visible, ehr-input-dropdown:focus-visible, input[type=checkbox].ehr-input-checkbox:focus-visible, ehr-input-button-group:focus-visible, button:focus-visible, .ehr-input-button:focus-visible, label.ehr-input-label:focus-visible, ehr-input-group:focus-visible {
  outline-width: 0.125rem;
  z-index: 1;
}
.ehr-input[disabled], ehr-input-upload[disabled], input[disabled][type=text], input[disabled][type=password], textarea[disabled], input[disabled][type=checkbox].ehr-input-switch, select[disabled], input[disabled][type=radio], ehr-input-list[disabled], ehr-input-dropdown[disabled], input[disabled][type=checkbox].ehr-input-checkbox, ehr-input-button-group[disabled], button[disabled], [disabled].ehr-input-button, label[disabled].ehr-input-label, ehr-input-group[disabled] {
  color: var(--root_color-text-disabled);
  background: var(--root_color-disabled);
}
.ehr-input:not([disabled]):hover, ehr-input-upload:not([disabled]):hover, input[type=text]:not([disabled]):hover, input[type=password]:not([disabled]):hover, textarea:not([disabled]):hover, input[type=checkbox].ehr-input-switch:not([disabled]):hover, select:not([disabled]):hover, input[type=radio]:not([disabled]):hover, ehr-input-list:not([disabled]):hover, ehr-input-dropdown:not([disabled]):hover, input[type=checkbox].ehr-input-checkbox:not([disabled]):hover, ehr-input-button-group:not([disabled]):hover, button:not([disabled]):hover, .ehr-input-button:not([disabled]):hover, label.ehr-input-label:not([disabled]):hover, ehr-input-group:not([disabled]):hover {
  border-color: var(--root_color-active);
}

ehr-input-container {
  all: unset;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  appearance: none;
  display: block;
  position: relative;
  padding: 0.5rem;
  transition: color 0.125s, background 0.125s;
}
ehr-input-container::placeholder, ehr-input-container::-webkit-outer-spin-button, ehr-input-container::-webkit-inner-spin-button, ehr-input-container::-webkit-search-decoration, ehr-input-container::-webkit-search-cancel-button, ehr-input-container::-webkit-search-results-button, ehr-input-container::-webkit-search-results-decoration {
  opacity: 0;
  display: none;
  appearance: none;
  color: transparent;
}
ehr-input-container.ehr-input_contained, ehr-input-group ehr-input-group_content > ehr-input-container {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
ehr-input-container[disabled] {
  color: var(--root_color-text-disabled);
  background: var(--root_color-disabled);
}
ehr-input-container ehr-input-container_title {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 0.5rem;
  transform: translate(-50%, calc(-100% + 0.5rem));
  background: inherit;
}
ehr-input-container ehr-input-container_title::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 0.5rem);
  border: 0 solid var(--root_color-border);
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
ehr-input-container ehr-input-container_title.ehr-input-container_title-left {
  left: 1rem;
  right: auto;
  transform: translateY(calc(-100% + 0.5rem));
}
ehr-input-container ehr-input-container_title.ehr-input-container_title-right {
  left: auto;
  right: 1rem;
  transform: translateY(calc(-100% + 0.5rem));
}

ehr-input-group {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  height: 2.25rem;
  overflow: hidden;
  padding: 0;
}
ehr-input-group.ehr-input-group_no-border ehr-input-group_content {
  border: none;
}
ehr-input-group.ehr-input-group_no-padding ehr-input-group_content {
  padding: 0;
}
ehr-input-group ehr-input-group_content {
  flex: 0 0 auto;
  display: block;
  align-content: center;
  border: 0 solid var(--root_color-border);
  border-right-width: 0.0625rem;
  padding: 0 0.5rem;
}
ehr-input-group ehr-input-group_content:last-of-type {
  border-right-width: 0;
}
ehr-input-group ehr-input-group_content.ehr-input-group_content_grow {
  flex: 1 1 auto;
}
ehr-input-group ehr-input-group_content.ehr-input-group_content_no-border {
  border: none;
}
ehr-input-group ehr-input-group_content.ehr-input-group_content_no-padding {
  padding: 0;
}

label.ehr-input-label {
  display: inline-flex;
  align-items: center;
  column-gap: 0.25rem;
  white-space: nowrap;
  user-select: none;
  border: none;
  border-radius: 0;
}
label.ehr-input-label.ehr-input-label_right-justified {
  justify-content: end;
}
label.ehr-input-label.ehr-input-label_right-justified input {
  order: 1;
}
label.ehr-input-label input {
  order: -1;
  flex: 0 0 auto;
}

ehr-input-title {
  display: block;
}
ehr-input-title ehr-input-title_label {
  display: block;
  cursor: default;
  padding-bottom: 0.25rem;
}

button, .ehr-input-button {
  --ehr-input-button_scale: 1;
  --ehr-input-button_color: transparent;
  --ehr-input-button_border-color: transparent;
  --ehr-input-button_background-color: transparent;
  --ehr-input-button_state-color: var(--root_color-active);
  display: inline-flex;
  align-items: center;
  justify-content: safe center;
  gap: calc(0.25rem * var(--ehr-input-button_scale));
  font-size: calc(var(--ehr-input-button_scale) * 1rem);
  height: calc(2.25rem * var(--ehr-input-button_scale));
  padding: calc(0.5rem * var(--ehr-input-button_scale));
  border-radius: 0.25rem;
  min-width: calc(7rem * var(--ehr-input-button_scale));
  vertical-align: middle;
  color: var(--ehr-input-button_color);
  border: 0.0625rem solid var(--ehr-input-button_border-color);
  background: var(--ehr-input-button_background-color);
}
button.ehr-input_contained, ehr-input-group ehr-input-group_content > button, .ehr-input-button.ehr-input_contained, ehr-input-group ehr-input-group_content > .ehr-input-button {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
button.ehr-input_contained:focus-visible, ehr-input-group ehr-input-group_content > button:focus-visible, .ehr-input-button.ehr-input_contained:focus-visible, ehr-input-group ehr-input-group_content > .ehr-input-button:focus-visible {
  outline: 0.125rem solid color-mix(in srgb, #fff 100%, var(--root_color-active) 50%);
  z-index: 1;
}
button.ehr-input-button_compact, .ehr-input-button.ehr-input-button_compact {
  min-width: auto;
}
button:not([disabled]), .ehr-input-button:not([disabled]) {
  cursor: pointer;
}
button:not([disabled]):hover, .ehr-input-button:not([disabled]):hover {
  --ehr-input-button_state-color: color-mix(in srgb, #000 20%, var(--root_color-active) 100%);
}
button:not([disabled]):active, .ehr-input-button:not([disabled]):active {
  --ehr-input-button_state-color: color-mix(in srgb, #fff 20%, var(--root_color-active) 100%);
}
button:not([ehr-input-button_style]), .ehr-input-button:not([ehr-input-button_style]) {
  --ehr-input-button_color: var(--root_color-disabled-text);
  --ehr-input-button_border-color: var(--root_color-border);
  --ehr-input-button_background-color: var(--root_color-disabled);
}
button:not([ehr-input-button_style]):not([disabled]), .ehr-input-button:not([ehr-input-button_style]):not([disabled]) {
  --ehr-input-button_color: var(--root_color-light);
  --ehr-input-button_border-color: var(--root_color-active);
  --ehr-input-button_background-color: var(--root_color-active);
}
button:not([ehr-input-button_style]):not([disabled]):hover, .ehr-input-button:not([ehr-input-button_style]):not([disabled]):hover {
  --ehr-input-button_border-color: var(--ehr-input-button_state-color);
  --ehr-input-button_background-color: var(--ehr-input-button_state-color);
}
button:not([ehr-input-button_style]):not([disabled]):active, .ehr-input-button:not([ehr-input-button_style]):not([disabled]):active {
  --ehr-input-button_border-color: var(--ehr-input-button_state-color);
  --ehr-input-button_background-color: var(--ehr-input-button_state-color);
}
button[ehr-input-button_style=outline], .ehr-input-button[ehr-input-button_style=outline] {
  --ehr-input-button_border-color: var(--root_color-border);
  --ehr-input-button_background-color: transparent;
}
button[ehr-input-button_style=outline]:not([disabled]), .ehr-input-button[ehr-input-button_style=outline]:not([disabled]) {
  --ehr-input-button_color: var(--root_color-active);
  --ehr-input-button_border-color: var(--root_color-active);
}
button[ehr-input-button_style=outline]:not([disabled]):hover, .ehr-input-button[ehr-input-button_style=outline]:not([disabled]):hover {
  --ehr-input-button_color: var(--root_color-light);
  --ehr-input-button_border-color: var(--ehr-input-button_state-color);
  --ehr-input-button_background-color: var(--ehr-input-button_state-color);
}
button[ehr-input-button_style=outline]:not([disabled]):active, .ehr-input-button[ehr-input-button_style=outline]:not([disabled]):active {
  --ehr-input-button_color: var(--root_color-light);
  --ehr-input-button_border-color: var(--ehr-input-button_state-color);
  --ehr-input-button_background-color: var(--ehr-input-button_state-color);
}
button[ehr-input-button_style=label], .ehr-input-button[ehr-input-button_style=label] {
  --ehr-input-button_border-color: transparent;
  --ehr-input-button_background-color: transparent;
  background: var(--ehr-input-button_background-color);
}
button[ehr-input-button_style=label]:not([disabled]), .ehr-input-button[ehr-input-button_style=label]:not([disabled]) {
  --ehr-input-button_color: var(--root_color-active);
}
button[ehr-input-button_style=label]:not([disabled]):hover, .ehr-input-button[ehr-input-button_style=label]:not([disabled]):hover {
  --ehr-input-button_color: var(--ehr-input-button_state-color);
  border-color: var(--ehr-input-button_border-color);
}
button[ehr-input-button_style=label]:not([disabled]):active, .ehr-input-button[ehr-input-button_style=label]:not([disabled]):active {
  --ehr-input-button_color: var(--ehr-input-button_state-color);
}
button ehr-icon, button .layout > .header > .flyout > .navigation .link.has-subLinks::after, .layout > .header > .flyout > .navigation button .link.has-subLinks::after, .ehr-input-button ehr-icon, .ehr-input-button .layout > .header > .flyout > .navigation .link.has-subLinks::after, .layout > .header > .flyout > .navigation .ehr-input-button .link.has-subLinks::after {
  flex: 0 0 auto;
  transition: color 0.25s;
  color: var(--ehr-input-button_color);
}
button ehr-spinner, .ehr-input-button ehr-spinner {
  flex: 0 0 auto;
  transition: border-color 0.25s;
  border-color: transparent var(--ehr-input-button_color);
}

ehr-input-button-group {
  display: inline-flex;
  justify-items: stretch;
  flex-direction: row;
  border: none;
}
ehr-input-button-group.ehr-input_contained, ehr-input-group ehr-input-group_content > ehr-input-button-group {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
ehr-input-button-group button {
  flex: 1 1 auto;
  border-radius: 0;
  outline-offset: 0;
}
ehr-input-button-group button:focus-visible {
  outline-width: 0.25rem;
}
ehr-input-button-group button:first-of-type {
  border-radius: 0.25rem 0 0 0.25rem;
}
ehr-input-button-group button:last-of-type {
  border-radius: 0 0.25rem 0.25rem 0;
}
ehr-input-button-group button:first-of-type:last-of-type {
  border-radius: 0.25rem;
}
ehr-input-button-group.ehr-input-button-group_vertical {
  flex-direction: column;
}
ehr-input-button-group.ehr-input-button-group_vertical button:first-of-type {
  border-radius: 0.25rem 0.25rem 0 0;
}
ehr-input-button-group.ehr-input-button-group_vertical button:last-of-type {
  border-radius: 0 0 0.25rem 0.25rem;
}

input[type=checkbox].ehr-input-checkbox {
  appearance: none;
  display: block;
  position: relative;
  width: 1rem;
  height: 1rem;
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  background: var(--root_color-background);
}
input[type=checkbox].ehr-input-checkbox::placeholder, input[type=checkbox].ehr-input-checkbox::-webkit-outer-spin-button, input[type=checkbox].ehr-input-checkbox::-webkit-inner-spin-button, input[type=checkbox].ehr-input-checkbox::-webkit-search-decoration, input[type=checkbox].ehr-input-checkbox::-webkit-search-cancel-button, input[type=checkbox].ehr-input-checkbox::-webkit-search-results-button, input[type=checkbox].ehr-input-checkbox::-webkit-search-results-decoration {
  opacity: 0;
  display: none;
  appearance: none;
  color: transparent;
}
input[type=checkbox].ehr-input-checkbox::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60%;
  border: 0 solid color-mix(in srgb, #000 50%, var(--root_color-active) 100%);
  transform: translate(-50%, -50%);
  transition: opacity 0.125s;
  opacity: 0;
}
input[type=checkbox].ehr-input-checkbox:checked::before {
  top: 43%;
  width: 35%;
  height: 65%;
  border-width: 0 0.1875rem 0.1875rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0.5;
}
input[type=checkbox].ehr-input-checkbox[indeterminate]::before {
  top: 50%;
  border-width: 0 0 0.125rem 0;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
input[type=checkbox].ehr-input-checkbox:not([disabled]) {
  cursor: pointer;
}
input[type=checkbox].ehr-input-checkbox:not([disabled]):checked::before, input[type=checkbox].ehr-input-checkbox:not([disabled])[indeterminate]::before {
  opacity: 1;
}

ehr-input-dropdown {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: inline-flex;
  flex-direction: row;
  height: 2.25rem;
  width: 100%;
}
ehr-input-dropdown.ehr-input_contained, ehr-input-group ehr-input-group_content > ehr-input-dropdown {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
ehr-input-dropdown.ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > ehr-input-dropdown:not([disabled]):hover {
  background: rgba(var(--root_color-active--rgb), 0.1);
}
ehr-input-dropdown[ehr-input-dropdown_open][ehr-modal_placement=top] {
  border-radius: 0 0 0.25rem 0.25rem;
}
ehr-input-dropdown[ehr-input-dropdown_open][ehr-modal_placement=bottom] {
  border-radius: 0.25rem 0.25rem 0 0;
}
ehr-input-dropdown ehr-input-dropdown_content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  align-content: center;
  padding: 0 0.5rem;
}
ehr-input-dropdown ehr-input-dropdown_button {
  flex: 0 0 auto;
  align-content: center;
  border-left: 0.0625rem solid var(--root_color-border);
}
ehr-input-dropdown:not([disabled]) ehr-input-dropdown_button {
  cursor: pointer;
}

ehr-modal[ehr-input-dropdown_modal] {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 50%;
}
ehr-modal[ehr-input-dropdown_modal] ehr-input-dropdown_modal-search {
  display: block;
  height: 2.375rem;
  border-bottom: 0.125rem solid var(--root_color-border);
}

ehr-input-list {
  --ehr-input-list_item-background: var(--root_color-active);
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: block;
  overflow: auto;
  height: 10rem;
}
ehr-input-list.ehr-input_contained, ehr-input-group ehr-input-group_content > ehr-input-list {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
}
ehr-input-list:not(:disabled, [disabled]) ehr-input-list_item:not(.ehr-input-list_item-unselectable):hover {
  background: color-mix(in srgb, #fff 100%, var(--ehr-input-list_item-background, --root_color-active) 15%);
}
ehr-input-list:not(:disabled, [disabled]) ehr-input-list_item:not(.ehr-input-list_item-unselectable)[selected] {
  background: color-mix(in srgb, #fff 100%, var(--ehr-input-list_item-background, --root_color-active) 35%);
}
ehr-input-list:not(:disabled, [disabled]) ehr-input-list_item:not(.ehr-input-list_item-unselectable)[selected]:hover {
  background: color-mix(in srgb, #fff 100%, var(--ehr-input-list_item-background, --root_color-active) 50%);
}
ehr-input-list ehr-input-list_block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
ehr-input-list ehr-input-list_item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  border-bottom: 0.0625rem solid var(--root_color-border);
  padding: 0.25rem;
  cursor: default;
}
ehr-input-list ehr-input-list_item[selected] {
  background: rgba(var(--root_color-active--rgb), var(--root_transparency-background--select));
}
ehr-input-list.ehr-input-list_virtualize {
  --ehr-input-list_item-height: 0;
  overflow-anchor: none;
}
ehr-input-list.ehr-input-list_virtualize ehr-input-list_item {
  flex: 0 0 calc(var(--ehr-input-list_item-height) * 1px);
  align-content: center;
  background: var(--root_color-background);
}

input[type=radio] {
  appearance: none;
  display: block;
  position: relative;
  width: 1rem;
  height: 1rem;
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 50%;
  background: var(--root_color-background);
}
input[type=radio]::placeholder, input[type=radio]::-webkit-outer-spin-button, input[type=radio]::-webkit-inner-spin-button, input[type=radio]::-webkit-search-decoration, input[type=radio]::-webkit-search-cancel-button, input[type=radio]::-webkit-search-results-button, input[type=radio]::-webkit-search-results-decoration {
  opacity: 0;
  display: none;
  appearance: none;
  color: transparent;
}
input[type=radio]::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: color-mix(in srgb, #000 50%, var(--root_color-active) 100%);
  border-radius: 50%;
  transition: opacity 0.125s;
  opacity: 0;
}
input[type=radio]:checked::before {
  opacity: 0.5;
}
input[type=radio]:not([disabled]) {
  cursor: pointer;
}
input[type=radio]:not([disabled]):checked::before {
  opacity: 1;
}

ehr-input-radio-group {
  display: flex;
  gap: 0.25rem;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
ehr-input-radio-group.ehr-input-radio-group_no-gap {
  gap: 0;
}
ehr-input-radio-group.ehr-input-radio-group_vertical {
  flex-direction: column;
  align-items: start;
}

select {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  appearance: auto;
  height: 2.25rem;
}
select.ehr-input_contained, ehr-input-group ehr-input-group_content > select {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
select.ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > select:not([disabled]):hover {
  background: rgba(var(--root_color-active--rgb), 0.1);
}
select.ehr-input-select_sized {
  height: auto;
}

input[type=checkbox].ehr-input-switch {
  appearance: none;
  display: block;
  position: relative;
  width: 2rem;
  height: 1rem;
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 1rem;
  background: var(--root_color-background);
}
input[type=checkbox].ehr-input-switch::placeholder, input[type=checkbox].ehr-input-switch::-webkit-outer-spin-button, input[type=checkbox].ehr-input-switch::-webkit-inner-spin-button, input[type=checkbox].ehr-input-switch::-webkit-search-decoration, input[type=checkbox].ehr-input-switch::-webkit-search-cancel-button, input[type=checkbox].ehr-input-switch::-webkit-search-results-button, input[type=checkbox].ehr-input-switch::-webkit-search-results-decoration {
  opacity: 0;
  display: none;
  appearance: none;
  color: transparent;
}
input[type=checkbox].ehr-input-switch::before {
  content: "";
  opacity: 0.5;
  display: block;
  position: absolute;
  transition: background 0.125s, opacity 0.25s, left 0.125s;
  width: 0.75rem;
  height: 0.75rem;
  left: 25%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--root_color-border);
  border-radius: 50%;
}
input[type=checkbox].ehr-input-switch:checked::before {
  left: 75%;
  background: var(--root_color-active);
}
input[type=checkbox].ehr-input-switch[indeterminate]::before {
  border-width: 0.0625rem 0;
  left: 50%;
  top: 50%;
}
input[type=checkbox].ehr-input-switch:not([disabled]) {
  cursor: pointer;
}
input[type=checkbox].ehr-input-switch:not([disabled])::before {
  opacity: 1;
}

textarea {
  appearance: none;
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  display: block;
  align-content: start;
  min-height: 2.25rem;
  width: 100%;
  padding: 0.5rem;
  resize: vertical;
}
textarea::placeholder, textarea::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button, textarea::-webkit-search-decoration, textarea::-webkit-search-cancel-button, textarea::-webkit-search-results-button, textarea::-webkit-search-results-decoration {
  opacity: 0;
  display: none;
  appearance: none;
  color: transparent;
}
textarea.ehr-input_contained, ehr-input-group ehr-input-group_content > textarea {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
textarea.ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > textarea:not([disabled]):hover {
  background: rgba(var(--root_color-active--rgb), 0.1);
}
textarea.ehr-input-textarea_fixed {
  resize: none;
}

input[type=text], input[type=password] {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  height: 2.25rem;
  padding: 0.25rem 0.5rem;
}
input[type=text].ehr-input_contained, ehr-input-group ehr-input-group_content > input[type=text], input[type=password].ehr-input_contained, ehr-input-group ehr-input-group_content > input[type=password] {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
input[type=text].ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > input[type=text]:not([disabled]):hover, input[type=password].ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > input[type=password]:not([disabled]):hover {
  background: rgba(var(--root_color-active--rgb), 0.1);
}
input[type=text]::placeholder, input[type=password]::placeholder {
  color: var(--root_color-placeholder);
}

ehr-input-upload {
  background: var(--root_color-background);
  border: 0.0625rem solid var(--root_color-border);
  border-radius: 0.25rem;
  width: 100%;
  overflow: hidden;
}
ehr-input-upload.ehr-input_contained, ehr-input-group ehr-input-group_content > ehr-input-upload {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  outline-offset: -0.125rem;
}
ehr-input-upload.ehr-input_contained:not([disabled]):hover, ehr-input-group ehr-input-group_content > ehr-input-upload:not([disabled]):hover {
  background: rgba(var(--root_color-active--rgb), 0.1);
}
ehr-input-upload input[type=file] {
  display: none;
}
ehr-input-upload:not([disabled]) ehr-input-upload_file .ehr-input-upload_file_icon {
  filter: none;
}
ehr-input-upload:not([disabled]) ehr-input-upload_file .ehr-input-upload_file_action {
  cursor: pointer;
}
ehr-input-upload:not([disabled]) ehr-input-upload_file .ehr-input-upload_file_action:hover {
  color: var(--root_color-disabled-text);
}

ehr-input-upload:not([ehr-multiple]) {
  display: inline-flex;
  flex-direction: row;
  height: 2.25rem;
}
ehr-input-upload:not([ehr-multiple]) ehr-input-upload_file {
  flex: 1 1 auto;
}

ehr-input-upload[ehr-multiple] {
  position: relative;
  height: 20rem;
  display: flex;
  flex-direction: column;
}
ehr-input-upload[ehr-multiple] ehr-input-upload_overall-status {
  display: block;
  height: 2rem;
  text-align: center;
  align-content: center;
  border-bottom: 0.1875rem solid var(--root_color-border);
}
ehr-input-upload[ehr-multiple]:not([disabled]):hover label.ehr-input-upload_multiple-browse {
  opacity: 1;
  left: calc(50% - 3.5rem);
  width: 7rem;
  height: 1.5rem;
  font-size: 0.75rem;
  transition: 0.125s;
  border-color: var(--root_color-active);
  cursor: pointer;
}
ehr-input-upload[ehr-multiple]:not([disabled]):hover label.ehr-input-upload_multiple-browse:hover {
  color: var(--root_color-light);
  background: var(--root_color-active);
}
ehr-input-upload[ehr-multiple]:not([disabled]) ehr-input-upload_files-wrapper ehr-input-upload_file:hover {
  background: color-mix(in srgb-linear, white 66%, var(--root_color-active));
}
ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active {
  border-color: var(--root_color-active);
}
ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active ehr-input-upload_multiple-empty {
  display: flex;
}
ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active ehr-input-upload_multiple-empty ehr-icon, ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active ehr-input-upload_multiple-empty .layout > .header > .flyout > .navigation .link.has-subLinks::after, .layout > .header > .flyout > .navigation ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active ehr-input-upload_multiple-empty .link.has-subLinks::after {
  color: rgba(var(--root_color-active--rgb), 0.5);
}
ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active label.ehr-input-upload_multiple-browse {
  display: none;
}
ehr-input-upload[ehr-multiple]:not([disabled]).ehr-dragdrop_active ehr-input-upload_files-wrapper {
  display: none;
}
ehr-input-upload[ehr-multiple][disabled] ehr-input-upload_multiple-empty .ehr-line-through span {
  background: var(--root_color-disabled);
}
ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 100%;
  z-index: 1;
}
ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty .ehr-input-upload_icon {
  font-size: 5rem;
  color: var(--root_color-border);
  transition: 0.125s;
}
ehr-input-upload[ehr-multiple] ehr-input-upload_multiple-empty label.ehr-input-upload_multiple-empty-browse {
  font-weight: bold;
}
ehr-input-upload[ehr-multiple] label.ehr-input-upload_multiple-browse {
  position: absolute;
  display: none;
  text-align: center;
  align-content: center;
  background: var(--root_color-background);
  border-radius: 0.25rem 0.25rem 0 0;
  border: 0 solid var(--root_color-border);
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  width: 5rem;
  height: 0.5rem;
  left: calc(50% - 2.5rem);
  font-size: 0.25rem;
  bottom: 0;
  opacity: 0.5;
  z-index: 1;
}
ehr-input-upload[ehr-multiple]:has(ehr-input-upload_files-wrapper) ehr-input-upload_multiple-empty {
  display: none;
}
ehr-input-upload[ehr-multiple]:has(ehr-input-upload_files-wrapper) label.ehr-input-upload_multiple-browse {
  display: block;
}

ehr-input-upload_files-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
ehr-input-upload_files-wrapper ehr-input-upload_file {
  height: 2.25rem;
  border-bottom: 1px solid var(--root_color-border);
}

ehr-input-upload_file {
  --ehr-input-upload_progress: 0%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  position: relative;
  padding: 0.25rem 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  height: 100%;
}
ehr-input-upload_file::after {
  content: "";
  background: var(--root_color-active);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1875rem;
  transition: 0.125s right;
  right: calc(100% - var(--ehr-input-upload_progress));
}
ehr-input-upload_file .ehr-input-upload_file_icon {
  flex: 0 0 auto;
  height: 1.5rem;
  filter: grayscale(1);
}
ehr-input-upload_file .ehr-input-upload_file_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 1 100%;
}
ehr-input-upload_file .ehr-input-upload_file_action {
  flex: 0 0 auto;
  font-size: 1.35rem;
  color: var(--root_color-disabled-text);
}

ehr-list {
  --ehr-list_row-height: 0;
  overflow: auto;
  overflow-anchor: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  background: var(--root_color-background);
}
ehr-list > * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 var(--ehr-list_row-height);
  align-content: center;
  background: inherit;
}
ehr-list ehr-list_spacer {
  background: none;
}
ehr-list ehr-list_header {
  padding: 0.5rem;
  border-bottom: 0.125rem solid var(--root_color-border);
}
ehr-list ehr-list_header.ehr-list_sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
ehr-list ehr-list_item {
  padding: 0 0.5rem;
}
ehr-list ehr-list_item:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--root_color-border);
}
ehr-list ehr-list_footer {
  padding: 0.5rem;
  border-top: 0.125rem solid var(--root_color-border);
}
ehr-list ehr-list_footer.ehr-list_sticky {
  position: sticky;
  bottom: 0;
  z-index: 1;
}

ehr-virtualize {
  --virtualize_item-height: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-anchor: none;
  background: var(--root_color-background);
}
ehr-virtualize:focus-visible {
  outline: none;
}
ehr-virtualize ehr-virtualize-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 100%;
  width: max-content;
}
ehr-virtualize ehr-virtualize-item {
  flex: 0 0 calc(var(--virtualize_item-height) * 1px);
  align-content: center;
  overflow: hidden;
}
ehr-virtualize ehr-virtualize-item.virtualize-sticky {
  background: var(--root_color-background);
  position: sticky;
  z-index: 1;
}

ehr-modal-container {
  position: absolute;
  display: grid;
  align-items: center;
  justify-content: center;
  overflow: clip;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 250;
  pointer-events: none;
  padding: 5rem;
}
ehr-modal-container.ehr-modal-container_opaque {
  background: var(--root_color-shadow);
  pointer-events: auto;
}
ehr-modal-container:empty {
  display: none;
}

ehr-modal {
  display: block;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
}
ehr-modal:focus-visible {
  outline: 0.125rem solid rgba(var(--root_color-active--rgb), 0.75);
}
ehr-modal.ehr-modal_waiting-setup {
  display: none;
}
ehr-modal[ehr-modal_host-selector] {
  position: absolute;
  max-width: none;
  max-height: none;
}
ehr-modal[ehr-modal_host-selector][ehr-modal_placement=top] {
  border-radius: 0.25rem 0.25rem 0 0;
}
ehr-modal[ehr-modal_host-selector][ehr-modal_placement=bottom] {
  border-radius: 0 0 0.25rem 0.25rem;
}

ehr-messagebox {
  min-width: 20rem;
}
ehr-messagebox ehr-messagebox_header {
  display: flex;
  align-items: center;
}
ehr-messagebox ehr-messagebox_header ehr-messagebox_header-title {
  flex-grow: 1;
}
ehr-messagebox ehr-messagebox_body {
  display: flex;
  flex-direction: row;
  align-items: safe center;
  column-gap: 1rem;
  overflow-y: auto;
}
ehr-messagebox ehr-messagebox_body > * {
  flex-grow: 1;
}
ehr-messagebox ehr-messagebox_footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.25rem;
  justify-content: end;
}

/* Break-point Mixins */
/*
	.container .align-(top | center | bottom) .gap-(1-12)
		.(s|m|l)-(blank | before | after)-(1-12)
		.(s|m|l)-self-(top | center | bottom)
		.(s|m|l)-content-(top | bottom | left | right | vertical | horizontal | center)
*/
container {
  --container-gutter: 0rem;
  display: flex;
  flex-wrap: wrap;
}
container.inline {
  display: inline-flex;
}
container.align-items-tart {
  align-items: flex-start;
}
container.align-items-center {
  align-items: center;
}
container.align-items-end {
  align-items: flex-end;
}
container.align-items-stretch {
  align-items: stretch;
}
container.align-items-baseline {
  align-items: baseline;
}
container > container-block {
  flex: 0 0 auto;
  margin: 0 calc(var(--container-gutter) / 2);
  width: calc(100% - var(--container-gutter));
}
container > container-block.align-self-start {
  align-self: self-start;
}
container > container-block.align-self-center {
  align-self: center;
}
container > container-block.align-self-end {
  align-self: self-end;
}
container > container-block.align-self-stretch {
  align-self: stretch;
}
container > container-block.align-self-baseline {
  align-self: baseline;
}
container > container-block.align-content-top {
  display: flex;
  align-items: start;
}
container > container-block.align-content-vertical {
  display: flex;
  align-items: center;
}
container > container-block.align-content-bottom {
  display: flex;
  align-items: end;
}
container > container-block.align-content-left {
  display: flex;
  justify-content: start;
}
container > container-block.align-content-horizontal {
  display: flex;
  justify-content: center;
}
container > container-block.align-content-right {
  display: flex;
  justify-content: end;
}
container > container-block.s-1 {
  width: calc(8.3333333333% - var(--container-gutter));
}
container > container-block.s-before-1 {
  margin-left: calc(8.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-after-1 {
  margin-right: calc(8.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-2 {
  width: calc(16.6666666667% - var(--container-gutter));
}
container > container-block.s-before-2 {
  margin-left: calc(16.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-after-2 {
  margin-right: calc(16.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-3 {
  width: calc(25% - var(--container-gutter));
}
container > container-block.s-before-3 {
  margin-left: calc(25% + var(--container-gutter) / 2);
}
container > container-block.s-after-3 {
  margin-right: calc(25% + var(--container-gutter) / 2);
}
container > container-block.s-4 {
  width: calc(33.3333333333% - var(--container-gutter));
}
container > container-block.s-before-4 {
  margin-left: calc(33.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-after-4 {
  margin-right: calc(33.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-5 {
  width: calc(41.6666666667% - var(--container-gutter));
}
container > container-block.s-before-5 {
  margin-left: calc(41.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-after-5 {
  margin-right: calc(41.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-6 {
  width: calc(50% - var(--container-gutter));
}
container > container-block.s-before-6 {
  margin-left: calc(50% + var(--container-gutter) / 2);
}
container > container-block.s-after-6 {
  margin-right: calc(50% + var(--container-gutter) / 2);
}
container > container-block.s-7 {
  width: calc(58.3333333333% - var(--container-gutter));
}
container > container-block.s-before-7 {
  margin-left: calc(58.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-after-7 {
  margin-right: calc(58.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-8 {
  width: calc(66.6666666667% - var(--container-gutter));
}
container > container-block.s-before-8 {
  margin-left: calc(66.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-after-8 {
  margin-right: calc(66.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-9 {
  width: calc(75% - var(--container-gutter));
}
container > container-block.s-before-9 {
  margin-left: calc(75% + var(--container-gutter) / 2);
}
container > container-block.s-after-9 {
  margin-right: calc(75% + var(--container-gutter) / 2);
}
container > container-block.s-10 {
  width: calc(83.3333333333% - var(--container-gutter));
}
container > container-block.s-before-10 {
  margin-left: calc(83.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-after-10 {
  margin-right: calc(83.3333333333% + var(--container-gutter) / 2);
}
container > container-block.s-11 {
  width: calc(91.6666666667% - var(--container-gutter));
}
container > container-block.s-before-11 {
  margin-left: calc(91.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-after-11 {
  margin-right: calc(91.6666666667% + var(--container-gutter) / 2);
}
container > container-block.s-12 {
  width: calc(100% - var(--container-gutter));
}
container > container-block.s-before-12 {
  margin-left: calc(100% + var(--container-gutter) / 2);
}
container > container-block.s-after-12 {
  margin-right: calc(100% + var(--container-gutter) / 2);
}
@media (min-width: 640px) {
  container > container-block.m-1 {
    width: calc(8.3333333333% - var(--container-gutter));
  }
  container > container-block.m-before-1 {
    margin-left: calc(8.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-1 {
    margin-right: calc(8.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-2 {
    width: calc(16.6666666667% - var(--container-gutter));
  }
  container > container-block.m-before-2 {
    margin-left: calc(16.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-2 {
    margin-right: calc(16.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-3 {
    width: calc(25% - var(--container-gutter));
  }
  container > container-block.m-before-3 {
    margin-left: calc(25% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-3 {
    margin-right: calc(25% + var(--container-gutter) / 2);
  }
  container > container-block.m-4 {
    width: calc(33.3333333333% - var(--container-gutter));
  }
  container > container-block.m-before-4 {
    margin-left: calc(33.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-4 {
    margin-right: calc(33.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-5 {
    width: calc(41.6666666667% - var(--container-gutter));
  }
  container > container-block.m-before-5 {
    margin-left: calc(41.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-5 {
    margin-right: calc(41.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-6 {
    width: calc(50% - var(--container-gutter));
  }
  container > container-block.m-before-6 {
    margin-left: calc(50% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-6 {
    margin-right: calc(50% + var(--container-gutter) / 2);
  }
  container > container-block.m-7 {
    width: calc(58.3333333333% - var(--container-gutter));
  }
  container > container-block.m-before-7 {
    margin-left: calc(58.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-7 {
    margin-right: calc(58.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-8 {
    width: calc(66.6666666667% - var(--container-gutter));
  }
  container > container-block.m-before-8 {
    margin-left: calc(66.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-8 {
    margin-right: calc(66.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-9 {
    width: calc(75% - var(--container-gutter));
  }
  container > container-block.m-before-9 {
    margin-left: calc(75% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-9 {
    margin-right: calc(75% + var(--container-gutter) / 2);
  }
  container > container-block.m-10 {
    width: calc(83.3333333333% - var(--container-gutter));
  }
  container > container-block.m-before-10 {
    margin-left: calc(83.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-10 {
    margin-right: calc(83.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.m-11 {
    width: calc(91.6666666667% - var(--container-gutter));
  }
  container > container-block.m-before-11 {
    margin-left: calc(91.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-11 {
    margin-right: calc(91.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.m-12 {
    width: calc(100% - var(--container-gutter));
  }
  container > container-block.m-before-12 {
    margin-left: calc(100% + var(--container-gutter) / 2);
  }
  container > container-block.m-after-12 {
    margin-right: calc(100% + var(--container-gutter) / 2);
  }
}
@media (min-width: 1008px) {
  container > container-block.l-1 {
    width: calc(8.3333333333% - var(--container-gutter));
  }
  container > container-block.l-before-1 {
    margin-left: calc(8.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-1 {
    margin-right: calc(8.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-2 {
    width: calc(16.6666666667% - var(--container-gutter));
  }
  container > container-block.l-before-2 {
    margin-left: calc(16.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-2 {
    margin-right: calc(16.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-3 {
    width: calc(25% - var(--container-gutter));
  }
  container > container-block.l-before-3 {
    margin-left: calc(25% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-3 {
    margin-right: calc(25% + var(--container-gutter) / 2);
  }
  container > container-block.l-4 {
    width: calc(33.3333333333% - var(--container-gutter));
  }
  container > container-block.l-before-4 {
    margin-left: calc(33.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-4 {
    margin-right: calc(33.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-5 {
    width: calc(41.6666666667% - var(--container-gutter));
  }
  container > container-block.l-before-5 {
    margin-left: calc(41.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-5 {
    margin-right: calc(41.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-6 {
    width: calc(50% - var(--container-gutter));
  }
  container > container-block.l-before-6 {
    margin-left: calc(50% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-6 {
    margin-right: calc(50% + var(--container-gutter) / 2);
  }
  container > container-block.l-7 {
    width: calc(58.3333333333% - var(--container-gutter));
  }
  container > container-block.l-before-7 {
    margin-left: calc(58.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-7 {
    margin-right: calc(58.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-8 {
    width: calc(66.6666666667% - var(--container-gutter));
  }
  container > container-block.l-before-8 {
    margin-left: calc(66.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-8 {
    margin-right: calc(66.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-9 {
    width: calc(75% - var(--container-gutter));
  }
  container > container-block.l-before-9 {
    margin-left: calc(75% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-9 {
    margin-right: calc(75% + var(--container-gutter) / 2);
  }
  container > container-block.l-10 {
    width: calc(83.3333333333% - var(--container-gutter));
  }
  container > container-block.l-before-10 {
    margin-left: calc(83.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-10 {
    margin-right: calc(83.3333333333% + var(--container-gutter) / 2);
  }
  container > container-block.l-11 {
    width: calc(91.6666666667% - var(--container-gutter));
  }
  container > container-block.l-before-11 {
    margin-left: calc(91.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-11 {
    margin-right: calc(91.6666666667% + var(--container-gutter) / 2);
  }
  container > container-block.l-12 {
    width: calc(100% - var(--container-gutter));
  }
  container > container-block.l-before-12 {
    margin-left: calc(100% + var(--container-gutter) / 2);
  }
  container > container-block.l-after-12 {
    margin-right: calc(100% + var(--container-gutter) / 2);
  }
}

.layout.open > .header > .toggler span {
  background: var(--root_color-active);
}
.layout.open > .header > .toggler span:nth-child(1) {
  transform: translate(0.5px, 0) rotate(45deg);
  transform-origin: left;
  width: 1.5rem;
}
.layout.open > .header > .toggler span:nth-child(2) {
  opacity: 0;
}
.layout.open > .header > .toggler span:nth-child(3) {
  transform: translate(0.5px, 0) rotate(-45deg);
  transform-origin: left;
  width: 1.5rem;
}
.layout.open > .header > .flyout {
  width: 15rem;
  opacity: 1;
}
.layout.open > .content {
  transform: translateX(15rem);
}
.layout.no-footer > .header > .flyout {
  bottom: 0;
}
.layout.no-footer > .content {
  bottom: 0;
}
.layout > .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5rem;
  padding: 0 0.5rem;
  display: flex;
  z-index: 50;
  background: var(--root_color-background);
  border-bottom: 1px solid var(--root_color-border);
}
.layout > .header > .toggler {
  flex-shrink: 0;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 1.5rem;
  width: 1.125rem;
  cursor: pointer;
}
.layout > .header > .toggler:hover span {
  background: var(--root_color-active);
}
.layout > .header > .toggler span {
  height: 0.25rem;
  width: 100%;
  background: var(--root_color-text);
  border-radius: 0.25rem;
  transition: 0.125s;
}
.layout > .header > .flyout {
  position: fixed;
  top: 2.5rem;
  bottom: 1.5rem;
  left: 0;
  width: 0;
  opacity: 0;
  transition: all ease-in-out 0.125s;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--root_color-background);
  border-right: 1px solid var(--root_color-border);
  z-index: 50;
}
.layout > .header > .flyout > .navigation {
  flex-grow: 1;
  overflow-y: auto;
}
.layout > .header > .flyout > .navigation .link {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  height: 1.75rem;
}
.layout > .header > .flyout > .navigation .link.has-subLinks::after {
  content: "expand_more";
  transform: rotate(0);
  transition: transform ease-in-out 0.125s;
}
.layout > .header > .flyout > .navigation .link.open-subLinks {
  color: var(--root_color-active);
}
.layout > .header > .flyout > .navigation .link.open-subLinks::after {
  transform: rotate(-180deg);
}
.layout > .header > .flyout > .navigation .link.open-subLinks + .subLinks {
  display: block;
}
.layout > .header > .flyout > .navigation .link.is-active {
  font-weight: bold;
}
.layout > .header > .flyout > .navigation .link > .label {
  flex-grow: 1;
  white-space: nowrap;
}
.layout > .header > .flyout > .navigation .subLinks {
  flex-shrink: 0;
  display: none;
  margin-left: 1rem;
  border-left: 2px solid var(--root_color-border);
  overflow: hidden;
}
.layout > .header > .flyout > .quickInfo {
  flex-shrink: 0;
  border-top: 1px solid var(--root_color-border);
  padding: 0.5rem;
  font-size: 0.75rem;
  white-space: nowrap;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.5rem;
}
.layout > .header > .flyout > .quickInfo > .value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout > .header > .logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 13.375rem;
  padding: 0 0.5rem;
  overflow: hidden;
  border-right: 1px solid var(--root_color-border);
}
.layout > .header > .logo.centered {
  flex-grow: 1;
  justify-content: center;
  border: none;
}
.layout > .header > .search {
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.layout > .header > .search > input[type=search] {
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem;
}
.layout > .header > .tray {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  border-left: 1px solid var(--root_color-border);
  padding-left: 0.5rem;
  gap: 0.5rem;
}
.layout > .header > .tray > .menu {
  display: flex;
  align-items: center;
  position: relative;
}
.layout > .header > .tray > .menu.open {
  color: var(--root_color-active);
}
.layout > .header > .tray > .menu.open > .dropdown {
  display: block;
}
.layout > .header > .tray > .menu > .dropdown {
  cursor: default;
  display: none;
  position: absolute;
  top: 2.25rem;
  right: -0.25rem;
  color: var(--root_color-text);
  box-shadow: 0 13px 20px 3px var(--root_color-shadow);
  min-width: 20rem;
  min-height: 1rem;
  animation: ehr-animation_fadeIn 0.125s;
}
.layout > .header > .tray > .menu > .dropdown > .header {
  padding: 0.5rem 0.5rem;
}
.layout > .header > .tray > .menu > .dropdown > .content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.layout > .header > .tray > .menu > .dropdown > .footer {
  padding: 0.5rem 0.5rem;
}
.layout > .header > .tray > .menu > .badge {
  position: absolute;
  top: 0.25rem;
  right: -0.25rem;
}
.layout > .content {
  position: fixed;
  top: 2.5rem;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  transition: transform ease-in-out 0.125s;
  transform: translateX(0);
}
.layout > .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5rem;
  background: var(--root_color-background);
  border-top: 1px solid var(--root_color-border);
  z-index: 50;
}
.layout > .footer > * {
  flex-grow: 1;
  padding: 0 0.5rem;
  border-right: 1px solid var(--root_color-border);
  text-align: center;
}
.layout > .footer > *:first-child {
  text-align: left;
}
.layout > .footer > *:last-child {
  text-align: right;
  border-right: none;
}

[adorner-manager] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 400;
}
[adorner-manager] [adorner-anchor] {
  position: absolute;
  width: 0;
  height: 0;
}
[adorner-manager] [adorner-anchor] > * {
  position: absolute;
}
[adorner-manager] [adorner-anchor] > .anchor-none {
  width: 100%;
  height: 100%;
}
[adorner-manager] [adorner-anchor] > .anchor-top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
[adorner-manager] [adorner-anchor] > .anchor-right {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
[adorner-manager] [adorner-anchor] > .anchor-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
[adorner-manager] [adorner-anchor] > .anchor-left {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
[adorner-manager] [adorner-anchor] > .anchor-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.badge {
  display: inline-block;
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  color: transparent;
  background: var(--root_color-active);
}
.badge.pulse::before {
  content: "";
  position: absolute;
  left: -0.25rem;
  top: -0.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--root_color-active);
  opacity: 0.5;
  animation: ehr-animation_pulse 1s infinite;
}
.badge[content] {
  width: auto;
  min-width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
}
.badge[content].pulse::before {
  width: calc(100% + 0.5rem);
  height: 1.5rem;
  border-radius: 0.25rem;
}
.badge[content]::after {
  content: attr(content);
  position: absolute;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: var(--root_color-light);
  left: 0;
  width: 100%;
}
.badge[content].small {
  min-width: auto;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.badge[content].small.pulse::before {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.badge[content].small::after {
  font-size: 0.5rem;
  line-height: 0.75rem;
}

:has(> .overlay) {
  position: relative;
}

.overlay {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlay.masked {
  background: rgba(var(--root_color-dark--rgb), 0.33);
  backdrop-filter: blur(2px);
}
.overlay.system {
  position: fixed;
  z-index: 500;
}

@media (hover: none) {
  .tooltip {
    display: none !important;
  }
}
.tooltip {
  position: absolute;
  background: var(--root_color-background);
  box-shadow: 0 0 5px var(--root_color-shadow);
  color: var(--root_color-text);
  border: 1px solid var(--root_color-border);
  border-radius: 0.25rem;
  padding: 0.5rem;
  white-space: nowrap;
  z-index: 200;
  opacity: 0;
  animation: ehr-animation_fadeIn 0.125s forwards 0.5s;
}
.tooltip:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border: 0 solid var(--root_color-border);
  border-width: 1px 1px 0 0;
  background: var(--root_color-background);
}
.tooltip.anchor-top {
  margin-bottom: 0.375rem;
}
.tooltip.anchor-top:after {
  left: calc(50% - 0.25rem);
  top: calc(100% - 0.25rem + 1px);
  transform: rotate(135deg);
}
.tooltip.anchor-right {
  margin-left: 0.375rem;
}
.tooltip.anchor-right:after {
  top: calc(50% - 0.25rem);
  right: calc(100% - 0.25rem + 1px);
  transform: rotate(225deg);
}
.tooltip.anchor-bottom {
  margin-top: 0.375rem;
}
.tooltip.anchor-bottom:after {
  left: calc(50% - 0.25rem);
  bottom: calc(100% - 0.25rem + 1px);
  transform: rotate(315deg);
}
.tooltip.anchor-left {
  margin-right: 0.375rem;
}
.tooltip.anchor-left:after {
  top: calc(50% - 0.25rem);
  left: calc(100% - 0.25rem + 1px);
  transform: rotate(45deg);
}

.tab {
  background: var(--root_color-background);
  border: 1px solid var(--root_color-border);
  border-radius: 0.25rem;
  overflow: hidden;
}
.tab > .tab-pages {
  display: flex;
  row-gap: 0.25rem;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--root_color-border);
}
.tab > .tab-pages > .tab-wrapper {
  flex-grow: 1;
  border-bottom: 1px solid var(--root_color-border);
  text-align: center;
}
.tab > .tab-pages > .tab-wrapper > .tab-page {
  cursor: pointer;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-bottom: 2px solid transparent;
}
.tab > .tab-pages > .tab-wrapper > .tab-page.active {
  font-weight: bold;
  color: var(--root_color-active);
  border-bottom: 2px solid var(--root_color-active);
}
.tab > .tab-pages > .tab-wrapper > .tab-page.active.disabled {
  color: var(--root_color-active);
  border-bottom-color: var(--root_color-disabled);
}
.tab > .tab-pages > .tab-wrapper > .tab-page.disabled {
  color: var(--root_color-disabled);
}
.tab > .tab-content {
  padding: 0.5rem;
}

#l.ehr-dragdrop_active, #r.ehr-dragdrop_active {
  background: #fffd8c !important;
}