.menuslider-button-borders {
  border-top: #a0a0a0 2px solid;
  border-left: #a0a0a0 2px solid;
  border-bottom: #545454 2px solid;
  border-right: #545454 2px solid;
  border-radius: 0.5em;
}
.button-padding {
  padding: 0.175em 0.35em;
}
.input-padding {
  padding: 0.1em;
  padding-left: 0.175em;
  padding-right: 0.175em;
}
.select-padding {
  padding: 0 0.35em;
}
.button-group-border {
  border: grey 1px solid;
}
.shadow {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
}
.shadowsharp {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.box_shadow {
  box-shadow: 4px 4px 8px 4px #000000;
}
.box_shadowsharp {
  box-shadow: 1px 1px 2px 2px #000000;
}
.big {
  font-size: 1.2em;
  font-weight: bold;
}
.flexbox {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
:root {
  --anim-baseTime: 800ms;
  --anim-ease-in: var(--anim-baseTime) opacity cubic-bezier(0.3, 0, 0.49, 1);
  --bar-contrast: 0.25;
  --base-text-color: hsl(0, 0%, 100%);
  --base-text-midTone: hsl(0, 0%, 65%);
  --background-body: hsl(0, 0%, 0%);
  --background-image: url(/static/base/img/GrayStreaks-repeating.jpg);
  --background-inner-fx: hsl(0, 0%, 0%);
  --block-solid: hsl(0, 0%, 0%);
  --block-background: hsla(0, 0%, 0%, 0.3);
  --block-color-chiBlue-h: 201deg;
  --block-color-chiBlue-s: 100%;
  --block-color-chiBlue-l: 32%;
  --block-color-chiBlue-label: hsl(var(--block-color-chiBlue-h) 100% 90%);
  --block-color-user1-h: 163deg;
  --block-color-user1-s: 100%;
  --block-color-user1-l: 39%;
  --block-color-user1-label: hsl(163, 65%, 90%);
  --block-color-user1-time: hsl(163, 100%, 90%);
  --block-user1-contrast: -0.2;
  --block-user1-gradient-direction: to top;
  --block-radius: 0.5em;
  --block-contrast: 0.1;
  --block-gradient-direction: to bottom;
  --danger-h: 0deg;
  --danger-s: 100%;
  --danger-l: 60%;
  --danger-hsl-raw: var(--danger-h) var(--danger-s) var(--danger-l);
  --danger-hsl: hsl(var(--danger-hsl-raw));
  --dev-hueshift-logo: 237deg;
  --caution-h: 60deg;
  --caution-s: 100%;
  --caution-l: 50%;
  --caution-hsl-raw: var(--caution-h) var(--caution-s) var(--caution-l);
  --caution-hsl: hsl(var(--caution-hsl-raw));
  --ca-caution-hsla: hsla(var(--caution-hsl-raw) / 0.82);
  --color-grey-h: 0deg;
  --color-grey-s: 0%;
  --color-grey-l: 50%;
  --color-grey-hsl-raw: var(--color-grey-h) var(--color-grey-s) var(--color-grey-l);
  --color-grey-hsl: hsl(var(--color-grey-hsl-raw));
  --color-neutral-white-h: 216deg;
  --color-neutral-white-s: 100%;
  --color-neutral-white-l: 65%;
  --color-neutral-white-hsl-raw: var(--color-neutral-white-h) var(--color-neutral-white-s) var(--color-neutral-white-l);
  --color-neutral-white-hsl: hsl(var(--color-neutral-white-hsl-raw));
  --graph-key-background: hsl(0, 0%, 11.75%);
  --graph-x-axis-text: var(--base-text-color);
  --graph-y-axis-text: var(--base-text-color);
  --headerbar-lineHeight: 1.5em;
  --index-touchPoint-h: 268deg;
  --index-touchPoint-s: 70%;
  --index-touchPoint-l: 70%;
  --index-touchPoint-hsl-raw: var(--index-touchPoint-h) var(--index-touchPoint-s) var(--index-touchPoint-l);
  --index-touchPoint-hsl: hsl(var(--index-touchPoint-hsl-raw));
  --neutral-h: 180deg;
  --neutral-s: 100%;
  --neutral-l: 50%;
  --neutral-hsl-raw: var(--neutral-h) var(--neutral-s) var(--neutral-l);
  --neutral-hsl: hsl(var(--neutral-hsl-raw));
  --null-h: 0deg;
  --null-s: 0%;
  --null-l: 50%;
  --null-hsl-raw: var(--null-h) var(--null-s) var(--null-l);
  --null-hsl: hsl(var(--null-hsl-raw));
  --orange-h: 30;
  --orange-s: 100%;
  --orange-l: 50%;
  --orange-hsl-raw: var(--orange-h) var(--orange-s) var(--orange-l);
  --orange-hsl: hsl(var(--orange-hsl-raw));
  --purple-h: 275deg;
  --purple-s: 100%;
  --purple-l: 50%;
  --purple-hsl-raw: var(--purple-h) var(--purple-s) var(--purple-l);
  --purple-hsl: hsl(var(--purple-hsl-raw));
  --safe-h: 120deg;
  --safe-s: 100%;
  --safe-l: 50%;
  --safe-hsl-raw: var(--safe-h) var(--safe-s) var(--safe-l);
  --safe-hsl: hsl(var(--safe-hsl-raw));
  --select-font-size: 0.9em;
  --screen-edge-pad: 12px;
  --scrollbar-h: 180deg;
  --scrollbar-s: 100%;
  --scrollbar-l: 50%;
  --system-border-radius: 0.5em;
  --system-h: 180deg;
  --system-s: 100%;
  --system-l: 50%;
  --system-hsl: hsl(var(--system-h) var(--system-s) var(--system-l));
  --system-label: hsl(163, 65%, 90%);
  --system-time: hsl(163, 100%, 90%);
  --system-contrast: -0.2;
  --system-gradient-direction: to top;
  --text-shadow: 2px 2px 4px #000000;
  --text-color: black;
  --timerSeconds: 0.75em;
  --tooltip-h: 180deg;
  --tooltip-s: 100%;
  --tooltip-l: 50%;
}
#app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.theCell a {
  border-bottom: 1px rgba(255, 255, 0, 0.5) dotted;
  text-decoration: none !important;
  color: yellow;
  -webkit-transition: 0.5s;
}
.theCell a:hover {
  color: orange;
  -webkit-transition: 0.5s;
  text-decoration: none !important;
}
.background-dark-grey {
  background: #242424;
  background: -moz-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #242424), color-stop(39%, #4f4f4f), color-stop(63%, #525252), color-stop(100%, #292929));
  background: -webkit-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
  background: -o-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
  background: -ms-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
  background: linear-gradient(to right, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#292929', GradientType=1);
}
.no-color-coding .safe {
  color: #00FFFF !important;
  background: none !important;
}
.no-color-coding .caution {
  color: #00FFFF !important;
  border-bottom: none !important;
}
.no-color-coding .danger {
  color: #00FFFF !important;
  background: none !important;
}
.no-color-coding .index-button.danger {
  border-color: #00FFFF !important;
  background: #006666 !important;
}
.no-color-coding .index-button.danger > span {
  background: none !important;
}
.dataStandIn {
  color: #ff8f00;
}
.color-purple {
  color: purple;
}
.color-orange {
  color: orange;
}
.color-yellow {
  color: yellow;
}
.color-red {
  color: red;
}
.color-blue {
  color: #04145d;
}
.color-green {
  color: #00ff00;
}
.color-grey {
  color: #bdbdbd;
}
.color-white {
  color: #ffffff;
}
.color-black {
  color: #000000;
}
.color-cool {
  color: #00fff3;
}
.color-soft-cool {
  color: #4d9a8f;
}
.color-system {
  color: cyan;
}
.focus-boxshadow {
  -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 100, 0.8);
  box-shadow: 0 0 2px 2px rgba(255, 255, 100, 0.8);
}
.empty-boxshadow {
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
}
.de-emphasize {
  color: #666;
  font-size: 0.9em;
}
.highlight {
  border: 30px solid #FFFF00;
}
@-webkit-keyframes maxrange_animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  65% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.split {
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.split2 {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.fa-danger {
  color: var(--danger-hsl);
}
.fa-caution {
  color: var(--caution-hsl);
}
.fa-safe {
  color: var(--safe-hsl);
}
.fa-null {
  color: #a6a6a6;
}
.color-assist .danger:not(.no-color-assist) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 88%, hsla(var(--danger-hsl-raw) / 0.8) 93%);
}
.color-assist .caution:not(.no-color-assist) {
  background-image: repeating-linear-gradient(0deg, var(--ca-caution-hsla), var(--ca-caution-hsla) 0.25em, transparent 0.25em, transparent 0.5em, var(--ca-caution-hsla) 0.5em), repeating-linear-gradient(90deg, var(--ca-caution-hsla), var(--ca-caution-hsla) 0.25em, transparent 0.25em, transparent 0.5em, var(--ca-caution-hsla) 0.5em), repeating-linear-gradient(180deg, var(--ca-caution-hsla), var(--ca-caution-hsla) 0.25em, transparent 0.25em, transparent 0.5em, var(--ca-caution-hsla) 0.5em), repeating-linear-gradient(270deg, var(--ca-caution-hsla), var(--ca-caution-hsla) 0.25em, transparent 0.25em, transparent 0.5em, var(--ca-caution-hsla) 0.5em);
  background-size: 0 100%, 100% 0, 0 100%, 100% 0.1em;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.color-null {
  color: var(--null-hsl);
}
.inactive {
  color: var(--null-hsl);
}
.neutral {
  color: var(--neutral-hsl);
}
.neutral-white {
  color: var(--color-neutral-white-hsl);
}
.safe {
  color: var(--safe-hsl);
}
.caution {
  color: var(--caution-hsl);
}
.danger {
  color: var(--danger-hsl);
}
.header-background {
  background: black;
}
.leftright_grad {
  background: -moz-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fce300), color-stop(100%, rgba(241, 218, 54, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce300', endColorstr='#00f1da36', GradientType=1);
  /* IE6-9 */
}
.rightleft_grad {
  background: -moz-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 218, 54, 0)), color-stop(100%, #fce300));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1da36', endColorstr='#fce300', GradientType=1);
  /* IE6-9 */
}
.yellow_leftright_grad {
  background: -moz-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fce300), color-stop(100%, rgba(241, 218, 54, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce300', endColorstr='#00f1da36', GradientType=1);
  /* IE6-9 */
}
.yellow_rightleft_grad {
  background: -moz-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 218, 54, 0)), color-stop(100%, #fce300));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1da36', endColorstr='#fce300', GradientType=1);
  /* IE6-9 */
}
.grey_leftright_grad {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce300', endColorstr='#00f1da36', GradientType=1);
  /* IE6-9 */
}
.grey_rightleft_grad {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1da36', endColorstr='#fce300', GradientType=1);
  /* IE6-9 */
}
.left-bumper {
  background: -moz-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fce300), color-stop(100%, rgba(241, 218, 54, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fce300 0%, rgba(241, 218, 54, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce300', endColorstr='#00f1da36', GradientType=1);
  /* IE6-9 */
  opacity: 0;
}
.right-bumper {
  background: -moz-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 218, 54, 0)), color-stop(100%, #fce300));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(241, 218, 54, 0) 0%, #fce300 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1da36', endColorstr='#fce300', GradientType=1);
  /* IE6-9 */
  opacity: 0;
  pointer-events: none;
}
.left-more {
  z-index: 5;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce300', endColorstr='#00f1da36', GradientType=1);
  /* IE6-9 */
  float: left;
  position: absolute;
  top: -2px;
  width: 20px;
  height: 105%;
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  pointer-events: none;
}
.right-more {
  z-index: 5;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1da36', endColorstr='#fce300', GradientType=1);
  /* IE6-9 */
  float: right;
  position: absolute;
  right: -1px;
  top: -2px;
  width: 20px;
  height: 105%;
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  pointer-events: none;
}
.maxrange-trigger {
  display: table;
}
button {
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.glow_yellow {
  border: 30px solid #FFFF00;
}
.list-fader {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.inset-shadow {
  box-shadow: inset 0 0 2em #000000;
}
.block_green {
  -webkit-transition: 0.3s;
  color: #ffffff;
  background: -moz-linear-gradient(top, #193b1e 0%, #006b04 50%, #001405);
  background: -webkit-gradient(linear, left top, left bottom, from(#193b1e), color-stop(0.5, #006b04), to(#001405));
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border: 3px solid #00ff26;
  box-shadow: 0 0 20px #00ff1e, inset 0 0 0 rgba(0, 0, 0, 0);
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 3px 3px 5px rgba(0, 0, 0, 0.4);
}
.base_button_border {
  border: 3px solid #000000;
  -webkit-transition: 0.3s;
  color: initial;
  background-position: 0 0;
}
.div_outline {
  border-color: #a0a0a0;
}
.time_stop {
  color: red;
}
.blacken {
  -webkit-transition: opacity 3s;
  opacity: 0.3 ! important;
}
.total {
  color: #ffff00;
}
.sub_total {
  font-style: oblique;
  font-size: 0.8em;
  color: #999900;
}
.infuse_total {
  color: #05faff ! important;
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  background: #051b7d;
}
.injury {
  font-weight: bold;
  color: #ffff00;
  text-shadow: var(--text-shadow);
}
.unknown {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
}
.undetermined {
  font-weight: bold;
  color: #ffff00;
  font-size: 2em ! important;
  text-shadow: var(--text-shadow);
}
.non-alert {
  font-weight: bold;
  color: #00ff00;
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
}
.alert {
  font-weight: bold;
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  color: red ! important;
}
.b_white {
  color: #ffffff;
  -webkit-transition: 0.5s;
  background: -moz-linear-gradient(top, #414141 0%, #545454 50%, #000000);
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), color-stop(0.5, #414141), to(#000000));
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border: 3px solid #ffffff;
  box-shadow: 0 0 20px #ffffff, inset 0 0 0 rgba(255, 0, 217, 0);
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5), 3px 3px 5px rgba(0, 0, 0, 0.4);
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.3);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse_animation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.heart_scale {
  width: 1.5em;
  position: absolute;
  top: -21%;
  left: 4%;
}
.heart_scale_old {
  width: 100%;
}
@keyframes flash_animation_green {
  0% {
    transform: scale(1);
    border-color: #ffff00;
    box-shadow: 0 1px 20px #f7e200, inset 0 0 30px #f7e200;
  }
  65% {
    transform: scale(1);
    border-color: #ffff00;
    box-shadow: 0 1px 20px #f7e200, inset 0 0 30px #f7e200;
  }
  100% {
    transform: scale(1);
    border: 3px solid #00ff26;
    box-shadow: 0 0 20px #00ff1e, inset 0 0 0 rgba(0, 0, 0, 0);
  }
}
.flash_green {
  animation-name: flash_animation_green;
  animation-duration: 8000ms;
  transform-origin: 70% 70%;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
@keyframes flash_animation_red {
  0% {
    transform: scale(1);
    border-color: #ffff00;
    box-shadow: 0 1px 20px #f7e200, inset 0 0 30px #f7e200;
  }
  65% {
    transform: scale(1);
    border-color: #ffff00;
    box-shadow: 0 1px 20px #f7e200, inset 0 0 30px #f7e200;
  }
  100% {
    transform: scale(1);
    border: 3px solid #ff0000;
    box-shadow: 0 0 20px #ff0000, inset 0 0 0 rgba(255, 0, 217, 0);
  }
}
.flash_red {
  animation-name: flash_animation_red;
  animation-duration: 8000ms;
  transform-origin: 70% 70%;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
.clock-gradient {
  color: #ffffff;
  background: -moz-linear-gradient(top, #919191 0%, #515151 25%, #313131 75%, #424242);
  background: -webkit-gradient(linear, left top, left bottom, from(#919191), color-stop(0.25, #515151), color-stop(0.75, #313131), to(#424242));
  border: 4px solid #171717;
  -moz-box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(87, 87, 87, 0.7);
  box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(87, 87, 87, 0.7);
}
.fade-to-black {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(96, 57, 7, 0.64)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(96, 57, 7, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
.white-fade {
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.footer_dusty {
  background: #d9ab99;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9ab99 0%, #6d3823 22%, #582714 77%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9ab99), color-stop(22%, #6d3823), color-stop(77%, #582714), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d9ab99 0%, #6d3823 22%, #582714 77%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d9ab99 0%, #6d3823 22%, #582714 77%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d9ab99 0%, #6d3823 22%, #582714 77%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d9ab99 0%, #6d3823 22%, #582714 77%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ab99', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.grad_silver {
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */
}
.grad_grey {
  background: #747474;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #414141 0%, #010101 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #414141), color-stop(100%, #010101));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #414141 1%, #010101 100%);
  /* W3C */
}
.grad_red {
  background: #a90329;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #450111 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #450111), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #450111 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #450111 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #450111 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #450111 1%, #000000 100%);
  /* W3C */
}
.grad_blue {
  background: #0000ff;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #000099 0%, #000019 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #000099), color-stop(100%, #000019));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #000099 1%, #000019 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #000099 1%, #000019 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #000099 1%, #000019 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #000099 1%, #000019 100%);
  /* W3C */
}
.grad_green {
  background: #0aaa01;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #044500 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #044500), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #044500 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #044500 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #044500 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #044500 1%, #000000 100%);
  /* W3C */
}
.grad_orange {
  background: #db7b10;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #7c4609 0%, #050300 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #7c4609), color-stop(100%, #050300));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #7c4609 1%, #050300 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #7c4609 1%, #050300 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #7c4609 1%, #050300 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #7c4609 1%, #050300 100%);
  /* W3C */
}
.grad_brown {
  background: #773b28;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #2b150e 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #2b150e), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* W3C */
}
.grad_rose {
  -webkit-transition: 0.3s;
  background: #d09082;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* W3C */
}
.grad_gold {
  background: #fceabb;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.grad_ruby {
  background: #f28979;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f28979 0%, #e55757 50%, #ea2803 51%, #ff0000 75%, #c72200 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f28979), color-stop(50%, #e55757), color-stop(51%, #ea2803), color-stop(75%, #ff0000), color-stop(100%, #c72200));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f28979 0%, #e55757 50%, #ea2803 51%, #ff0000 75%, #c72200 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f28979 0%, #e55757 50%, #ea2803 51%, #ff0000 75%, #c72200 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f28979 0%, #e55757 50%, #ea2803 51%, #ff0000 75%, #c72200 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f28979 0%, #e55757 50%, #ea2803 51%, #ff0000 75%, #c72200 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28979', endColorstr='#c72200', GradientType=0);
  /* IE6-9 */
}
.vertical-bar-grey {
  background: -moz-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 234, 234, 0)), color-stop(50%, #eaeaea), color-stop(100%, rgba(234, 234, 234, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaeaea', endColorstr='#00eaeaea', GradientType=0);
  /* IE6-9 */
}
.flex-mixin {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: flex;
}
.flex-fullcenter {
  align-items: center;
  justify-content: center;
}
.no-shadow {
  text-shadow: none;
}
.box-shadow {
  box-shadow: 0.3em 0.3em 0.25em black;
}
@keyframes colorpulse-zsync {
  0% {
    color: #00feff;
  }
  50% {
    color: #4aabff;
  }
  100% {
    color: #00feff;
  }
}
@keyframes boxpulse {
  to {
    box-shadow: 0 0 1em hsl(var(--system-h) var(--system-s) var(--system-l));
  }
  from {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0);
  }
}
@keyframes spin360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.colorpulse-zsync {
  animation-name: colorpulse-zsync;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.boxpulse {
  animation-name: boxpulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.spin360 {
  animation-name: spin360;
  animation-timing-function: linear;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
.green_grad180 {
  background: #0ac801;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #0ac801 0%, #044900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #0ac801), color-stop(100%, #044900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* W3C */
}
.red_grad180 {
  background: #ff0000;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ff0000 0%, #cc0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff0000), color-stop(100%, #cc0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* W3C */
}
.hueshift-dev-logo {
  filter: var(--dev-hueshift-logo);
}
@-o-keyframes fadeIt {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #AD301B;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@keyframes fadeIt {
  0% {
    color: #FFFFFF;
  }
  50% {
    color: #AD301B;
  }
  100% {
    color: #FFFFFF;
  }
}
.anim_text_red {
  -o-animation: fadeIt 2s ease-in-out infinite;
  animation: fadeIt 2s ease-in-out infinite;
}
ul.compact {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 3ch;
}
ul.compact ul {
  padding-inline-start: 1ch;
}
.svg-color svg {
  --svg-color: green;
  color: green;
}
.sticky-col {
  position: sticky;
}
.first-col {
  left: -1px;
  z-index: 5;
}
.td-pad-1ch td {
  padding: 0 1ch;
}
.graph-tables {
  flex-flow: column;
}
.graph-tables > fieldset {
  width: calc(100% - 0.5ch);
  box-sizing: border-box;
  margin-bottom: 0.5ch;
  border: 2px solid grey;
}
.graph-tables > div {
  width: 100%;
}
.graph-tables > div:first-of-type {
  flex-grow: 1;
}
.vert-table-sticky-header {
  top: -1px;
  z-index: 5;
}
.vert-table-sticky-2 {
  top: 1.2em;
  z-index: 5;
}
.queue-table {
  border-collapse: separate;
  border-spacing: 0;
}
.queue-table td {
  padding: 0.4em;
}
.queue-table tr:last-of-type td:last-of-type {
  border-radius: 0 0 2em 0;
}
.queue-table tr:nth-child(2n) td:nth-child(n+2) {
  background: rgba(59, 72, 78, 0.53);
}
.queue-table tr:not(:last-of-type) td:first-of-type {
  border-bottom: 1px solid #265f80;
}
.queue-table td:nth-child(n+2) {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
td.v-bar {
  position: relative;
  width: 1px;
  padding: 0 0.2em;
  height: 1ch;
}
td.v-bar::after {
  content: "";
  width: 1px;
  position: absolute;
  height: 100%;
  top: 0;
  background: -moz-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 234, 234, 0)), color-stop(50%, #eaeaea), color-stop(100%, rgba(234, 234, 234, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaeaea', endColorstr='#00eaeaea', GradientType=0);
  /* IE6-9 */
}
@media only screen and (max-width: 768px) {
  td.v-bar::after {
    width: 1px !important;
  }
}
.zoomed-flex {
  display: flex;
  display: flexbox;
  display: box;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
.zoomed-flex > div {
  padding-left: 0.4ch;
  padding-right: 0.4ch;
}
table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.dashboard-table {
  text-transform: none;
  width: 100%;
  border-collapse: collapse;
}
.dashboard-table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.dashboard-table tr {
  width: 100%;
  padding-top: 0.1em;
}
.dashboard-table tr td:not(:only-of-type):nth-of-type(2n-1) {
  padding-right: 0.2em;
}
.dashboard-table tr td:nth-of-type(2n+1) {
  text-align: right;
}
.dashboard-table tr td:only-of-type {
  text-align: center;
}
.dk-table {
  width: 100%;
  text-align: center;
  word-break: break-all;
  border-spacing: 0px;
}
@media only screen and (max-width: 768px) {
  .dk-table {
    font-size: 0.7em;
    width: 100%;
    word-break: break-all;
  }
}
.dk-table > tr:last-of-type > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table > tr:last-of-type > td:last-of-type {
  border-radius: 0 0 10px 0;
}
.dk-table > tr:last-child > td:only-child {
  border-radius: 0 0 10px 10px;
}
.dk-table > tr:first-of-type > th {
  white-space: nowrap;
}
.dk-table > tr:first-of-type > th:only-of-type {
  border-radius: 10px 10px 0 0;
}
.dk-table > tr:first-of-type > th:first-of-type {
  border-radius: 10px 0 0 0;
}
.dk-table > tr:first-of-type > th:last-of-type {
  border-radius: 0 10px 0 0;
}
.dk-table.header-base > tr:first-of-type {
  text-align: center;
}
.dk-table.header-base > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-base > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, #a17f53 0%, #3c2f1f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a17f53), color-stop(100%, #3c2f1f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a17f53 0%, #3c2f1f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a17f53 0%, #3c2f1f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a17f53 0%, #3c2f1f 100%);
  /* IE10+ */
  background: linear-gradient(top, #a17f53 0%, #3c2f1f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-base > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, #7f6442 0%, #1a150e);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f6442), color-stop(100%, #1a150e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7f6442 0%, #1a150e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7f6442 0%, #1a150e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7f6442 0%, #1a150e 100%);
  /* IE10+ */
  background: linear-gradient(top, #7f6442 0%, #1a150e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-rose > tr:first-of-type {
  text-align: center;
}
.dk-table.header-rose > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-rose > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, rgba(80, 0, 12, 0.58) 0%, rgba(0, 0, 0, 0.58));
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(80, 0, 12, 0.58)), color-stop(100%, rgba(0, 0, 0, 0.58)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(80, 0, 12, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(80, 0, 12, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(80, 0, 12, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(80, 0, 12, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-rose > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, rgba(29, 0, 4, 0.58) 0%, rgba(0, 0, 0, 0.58));
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(29, 0, 4, 0.58)), color-stop(100%, rgba(0, 0, 0, 0.58)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(29, 0, 4, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(29, 0, 4, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(29, 0, 4, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(29, 0, 4, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-red > tr:first-of-type {
  text-align: center;
}
.dk-table.header-red > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-red > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, red 0%, #660000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(100%, #660000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, red 0%, #660000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, red 0%, #660000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, red 0%, #660000 100%);
  /* IE10+ */
  background: linear-gradient(top, red 0%, #660000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-red > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, #cc0000 0%, #330000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0000), color-stop(100%, #330000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc0000 0%, #330000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc0000 0%, #330000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc0000 0%, #330000 100%);
  /* IE10+ */
  background: linear-gradient(top, #cc0000 0%, #330000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-blue > tr:first-of-type {
  text-align: center;
}
.dk-table.header-blue > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-blue > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, #04145d 0%, #000000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04145d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #04145d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #04145d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #04145d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #04145d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-blue > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, #02092c 0%, #000000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02092c), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #02092c 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #02092c 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #02092c 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #02092c 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-green > tr:first-of-type {
  text-align: center;
}
.dk-table.header-green > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-green > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, #004d11 0%, #000000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004d11), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #004d11 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #004d11 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #004d11 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #004d11 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-green > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, #001a06 0%, #000000);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #001a06), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #001a06 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #001a06 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #001a06 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #001a06 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-grey > tr:first-of-type {
  text-align: center;
}
.dk-table.header-grey > tr:first-of-type th {
  font-weight: bold;
}
.dk-table.header-grey > tr:first-of-type > th:nth-of-type(odd) {
  background: -moz-linear-gradient(top, #bdbdbd 0%, #717171);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bdbdbd), color-stop(100%, #717171));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bdbdbd 0%, #717171 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bdbdbd 0%, #717171 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bdbdbd 0%, #717171 100%);
  /* IE10+ */
  background: linear-gradient(top, #bdbdbd 0%, #717171 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.header-grey > tr:first-of-type > th:nth-of-type(even) {
  background: -moz-linear-gradient(top, #a4a4a4 0%, #575757);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4a4a4), color-stop(100%, #575757));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a4a4a4 0%, #575757 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a4a4a4 0%, #575757 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a4a4a4 0%, #575757 100%);
  /* IE10+ */
  background: linear-gradient(top, #a4a4a4 0%, #575757 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color', endColorstr='@darker', GradientType=0);
  /* IE6-9 */
}
.dk-table.borders > tr td:first-of-type {
  border-left: 1px solid grey;
}
.dk-table.borders > tr > td {
  border-right: 1px solid grey;
  border-top: 1px solid grey;
}
.dk-table.borders > tr:last-of-type > td {
  border-bottom: 1px solid grey;
}
.dk-table.borders > tr:last-of-type > td:first-of-type {
  border-left: 1px solid grey;
}
.dk-table.borders > tr:last-child > td {
  border-bottom: 1px solid grey;
}
.dk-table.borders > tr:last-child > td:first-of-type {
  border-bottom: 1px solid grey;
}
.dk-table.borders > tr:last-child > td:first-of-type {
  border-bottom: 1px solid grey;
}
.dk-table.borders > tr:last-child > td:only-child {
  border-bottom: 1px solid grey;
}
.dk-table.borders > tr:first-of-type > th:first-of-type {
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-table.borders > tr:first-of-type > th:last-of-type {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-table.borders > tr:first-of-type > th:only-of-type {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-table.borders > tr:first-of-type > th:nth-of-type(odd) {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-table.borders > tr:first-of-type > th:nth-of-type(even) {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-table.rose > tr:nth-of-type(even) {
  background-color: rgba(80, 0, 12, 0.58);
}
.dk-table.rose > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.58);
}
.dk-table.rose > thead tr {
  background: none;
}
.dk-table.rose > th tr {
  background: none;
}
.dk-table.rose > tr:nth-child(n+2):hover {
  background: rgba(0, 59, 13, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.dk-table.red > tr:nth-of-type(even) {
  background-color: red;
}
.dk-table.red > tr:nth-of-type(odd) {
  background-color: #990000;
}
.dk-table.red > thead tr {
  background: none;
}
.dk-table.red > th tr {
  background: none;
}
.dk-table.red > tr:nth-child(n+2):hover {
  background: rgba(0, 59, 13, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.dk-table.blue > tr:nth-of-type(even) {
  background-color: #04145d;
}
.dk-table.blue > tr:nth-of-type(odd) {
  background-color: #000000;
}
.dk-table.blue > thead tr {
  background: none;
}
.dk-table.blue > th tr {
  background: none;
}
.dk-table.blue > tr:nth-child(n+2):hover {
  background: rgba(0, 59, 13, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.dk-table.green > tr:nth-of-type(even) {
  background-color: #004d11;
}
.dk-table.green > tr:nth-of-type(odd) {
  background-color: #000000;
}
.dk-table.green > thead tr {
  background: none;
}
.dk-table.green > th tr {
  background: none;
}
.dk-table.green > tr:nth-child(n+2):hover {
  background: rgba(0, 59, 13, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.dk-table.grey > tr:nth-of-type(even) {
  background-color: #bdbdbd;
}
.dk-table.grey > tr:nth-of-type(odd) {
  background-color: #8a8a8a;
}
.dk-table.grey > thead tr {
  background: none;
}
.dk-table.grey > th tr {
  background: none;
}
.dk-table.grey > tr:nth-child(n+2):hover {
  background: rgba(0, 59, 13, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.table-k80-steel {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
}
.table-k80-steel td {
  border-color: #265f80;
}
.table-k80-steel > tr:first-of-type {
  background: rgba(109, 145, 161, 0.53) !important;
}
.table-k80-steel > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.table-k80-steel > tr > td:nth-child(n+3) {
  text-align: center;
}
.table-k80-steel > tr:nth-child(2n):not(:first-child) {
  background: rgba(59, 72, 78, 0.53);
}
@media only screen and (max-width: 768px) {
  .table-k80-steel {
    font-size: 0.7em;
    width: 100%;
    word-break: break-all;
  }
}
.dk-table-corners > tr:last-of-type > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table-corners > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table-corners > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table-corners > tr:last-child > td:first-of-type {
  border-radius: 0 0 0 10px;
}
.dk-table-corners > tr:last-of-type > td:last-of-type {
  border-radius: 0 0 10px 0;
}
.dk-table-corners > tr:last-child > td:only-child {
  border-radius: 0 0 10px 10px;
}
.dk-table-corners > tr:first-of-type > th {
  white-space: nowrap;
}
.dk-table-corners > tr:first-of-type > th:only-of-type {
  border-radius: 10px 10px 0 0;
}
.dk-table-corners > tr:first-of-type > th:first-of-type {
  border-radius: 10px 0 0 0;
}
.dk-table-corners > tr:first-of-type > th:last-of-type {
  border-radius: 0 10px 0 0;
}
.dk-borders > tr td:first-of-type {
  border-left: 1px solid grey;
}
.dk-borders > tr > td {
  border-right: 1px solid grey;
  border-top: 1px solid grey;
}
.dk-borders > tr:last-of-type > td {
  border-bottom: 1px solid grey;
}
.dk-borders > tr:last-of-type > td:first-of-type {
  border-left: 1px solid grey;
}
.dk-borders > tr:last-child > td {
  border-bottom: 1px solid grey;
}
.dk-borders > tr:last-child > td:first-of-type {
  border-bottom: 1px solid grey;
}
.dk-borders > tr:last-child > td:first-of-type {
  border-bottom: 1px solid grey;
}
.dk-borders > tr:last-child > td:only-child {
  border-bottom: 1px solid grey;
}
.dk-borders > tr:first-of-type > th:first-of-type {
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-borders > tr:first-of-type > th:last-of-type {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-borders > tr:first-of-type > th:only-of-type {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-borders > tr:first-of-type > th:nth-of-type(odd) {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.dk-borders > tr:first-of-type > th:nth-of-type(even) {
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}
.stock-table {
  table-layout: fixed;
  width: 100%;
}
.stock-table td {
  border: none !important;
  border-top: 1px grey solid !important;
  border-collapse: collapse;
}
.headers {
  background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
  background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
}
.headers_dark {
  -webkit-transition: 0.3s;
  background: #d09082;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* W3C */
}
.dk-table-skew {
  width: 300px;
  border-spacing: 0;
  box-shadow: 4px 4px 4px #000;
  border-radius: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.dk-table-skew td:nth-of-type(n+2) {
  width: 19px;
}
.dk-table-skew tbody tr {
  font-size: 1.2em;
  line-height: 1.5em;
}
.dk-table-skew thead tr:first-of-type {
  background: none;
}
.dk-table-skew thead th:nth-of-type(odd) div span {
  background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
  background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
}
.dk-table-skew thead th:nth-of-type(even) div span {
  -webkit-transition: 0.3s;
  background: #d09082;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* W3C */
}
.dk-table-skew th {
  border-bottom: 1px solid #FFF;
  padding: 5px;
  width: 10px;
}
.dk-table-skew th:last-child {
  border-right: 0px;
}
.dk-table-skew th:first-child {
  width: 70px;
  box-shadow: 4px 0px 4px #000;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
  background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
  background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
}
.dk-table-skew th:last-child {
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.dk-table-skew th:nth-of-type(n+2) div {
  position: absolute;
  clip: rect(-55px, 110px, 16px, -8px);
}
.dk-table-skew span {
  box-shadow: 4px 4px 4px #000;
  border: 0.5px solid #CCC;
  z-index: -1;
  padding: 0px 0px 2px 22px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  width: 110px;
  bottom: 7px;
  left: -21px;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  -moz-border-radius: 0  0 0 0;
  -webkit-border-radius: 0  0 0 0;
  border-radius: 0  0 0 0;
}
.zebra_blue tr:nth-of-type(odd) {
  background-color: #04145d;
  border-radius: 10px;
}
.zebra_blue tr:nth-of-type(even) {
  background-color: #020d39;
  border-radius: 10px;
}
.simple-zebra > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.12);
}
.simple-borders {
  border-collapse: collapse;
}
.simple-borders table,
.simple-borders th,
.simple-borders td {
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.dk-table-skew {
  width: 300px;
  border-spacing: 0;
  box-shadow: 4px 4px 4px #000;
  border-radius: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.dk-table-skew td:nth-of-type(n+2) {
  width: 19px;
}
.dk-table-skew tbody tr {
  font-size: 1.2em;
  line-height: 1.5em;
}
.dk-table-skew thead tr:first-of-type {
  background: none;
}
.dk-table-skew thead th:nth-of-type(odd) div span {
  background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
  background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
}
.dk-table-skew thead th:nth-of-type(even) div span {
  -webkit-transition: 0.3s;
  background: #d09082;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* W3C */
}
.dk-table-skew th {
  border-bottom: 1px solid #FFF;
  padding: 5px;
  width: 10px;
}
.dk-table-skew th:last-child {
  border-right: 0px;
}
.dk-table-skew th:first-child {
  width: 70px;
  box-shadow: 4px 0px 4px #000;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
  background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
  background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
}
.dk-table-skew th:last-child {
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.dk-table-skew th:nth-of-type(n+2) div {
  position: absolute;
  clip: rect(-55px, 110px, 16px, -8px);
}
.dk-table-skew span {
  box-shadow: 4px 4px 4px #000;
  border: 0.5px solid #CCC;
  z-index: -1;
  padding: 0px 0px 2px 22px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  width: 110px;
  bottom: 7px;
  left: -21px;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  -moz-border-radius: 0  0 0 0;
  -webkit-border-radius: 0  0 0 0;
  border-radius: 0  0 0 0;
}
.row_two {
  background: #00330c;
  text-align: center;
}
.row_one {
  background: #001d0d;
  text-align: center;
}
.queue-table {
  border-collapse: separate;
  border-spacing: 0;
}
.queue-table td {
  padding: 0.4em;
}
.queue-table tr:last-of-type td:last-of-type {
  border-radius: 0 0 2em 0;
}
.queue-table tr:nth-child(2n) td:nth-child(n+2) {
  background: rgba(59, 72, 78, 0.53);
}
.queue-table tr:not(:last-of-type) td:first-of-type {
  border-bottom: 1px solid #265f80;
}
.queue-table td:nth-child(n+2) {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.meds-table {
  border-collapse: collapse;
  padding: 0.5em;
  font-size: 0.7em;
  height: calc(100% - 1.2em);
  width: 100%;
  table-layout: fixed;
  background: #101010;
}
.meds-table thead {
  text-align: center;
  border-collapse: collapse;
}
.meds-table thead td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.meds-table2 {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
}
.meds-table2 td {
  border-color: #265f80;
}
.meds-table2 > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.meds-table2 > tr > td:nth-child(n+3) {
  text-align: center;
}
.meds-table2 > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.med-subtable tr:not(:first-of-type) td {
  border-top: 1px dotted grey !important;
}
.med-admin {
  display: inline-block;
  width: calc(100% - 1.2em);
  text-align: left;
  border-top: 1px dotted #265f80;
  font-size: 0.9em;
}
.med-admin-sub1 {
  display: inline-block;
}
div.med-admin-sub1:not(:nth-last-child(1))::after {
  font-family: DejaVu Sans;
  font-size: 0.8em;
  vertical-align: 0.25ch;
  padding-left: 0.25ch;
  content: '●';
  color: grey;
}
.med-continuous-status {
  display: inline-block;
  width: calc(100% - 1.2em);
  text-align: left;
  border-top: 1px dotted #265f80;
  font-size: 0.9em;
}
.med-continuous-status > div:last-of-type {
  display: inline-block;
}
.med-continuous-status-sub1 {
  display: inline-block;
}
.med-continuous-smaller {
  font-size: 0.8em;
  filter: brightness(0.7);
}
.med-total-unit {
  font-size: 0.8em;
  filter: brightness(0.7);
}
.med-dosage-unit {
  font-size: 0.8em;
  filter: brightness(0.7);
}
.med-continuous-done {
  filter: brightness(0.6);
}
div.med-continuous-status-sub1:not(:nth-last-child(1))::after {
  font-family: DejaVu Sans;
  font-size: 0.8em;
  vertical-align: 0.25ch;
  padding-left: 0.25ch;
  content: '●';
  color: grey;
}
span.comma-list:not(:nth-last-child(1)) > span {
  margin-right: -0.5ch;
}
span.comma-list:not(:nth-last-child(1))::after {
  content: ',';
}
.comma-list2 > .comma-item:nth-of-type(n + 2)::before {
  content: ", ";
}
span.comma-list3:not(:nth-last-child(1)) > span::after {
  content: ", ";
}
.grey-row-borders > tr {
  border: 1px solid grey;
}
.discharge-table {
  font-size: 1em;
  width: 100%;
  text-transform: none;
  padding: 0.25em;
  border-collapse: separate;
  border-spacing: 0;
}
.discharge-table td {
  padding: 0.2em;
}
.discharge-table tr:nth-child(2n) td {
  background: rgba(59, 72, 78, 0.53);
}
.discharge-table tr:not(:last-of-type) td:first-of-type {
  border-bottom: 1px solid #265f80;
}
.discharge-table td:nth-child(n+2) {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.discharge-table td:nth-child(n+3) {
  text-align: center;
}
.egdt-table {
  font-size: 1em;
  width: 100%;
  text-transform: none;
  border-collapse: collapse;
  border-spacing: 0;
}
.egdt-table tr {
  border-bottom: 1px solid #265f80;
}
.egdt-table td {
  padding: 0.2em;
  vertical-align: top;
}
.egdt-table tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.icu-table {
  text-transform: none;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.icu-table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.icu-table tr {
  width: 100%;
  padding-top: 0.1em;
}
.icu-table tr td:not(:only-of-type):nth-of-type(2n-1) {
  padding-right: 0.2em;
}
.icu-table tr td:nth-of-type(2n+1) {
  text-align: right;
}
.icu-table tr td:only-of-type {
  text-align: center;
}
.icu-table td {
  font-weight: normal;
}
.icu-table2 {
  border-collapse: collapse;
}
.icu-table2 span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.indexcard-bundle-table {
  border-collapse: collapse;
}
.indexcard-bundle-table > tr td:not(:last-of-type) {
  border-right: 1px solid grey;
}
.indexcard-bundle-table > tr:not(:last-of-type) td {
  border-bottom: 1px solid grey;
}
.clear-table {
  border-collapse: collapse;
}
.clear-table td {
  border: 0 !important;
  background: inherit !important;
}
.sofa-table {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
}
.sofa-table th {
  background: black;
  font-weight: normal;
  border-right: 1px solid #265f80;
  border-left: 1px solid #265f80;
  border-top: 1px solid #265f80;
  font-style: italic;
  font-size: 0.8em;
}
.sofa-table td {
  border-color: #265f80;
}
.sofa-table > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.sofa-table > tr > td:nth-child(n+2) {
  text-align: center;
}
.sofa-table > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.clean-table {
  text-transform: none;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #265f80;
  border-radius: 0.5ch;
}
.clean-table th {
  background: black;
  font-weight: normal;
  border-right: 1px solid #265f80;
  border-left: 1px solid #265f80;
  font-style: italic;
  font-size: 0.8em;
}
.clean-table > tr > td:first-of-type {
  border-right: 1px solid #265f80;
}
.clean-table > tr > td {
  border-bottom: 1px solid #265f80;
}
.clean-table > tr > td:nth-child(n+2) {
  text-align: center;
}
.clean-table > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.tabular-neo {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
}
.tabular-neo caption {
  background: black;
  line-height: 1.1em;
}
.tabular-neo .vert-table-sticky-2:nth-child(odd) {
  background: #3b484e;
}
.tabular-neo .vert-table-sticky-2:nth-child(even) {
  background: #181c1d;
}
.tabular-neo th {
  border-bottom: 1px solid #265f80;
}
.tabular-neo th:nth-child(even) {
  background: rgba(59, 72, 78, 0.53);
}
.tabular-neo td {
  border-color: #265f80;
}
.tabular-neo > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.tabular-neo > tr > td:nth-child(n+2) {
  text-align: center;
}
.tabular-neo > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.tabular-neo > tr:nth-child(2n) .solid {
  background: #3b484e;
}
.tabular-neo > tr:nth-child(2n-1) .solid {
  background: #000000;
}
.tabular-neo > tr:nth-child(2n-1) .solid-empty {
  background: linear-gradient(90deg, black, transparent);
}
.table-rows0 {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
  padding-bottom: 0.8ch;
}
.table-rows0 caption {
  background: #0b2a2a;
  border: 1px solid #265f80;
  border-radius: 0.5em 0.5em 0 0;
}
.table-rows0 th {
  border-bottom: 1px solid #265f80;
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  font-size: 0.8em;
}
.table-rows0 th:nth-child(even) {
  background: rgba(59, 72, 78, 0.53);
}
.table-rows0 td {
  border-color: #265f80;
}
.table-rows0 > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
  text-align: center;
}
.table-rows0 > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.table-rows0 > tr:nth-child(2n) .solid {
  background: #3b484e;
}
.table-rows0 > tr:nth-child(2n-1) .solid {
  background: #000000;
}
.table-rows0 > tr:nth-child(2n-1) .solid-empty {
  background: linear-gradient(90deg, black, transparent);
}
.table-rows0 > tr:nth-child(n+3):hover {
  background: rgba(69, 38, 87, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.table-rows1 {
  text-transform: none;
  width: 100%;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
}
.table-rows1 th {
  border-bottom: 1px solid #265f80;
  white-space: initial;
}
.table-rows1 th:nth-child(even) {
  background: rgba(59, 72, 78, 0.53);
}
.table-rows1 td {
  border-color: #265f80;
}
.table-rows1 > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.table-rows1 > tr > td:nth-child(n+2) {
  text-align: center;
}
.table-rows1 > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.table-rows1 > tr:nth-child(2n) .solid {
  background: #3b484e;
}
.table-rows1 > tr:nth-child(2n-1) .solid {
  background: #000000;
}
.table-rows1 > tr:nth-child(2n-1) .solid-empty {
  background: linear-gradient(90deg, black, transparent);
}
.table-rows1 > tr:nth-child(n+2):hover {
  background: rgba(69, 38, 87, 0.49);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
}
.view-hospitals-table {
  text-transform: none;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #265f80;
}
.view-hospitals-table th {
  background: black;
  font-weight: normal;
  border-right: 1px solid #265f80;
  border-left: 1px solid #265f80;
  font-style: italic;
  font-size: 0.8em;
}
.view-hospitals-table td {
  border-color: #265f80;
}
.view-hospitals-table > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.view-hospitals-table > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.simple-table {
  text-transform: none;
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 0;
}
.simple-table td {
  border-color: #265f80;
}
.simple-table > tr > td {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.simple-table > tr:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.dashboard-simple {
  white-space: nowrap;
}
.dashboard-simple tr td:first-of-type {
  text-align: right;
}
.dashboard-simple tr td:last-of-type {
  text-align: left;
}
.input-select-stripes > div:nth-child(2n) {
  background: rgba(59, 72, 78, 0.53);
}
.input-select {
  color: yellow;
  background: #383824 !important;
}
.select-item:hover {
  color: yellow !important;
  background: #383824 !important;
}
.select-item2:hover {
  color: yellow !important;
}
.select-item2:hover > span {
  color: yellow !important;
}
.oxy-table {
  border-collapse: collapse;
}
.oxy-table .flexed {
  display: flex;
  align-items: center;
}
.oxy-table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.ultra-table {
  border-collapse: collapse;
  table-layout: fixed;
  text-transform: none;
  white-space: nowrap;
  width: 100%;
}
.ultra-table .flexed {
  display: flex;
  align-items: center;
}
.ultra-table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
table.stark {
  border-collapse: collapse;
  border: 1px solid #000000;
}
table.stark th,
table.stark td {
  border-bottom: 1px solid #000000;
}
table.any-stripe tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.5);
}
table.compact {
  border-collapse: collapse;
}
table.inline {
  display: inline-table;
}
table.left-right tr td:nth-child(odd) {
  text-align: left;
}
table.left-right tr td:nth-child(even) {
  text-align: right;
}
table.right-left tr td:nth-child(odd) {
  text-align: right;
}
table.right-left tr td:nth-child(even) {
  text-align: left;
}
.table-1r-2l {
  border-collapse: collapse;
  white-space: nowrap;
}
.table-1r-2l span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.table-1r-2l tr td:nth-child(2) {
  padding-left: 0.5ch;
  text-right: left;
}
.table-1r-2l tr td:nth-child(1) {
  text-align: right;
}
table.tool-tip-text {
  width: 100%;
}
.z-tr {
  cursor: pointer;
}
.z-tr:hover {
  color: yellow;
}
.z-tr.highlighted {
  background: rgba(111, 59, 142, 0.49) !important;
}
.grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.grid::after {
  content: "";
  flex: auto;
}
.grid-item {
  white-space: nowrap;
}
.graph {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.graph:not(.slimfit) {
  top: 1ch;
}
.graph.slimfit {
  top: 0.2ch;
}
.graph.slimfit .graph-key-container-left {
  top: -1ch !important;
}
.graph svg {
  left: 0;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  overflow: visible;
}
.graph .x-axis,
.graph .x-axis-dual {
  position: absolute;
  bottom: 0;
  color: var(--graph-x-axis-text);
}
.graph-aspect {
  padding-top: var(--main-graph-aspect);
  height: unset !important;
}
.graph-disabled {
  filter: grayscale(0.75);
  text-decoration: line-through;
}
.graph-stats {
  bottom: 0;
  font-size: 0.8em;
  position: absolute;
  right: 0;
}
.yaxis {
  fill: var(--graph-y-axis-text);
}
.yaxis .even {
  opacity: 0.7;
}
.yaxis-r .even {
  font-size: 0.8em;
  opacity: 0.7;
}
.y-axis-r {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.y-axis-r .even {
  opacity: 0.7;
}
.y-axis-r .y-axis-label {
  position: absolute;
  text-align: center;
  right: 0;
  transform: translateY(-50%);
}
.showKey-disabled > div {
  filter: grayscale(0.75);
  opacity: 0.7;
}
.showKey-disabled .showKey-text {
  text-decoration: line-through;
}
.main-graph-region {
  transition: 0.5s;
  transition-property: opacity;
}
.main-graph-region-over1 {
  transition: 0.5s;
  transition-property: opacity;
  height: calc(100% + var(--bottomPadding) - 1em);
  padding: var(--topPadding) 0.5ch calc(var(--bottomPadding2) + var(--axisClear)) 0;
  overflow: visible !important;
}
.main-graph-region-over1:not(.disableMask) {
  -webkit-mask-image: linear-gradient(0deg, transparent 0%, transparent calc(var(--bottomPadding2) + 0ch), black calc(var(--bottomPadding2) + 0ch), black 95%, transparent 98%), linear-gradient(90deg, black 0% calc(100% - 0.5ch), transparent calc(100% - 0.5ch));
  -webkit-mask-composite: destination-in;
}
.showKey-text {
  display: inline-block;
  padding: 0 0.2ch;
}
.graph-key-container-central {
  background: black;
  border: 2px solid #4f4f4f;
  border-radius: 1ch;
  display: inline-flex;
  line-height: 1em;
  overflow: hidden;
}
.graph-key-container-central > div:not(:first-of-type):not(.tied) {
  border-left: 2px solid #4f4f4f;
}
.graph-key {
  background: var(--graph-key-background);
  display: inline-flex;
  line-height: 1em;
  padding: 0 0.2ch;
}
.graph-key:hover {
  background: rgba(255, 255, 0, 0.2);
}
.graph-key.tied {
  border-left: none;
}
.graph-key-sub {
  font-size: 0.8em;
}
.graph-key-container-left {
  font-size: 0.6em;
  left: 1ch;
  position: absolute;
  top: -2ch;
}
.graph-key-container-right {
  font-size: 0.6em;
  right: 1ch;
  position: absolute;
  top: -2ch;
}
.graph-max-exceeded {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 0.8em;
  left: 0.5ch;
  position: absolute;
  top: 1ch;
}
.graph-min-exceeded {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: white;
  font-size: 0.8em;
  left: 0.5ch;
  position: absolute;
}
.zoom-range {
  z-index: 5;
}
.zoom-range-selection {
  transition: background-color 0.25s;
}
.zoom-range-too-small {
  background: #969600 !important;
  transition: 0s !important;
}
.no-transition {
  transition: none !important;
}
.xaxis .even {
  font-size: 0.8em;
  opacity: 0.7;
}
.x-axis .x-axis-label {
  position: absolute;
  text-align: center;
}
.x-axis .x-axis-label:not(:first-of-type) {
  transform: translateX(-50%);
}
.x-axis .x-axis-label:last-of-type {
  transform: translateX(-100%) !important;
}
.x-axis-dual .x-axis-label {
  position: absolute;
  text-align: center;
}
.x-axis-dual .x-axis-label:not(:first-of-type) {
  transform: translateX(-50%);
}
.x-axis-dual .x-axis-label:last-of-type {
  transform: translateX(-100%);
}
.x-axis-label-date {
  color: #00FFFF;
  font-size: 0.7em;
  top: 0.5ch;
  padding-left: 0.5ch;
}
.x-axis-label-date:not(.below) {
  display: inline-block;
  position: absolute;
}
.x-axis-label-time {
  display: inline-block;
}
.point {
  cursor: crosshair;
  opacity: 1;
}
.point:hover .data-point {
  opacity: 1;
  stroke: yellow;
}
.data_point {
  cursor: crosshair;
  z-index: 10;
  font-size: 0.8em;
  display: none;
  fill: white;
  opacity: 0;
}
#graph-heartRateContainer,
#graph-SBPContainer,
#graph-UOContainer,
#graph-TemperatureContainer {
  position: absolute;
  width: 98%;
  top: 1.5em;
  bottom: 0.5em;
  left: 0.5em;
  overflow: initial !important;
}
fieldset .graphContainer {
  height: calc(100% - 0.4em) !important;
}
.graphContainer {
  height: 100%;
  width: 100%;
  position: relative;
  text-transform: none;
}
.graph-container-bottom {
  padding: 0.5ch 0;
  text-align: center;
}
#hub-graph-heartRateContainer,
#hub-graph-SBPContainer,
#hub-graph-UOContainer,
#hub-graph-TemperatureContainer {
  position: absolute;
  width: 98%;
}
.graphMedControlsGraphPadding {
  padding-bottom: 5em;
}
.graphMedControls {
  position: absolute;
  height: 5em;
  border: 1px solid grey;
  border-radius: 0 0 1em 1em;
  bottom: 0;
}
.rxControls {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.focalPointTag {
  display: flex;
  font-size: 0.6em;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  position: absolute;
  transform: translateY(-50%);
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  top: 45%;
  border: 1px solid yellow;
}
.focalPointTag > div {
  border-left: 1px solid yellow;
}
.medControl > div:nth-of-type(even) {
  background: #1a1a1a;
}
.med-continuous-overlay {
  stroke-dasharray: 2,4;
  stroke-width: 2px;
}
.z-dash-graph-block {
  height: 100%;
  width: 100%;
}
.z-dash-graph-block .z-blockSegment {
  height: 100%;
}
.z-dash-graph-block .z-blockSegment fieldset {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  width: 100%;
  border: 2px solid grey;
}
.graph-exceeded-markers {
  pointer-events: none;
  position: absolute;
}
.graph-legend .graph-legend-item:not(:first-of-type):not(.graph-legend-sub)::before {
  color: white;
  content: "|";
}
.graph-med-overlays {
  pointer-events: none;
  position: absolute;
}
.graph-med-overlays .short-tags {
  position: absolute;
  top: -1em;
  transform: translateX(-50%);
  font-size: 0.6em;
}
.graph-med-overlays .med-admin-group-count {
  background: black;
  border: 2px solid grey;
  border-radius: 1ch;
  color: yellow;
  padding: 0 0.5ch;
  pointer-events: all;
}
.graph-med-overlays .medgroup-short-tags {
  position: absolute;
  top: -1em;
  font-size: 0.6em;
  display: inline-flex;
  justify-content: center;
}
.graph-med-overlays .medgroup-summary {
  bottom: 0;
  display: inline-flex;
  font-size: 0.6em;
  justify-content: center;
  position: absolute;
  pointer-events: all;
}
.graph-med-overlays .medgroup-summary-tag {
  background: rgba(0, 0, 0, 0.6);
  border: 2px dashed grey;
  border-radius: 0.2ch;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.25ch;
  max-width: 5ch;
  padding: 0 0.25ch;
}
.graph-general-overlays {
  pointer-events: none;
  position: absolute;
}
.admin-completion-status {
  border-radius: 1ch 1ch 0 0;
  border-style: dashed;
  border-width: 2px;
  display: flex;
  align-items: center;
  max-width: 16ch;
  position: absolute;
  font-size: 0.5em;
  transform: rotateZ(90deg);
  transform-origin: bottom right;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 0 !important;
  bottom: 0.5ch;
  font-weight: bold;
  flex-flow: column;
  pointer-events: all;
  padding: 0 0.5ch;
}
.admin-completion-status.compact {
  font-size: 0.4em !important;
}
.graph-med-data-box {
  font-size: 0.5em;
  background: black;
  text-align: center;
  position: absolute;
  border: 1px solid yellow;
  border-radius: 0.5em;
  overflow: hidden;
}
.graph-med-data-box .med-name {
  word-wrap: break-word;
  white-space: nowrap;
  width: 18ch;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.graph-mouse-time {
  font-size: 0.6em;
  background: black;
  display: inline-block;
  position: absolute;
  transform: translateX(-50%);
  top: -1ch;
  padding: 0 0.25ch;
}
.med-completion-tag-off {
  color: grey;
}
.subGrid-svg {
  overflow: visible;
}
.xaxis {
  overflow: visible;
}
.yaxis {
  overflow: visible;
}
.graph-zoom-container {
  align-items: center;
  bottom: 0.2ch;
  display: flex;
  font-size: 0.6em;
  gap: 1ch;
  justify-content: center;
  padding: 0 1ch;
  position: absolute;
  width: calc(100% - 2ch);
}
.graph-zoom-slider {
  background: #0bb5b7;
  border: 1px solid black !important;
  border-radius: 1em;
  color: white;
  height: 90%;
  opacity: 0.8;
  position: absolute;
}
.graph-zoom-slider:hover {
  opacity: 1 !important;
  border: 1px solid white !important;
}
.graph-zoom-slider.active {
  opacity: 1 !important;
  border: 1px solid white !important;
}
.graph-zoom-slider-container {
  background: #1d3b40;
  border-radius: 1em;
  width: 100%;
  height: 0.8ch;
  position: relative;
}
.graph-zoomer {
  flex-grow: 1;
  z-index: 11;
}
.scatter-dataTip {
  background: rgba(0, 80, 150, 0.7);
  border: 1px solid cyan;
  font-size: 0.7em;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  transform: translate(0.5ch, 0.5ch);
}
.scatter-dataTip-point {
  position: absolute;
  transform: translate(-0.5ch, -0.5ch);
  color: yellow;
  font-size: 0.7em;
}
.graph-continuous-direction {
  position: absolute;
  filter: brightness(1.5);
}
.airstrip-ecg1 {
  clip-path: polygon(1% 33%, 89% 33%, 89% 99%, 1% 99%);
  transform-origin: 0 100%;
  transform: translateY(-25%) scale(1.12);
}
.airstrip-ecg2 {
  width: 177%;
  height: 307%;
  transform: translate(-18%, -27.2%) scale(0.65);
}
.airstrip-ecg2.as1-left-pane {
  width: 216%;
  height: 307%;
  transform: translate(-19%, -23%) scale(0.65);
}
.airstrip-ob {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.block-library-table {
  border-collapse: separate;
  border-spacing: 0;
}
.block-library-table td {
  padding: 0.2em 0.1em;
}
.block-library-table tr:not(:last-of-type) td:first-of-type {
  border-bottom: 1px solid #265f80;
}
.block-library-table td:nth-child(n+2) {
  border-left: 1px solid #265f80;
  border-right: 1px solid #265f80;
  border-bottom: 1px solid #265f80;
}
.dash-block-library {
  position: absolute;
  top: 10%;
  left: 48%;
  height: 50%;
  width: 27%;
  font-size: 0.6em;
  z-index: 12;
}
.dash-block-library .in-use {
  background: #082e0c;
}
.dash-block-library .not-in-use {
  background: #230C0C;
}
.dash-graph-manager {
  position: absolute;
  top: 80%;
  left: 5%;
  height: 15%;
  width: 90%;
  font-size: 0.6em;
  z-index: 12;
}
.dash-graph-manager .in-use {
  background: #082e0c;
}
.dash-graph-manager .not-in-use {
  background: #230C0C;
}
.editor-block-manager {
  position: absolute;
  height: 85%;
  top: 10%;
  left: 10%;
  min-width: 35%;
  max-width: 40%;
}
.editor-block-popup {
  position: absolute;
  background: black;
  z-index: 888;
  padding: 0.2em;
  border: red 1px solid;
  border-radius: 0.5em;
  text-transform: none;
  font-size: 0.8em;
}
.editor-block-popup.hidden {
  display: none;
}
.editor-block-popup .upper-right {
  position: absolute;
  top: -0.6em;
  right: -0.2em;
}
.editor-brown.outline {
  border: 1px solid #d09171;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-brown .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-brown > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-brown > .header .timeStamp {
  color: #ffc5a8;
  margin-left: 0.2em;
}
.editor-brown > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.editor-cyan.outline {
  border: 1px solid #10d0bf;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-cyan .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-cyan > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0c3b37 100%);
  border-bottom: 1px #097168 solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-cyan > .header .timeStamp {
  color: #47ffef;
  margin-left: 0.2em;
}
.editor-cyan > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0c3b37 100%);
  border-bottom: 1px #097168 solid;
}
.editor-keys {
  box-shadow: 4px 4px 8px 4px #000000;
  background: rgba(0, 0, 0, 0.95);
  width: 50%;
  height: 80%;
  position: absolute;
  left: 25%;
  top: 10%;
  border: 2px red solid;
  border-radius: 2em;
  z-index: 999;
  overflow: hidden;
}
.editor-keys-table1 {
  text-transform: none;
  table-layout: fixed;
  font-size: 0.85em;
  text-align: left;
  width: 100%;
  border-collapse: collapse;
}
.editor-keys-table1 td:first-of-type {
  width: 25%;
  padding-right: 0.5em;
  color: yellow;
  text-align: right;
}
.editor-keys-table1 span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.editor-keys-table1 tr {
  width: 100%;
  padding-top: 0.1em;
}
.editor-keys-table1 td {
  font-weight: normal;
}
.editor-keys-table1 tr:nth-of-type(4n+1) {
  background: rgba(0, 0, 0, 0.31);
}
.editor-keys-table2 {
  text-aign: center;
  font-size: 0.8em;
  margin-top: 1em;
  width: 100%;
}
.editor-layout-stats {
  text-transform: none;
  position: absolute;
  pointer-events: none;
  bottom: 1px;
  width: 100%;
  text-align: center;
  z-index: 20;
  font-size: 0.7em;
}
.editor-layout-stats > div:first-of-type {
  border-top: 1px solid red;
  z-index: 21;
  padding-left: 1em;
  padding-right: 1em;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1em 1em 0 0;
  display: inline-block;
}
.editor-layout-stats .button-touch {
  pointer-events: initial;
}
.editor-panel {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  z-index: 50;
  user-select: none;
  box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.8);
  font-size: 0.9em;
}
.editor-panel.brown .editor-banner {
  background: #3f2a1f;
  color: #d09171;
}
.editor-panel.brown.outline {
  border: 1px solid #d09171;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-panel.brown .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-panel.brown > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-panel.brown > .header .timeStamp {
  color: #ffc5a8;
  margin-left: 0.2em;
}
.editor-panel.brown > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.editor-panel.cyan .editor-banner {
  background: #0c3b37;
  color: #0bb5b7;
}
.editor-panel.cyan.outline {
  border: 1px solid #10d0bf;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-panel.cyan .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-panel.cyan > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0c3b37 100%);
  border-bottom: 1px #097168 solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-panel.cyan > .header .timeStamp {
  color: #47ffef;
  margin-left: 0.2em;
}
.editor-panel.cyan > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0c3b37 100%);
  border-bottom: 1px #097168 solid;
}
.editor-panel.purple .editor-banner {
  background: #4c1944;
  color: #d048ba;
}
.editor-panel.purple.outline {
  border: 1px solid #d048ba;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-panel.purple .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-panel.purple > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #582750 100%);
  border-bottom: 1px #8e247d solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-panel.purple > .header .timeStamp {
  color: #ff7fea;
  margin-left: 0.2em;
}
.editor-panel.purple > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #582750 100%);
  border-bottom: 1px #8e247d solid;
}
.editor-purple.outline {
  border: 1px solid #d048ba;
  border-radius: 0.5em 0.5em 0 0;
  padding-bottom: 0.5ch;
}
.editor-purple .header.zoomable:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(44, 5, 5, 0) 100%) !important;
  color: yellow;
}
.editor-purple > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #582750 100%);
  border-bottom: 1px #8e247d solid;
  border-radius: 0.5em 0.5em 0 0;
}
.editor-purple > .header .timeStamp {
  color: #ff7fea;
  margin-left: 0.2em;
}
.editor-purple > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #582750 100%);
  border-bottom: 1px #8e247d solid;
}
.edit-table span.splitter {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.editorColumnLeftButton {
  width: 90%;
}
.editorColumnNameButton {
  width: 90%;
}
.editorColumnTopButton {
  width: 88%;
}
.editorOverFlowOff {
  overflow: hidden;
}
.masterblock-blur {
  -webkit-filter: blur(3px);
}
.moving {
  cursor: move;
}
.window-top-bar {
  border-radius: 1em 1em 0 0;
}
body.editing {
  overflow: hidden;
}
.dev-panel-master {
  display: flex;
  flex-flow: column;
  position: absolute;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  width: 40%;
  height: 100%;
  top: 0;
  left: 0;
  transition: var(--anim-baseTime);
  text-transform: none;
  border-right: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) dashed;
  z-index: 50;
}
.dev-panel-master.hidden {
  left: -1930px;
}
.dev-panel-master .header {
  border-bottom: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  text-align: center;
  font-weight: bold;
}
.dev-panel-master .contents {
  flex-grow: 1;
  overflow: auto;
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
.dev-panel-master .contents::-webkit-scrollbar {
  width: 0.7em;
}
.dev-panel-master .contents::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  padding: 5em 1em;
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.35));
}
.dev-panel-master .contents::-webkit-scrollbar-thumb {
  border-radius: 0.5em;
  -webkit-box-shadow: inset 0 0 0.4em hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.dev-panel-master .contents::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.dev-panel-master .contents::-webkit-scrollbar-thumb:window-inactive {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.25));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.65));
}
.dev-panel-master .contents::-webkit-scrollbar-button {
  border-style: solid;
  height: 16px;
  width: 16px;
}
.dev-panel-master .contents::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0 0.75ch 1.25ch 0.75ch;
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:vertical:increment {
  border-width: 1.25ch 0.75ch 0 0.75ch;
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:horizontal:decrement {
  border-width: 0.75ch 1.25ch 0.75ch 0;
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent;
}
.dev-panel-master .contents::-webkit-scrollbar-button:horizontal:increment {
  border-width: 0.75ch 0 0.75ch 1.25ch;
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8));
}
.dev-panel-master .contents::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.dev-panel-master .close {
  padding-right: 1ch;
  float: right;
}
.dev-panel-master .zdata {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.indexContent {
  overflow-y: auto;
  overscroll-behavior-y: none;
  overflow-x: hidden;
  flex-grow: 1;
}
.index-content-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: 1ch;
  margin-right: 1ch;
}
.z-wow-menu-base {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
}
.z-wow-menu-base fieldset {
  transition: 0.3s;
}
.z-wow-menu-base.hovered fieldset {
  border-color: yellow;
  transition: 0.3s;
}
.index-menu-panel {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
}
.index-menu-panel.hidden {
  display: none;
}
.index-menu-panel fieldset {
  transition: 0.3s;
}
.index-menu-panel.hovered fieldset {
  border-color: yellow;
  transition: 0.3s;
}
.index-header {
  z-index: 7;
}
.index-bundle-list-entry {
  position: relative;
}
.index-bundle-list-entry:hover {
  background: rgba(100, 100, 100, 0.5);
}
.index-bundle-list-entry:has(.bundle-hide-completely) {
  display: none;
}
.index-bundle-list-tag {
  background: black;
  margin-bottom: 0.5ch;
  position: relative;
}
@-webkit-keyframes rightArrow {
  0% {
    -webkit-transform: translateX(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateX(-0.4em);
    opacity: 0.4;
  }
}
.right-arrow-animated {
  -webkit-animation: rightArrow 0.6s infinite alternate ease-in-out;
}
.index-header-bar {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border-bottom: 1px solid var(--system-hsl);
  box-sizing: border-box;
  height: 0;
  padding: 0 var(--screen-edge-pad) 0 var(--screen-edge-pad);
  min-height: 2.2em;
}
@media only screen and (max-width: 960px) {
  .index-header-bar {
    font-size: 0.8rem;
  }
}
.index-menu {
  padding: 0 0.5ch;
  display: inline-flex;
  height: 100%;
  align-items: center;
}
.index-menu.shown {
  background: #2f696e;
}
.index-menu.hidden {
  background: #152b2e;
}
.index-menu-shown {
  padding: 0 0.5ch;
  display: inline-flex !important;
  height: 100%;
  align-items: center;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.65));
}
.index-menu-hidden {
  padding: 0 0.5ch;
  display: inline-flex !important;
  height: 100%;
  align-items: center;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.25));
}
.index-footer {
  z-index: 10;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 20%, #000000 100%);
}
.menu-pane-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-pane-header span:first-of-type {
  flex-grow: 1;
  height: 1px;
  background: linear-gradient(270deg, white, transparent);
}
.menu-pane-header span:last-of-type {
  flex-grow: 1;
  height: 1px;
  background: linear-gradient(90deg, white, transparent);
}
.segment-hidden {
  display: none;
}
.focal-cards {
  border: 2px solid #7b0000;
  border-radius: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 1ch;
}
.z-indexCard {
  display: block;
}
.lonestar-editor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 75;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
.lsConf-usingDefaults {
  color: grey;
  font-style: italic;
  filter: grayscale(1);
}
.ls-editor-canvas {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  border-radius: 1em;
  height: 96%;
  width: 48%;
  position: absolute;
  left: 25%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1ch;
  overflow-y: auto;
  user-select: none;
  pointer-events: all;
}
.schema-editor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 75;
  background: rgba(0, 0, 0, 0.6);
}
.schema-bed {
  display: inline-block;
  border-radius: 1em;
  border: 1px solid grey;
  padding: 1ch;
  margin: 0.5ch;
  background: #323232;
}
.schema-bed-selected {
  border: 1px solid yellow;
}
.facilityGroup {
  border-radius: 1em;
  border: 1px solid grey;
  padding: 1ch;
  background: rgba(0, 0, 0, 0.5);
  margin: 1ch 0;
}
.schema-stats {
  font-size: 0.8em;
}
.schema-canvas {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  border-radius: 1em;
  height: 96%;
  width: 94%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1ch;
  overflow-y: auto;
}
.z-cube {
  width: 200px;
  height: 200px;
  perspective: 600px;
}
.cube {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateY(-90deg) translateX(50%) rotateY(90deg);
  transition: 2s;
}
.cube.show-right {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateY(-90deg);
}
.cube.show-left {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateY(90deg);
}
.cube.show-back {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateY(180deg);
}
.cube.show-front {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateY(0);
}
.cube.show-top {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateX(-90deg);
}
.cube.show-bottom {
  transform: translate(-50%, -50%) rotateY(-90deg) translateX(50%) rotateY(90deg) rotateX(90deg);
}
.cube-face {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) dotted;
  box-sizing: border-box;
}
.cube-face-front {
  transform: rotateY(0deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.cube-face-right {
  transform: rotateY(90deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.cube-face-back {
  transform: rotateY(180deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.cube-face-left {
  transform: rotateY(-90deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.cube-face-top {
  transform: rotateX(90deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.cube-face-bottom {
  transform: rotateX(-90deg) rotateY(-90deg) translateX(50%) rotateY(90deg);
}
.zCube-active-patient {
  background: purple;
}
.modal-top-content,
.modal-bottom-content {
  padding: 8px;
  flex-shrink: 0;
}
.modal-middle-content {
  flex-grow: 1;
  overflow-y: auto;
}
.themer-window {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border-radius: var(--block-radius);
  border: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  z-index: 99;
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: scroll;
  padding: 1ch;
  transform: translate(-50%, -50%);
}
.no-user-select {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html {
  min-height: 100% !important;
  font-family: DroidSansWOFF;
  font-size: calc(13px + 0.2vw);
  -moz-tab-size: initial;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
body.customer-Decisio:not(.hub) {
  background-image: var(--background-image);
}
body.customer-AirStrip®:not(.hub) {
  background-image: var(--background-image);
}
.zdata:not(.multiline):not(.trunc):not(.no-inline-block) {
  display: inline-block;
}
.zdata:not(.multiline):not(.trunc):not(.no-inline-block).show-background {
  background: rgba(148, 93, 13, 0.78);
}
.zdata.multiline span {
  display: initial !important;
}
.zdata.trunc span {
  display: initial !important;
}
.caps {
  text-transform: capitalize;
}
.strike {
  text-decoration: line-through;
}
.scroll-box {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.scroll-box box .row_first {
  flex: 0 1 auto;
}
.scroll-box .row_second {
  flex: 1 1 auto;
}
.scroll-box .row_third {
  flex: 0 1 40px;
}
.dark-strike {
  text-decoration: line-through;
  filter: brightness(50%);
}
#dashboard-branding {
  position: absolute;
  z-index: 1;
  transition: 1s;
  pointer-events: none;
  top: 50%;
  left: 50%;
  width: 36%;
  transform: translate(-50%, -50%);
}
#dashboard-branding .slogan {
  transition: 1s;
  font-size: 1.8em;
  text-transform: none;
  opacity: 1;
}
#dashboard-branding img {
  opacity: 0.7;
  filter: drop-shadow(4px 3px 4px rgba(0, 0, 0, 0.8));
}
.filter-shadow {
  filter: drop-shadow(4px 3px 4px rgba(0, 0, 0, 0.8));
}
hr {
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  -webkit-margin-before: 0.2em;
  -webkit-margin-after: 0.2em;
  border: none;
}
hr.hr-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
}
hr.hr-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
}
.bold {
  font-weight: bold;
}
.inline {
  display: inline-block;
}
.trunc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.trunc100 {
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi_trunc_2 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.multi_trunc_3 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.multi_trunc_8 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.mixedCase {
  text-transform: none !important;
}
.pd-hide:not(.searchTagged) {
  opacity: 0;
  transition: 2s;
}
*:disabled {
  -webkit-filter: grayscale(70%);
  opacity: 0.7;
}
*:focus:not([type='range']) {
  outline: 0;
}
.front {
  backface-visiblity: hidden;
  -webkit-transform: rotate(0, 1, 0, 0);
}
.back {
  backface-visiblity: hidden;
  -webkit-transform: rotate(0, 1, 0, 180);
}
.front-mega {
  background: #2b2b2b !important;
}
.back-mega {
  background: #0a0a0a !important;
}
@font-face {
  font-family: "DroidSansWOFF";
  src: url("/static/base/fonts/DroidSans.woff");
}
@font-face {
  font-family: "DejaVu Sans";
  src: url("/static/base/fonts/DejaVuSans.ttf");
}
@font-face {
  font-family: "DejaVu Sans Mono";
  src: url("/static/base/fonts/DejaVuSansMono.ttf");
}
@font-face {
  font-family: "Roboto Regular";
  src: url("/static/base/fonts/Roboto-Regular.ttf");
}
.clear {
  clear: both;
}
#app {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: -webkit-linear-gradient(top, #3a3a3a 0%, #000000 100%);
}
#network_status {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 0px 2px 2px 0px;
  background-color: black;
  -webkit-box-shadow: -1px -1px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: -1px -1px 2px 2px rgba(0, 0, 0, 0.5);
  display: table-cell;
  position: absolute;
}
#network_status.connection-connected {
  color: #00ff00;
}
#network_status.connection-disconnected {
  color: red;
}
.line {
  height: 1px;
  background: white;
}
.timeago-stamp {
  text-transform: none;
  font-weight: normal;
  color: #9b9b9b;
  font-size: 0.7em;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0px;
}
#connection-status {
  display: inline;
  text-transform: uppercase;
}
.disabled {
  -webkit-filter: grayscale(50%);
  opacity: 0.5;
}
.disabled.hard-disable {
  pointer-events: none;
}
.no-input {
  pointer-events: none !important;
}
.control-group {
  display: inline-flex;
}
.control-group > div {
  border-radius: 0;
}
.control-group > div > .button-touch:first-of-type:not(.button-m1) {
  border-radius: 0.5em 0 0 0.5em;
}
.control-group > div:first-of-type:not(.button-m1) {
  border-radius: 0.5em 0 0 0.5em;
}
.control-group > div:last-of-type {
  border-radius: 0 0.5em 0.5em 0;
}
.control-group > div:only-of-type {
  border-radius: 0.5em !important;
}
.control-group > span {
  border-radius: 0 0 0 0;
}
.control-group > span:first-of-type {
  border-radius: 1em 0 0 1em;
}
.control-group > span:last-of-type {
  border-radius: 0 1em 1em 0;
}
hr.elegant {
  height: 30px;
  border-style: solid;
  border-color: black;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.elegant:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}
hr.faded {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.confirmation > select {
  border-color: #ff0000;
  box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.8);
}
select {
  color: var(--text-color);
  font-size: var(--select-font-size);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
  padding: 0 0.35em;
  border-radius: 0.25em;
}
@media only screen and (max-width:320px) and (orientation:portrait) {
  select {
    font-size: 0.8em;
  }
}
.home-icon a {
  border-bottom: 0px;
  padding-top: 0.2em;
}
.home-icon img {
  width: 1.8em;
}
.menuicon-container {
  width: 90%;
  margin: 5%;
}
.menuicon-container img {
  width: 100%;
}
.connection-icon {
  width: 90%;
  margin: 5%;
}
.connection-icon img {
  width: 100%;
}
.btn-pressed {
  border: 1px solid yellow;
  box-shadow: 0px 1px 10px #f7e200, inset 0px 0px 15px #f7e200;
  background: #4f4f00;
  -webkit-transition: 0s;
}
.btn-hovered {
  -webkit-transition: 0.15s;
  transition: 0s;
  border-color: yellow #999900 #999900 yellow;
  box-shadow: none;
}
.button-touch {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.button-touch:not(.fa-spin) {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.button-touch.pressed:not(.disabled):not(.button-none) {
  border: 1px solid yellow;
  box-shadow: 0px 1px 10px #f7e200, inset 0px 0px 15px #f7e200;
  background: #4f4f00;
  -webkit-transition: 0s;
}
.button-touch.hovered:not(.pressed):not(.disabled):not(.button-none) {
  -webkit-transition: 0.15s;
  transition: 0s;
  border-color: yellow #999900 #999900 yellow;
  box-shadow: none;
}
.button-touch2 {
  display: flex !important;
}
.button-touch2:not(.flex-column) {
  padding: 0 !important;
}
.button-touch2.flex-column {
  flex-flow: column;
  justify-content: center;
  align-content: center;
}
.button-none {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.button-none.hovered {
  color: yellow;
}
.button-none.pressed {
  color: #ff9800;
}
.button-none-as1 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  text-shadow: none !important;
}
.button-none-as1.hovered {
  color: #c800ff;
}
.button-none-as1.pressed {
  color: #ff9800;
}
.selectable {
  user-select: text;
}
.timeStampRight {
  text-align: left;
}
.timeStampLeft {
  text-align: right;
}
.tab-block .inner-box {
  border-radius: 0 0.5em 0 0;
}
.tab-header {
  font-size: 0.8em;
  position: sticky;
  top: 0;
  vertical-align: bottom;
  z-index: 1;
}
.tab-header .button-touch {
  vertical-align: bottom;
}
.tab {
  border-radius: 0.5em 0.5em 0 0 !important;
}
.tab .extra-text {
  width: 100%;
  text-align: center;
  font-size: 0.6em;
  font-style: italic;
}
.tab.active > .button-touch {
  transition: 0s;
  border: 1px grey solid !important;
  box-shadow: 2px 0 4px 0 #000000 !important;
  padding: 0.25em 0.25em !important;
}
.tab.inactive {
  transition: 0s;
  font-size: 0.85em;
  color: grey;
}
.tab.inactive > .button-touch {
  transition: 0s;
  box-shadow: 2px 0 4px 0 #000000 !important;
}
#wow-devPanelTabs .tab-page {
  overflow: auto;
}
.tab-page.hidden {
  display: none !important;
}
.unknown {
  color: grey;
}
.task-sectionbreak {
  font-size: 0.8em;
  border-top: 1px #0068FF solid;
  border-bottom: 1px #0068FF solid;
  background: rgba(0, 97, 150, 0.5);
  text-align: center;
}
.task-sectionheader {
  font-size: 1.1em;
  background: rgba(200, 0, 0, 0.5);
  border-top: 1px red solid;
  border-radius: 1em 1em 0 0;
  text-align: center;
}
.leftSideSegment {
  border-right: 1px grey dashed;
}
.compact-ul {
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.compact-ul li {
  margin: 0;
  padding: 0;
}
.compact-ul li::before {
  content: '•';
  margin-right: 0;
}
.button-standard {
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
}
.pill-blue {
  display: inline-flex;
  border-radius: 0.5em;
  border: 1px solid #007599;
  background: linear-gradient(175deg, #004e66 1%, #000000 100%);
  box-shadow: 1px 1px 2px 2px #000000;
  overflow: hidden;
}
.pill-blue .pill-blue-button-left {
  border-right: 1px solid #007599;
  display: inline-block;
  text-align: center;
}
.pill-blue .pill-blue-button-left .button-touch {
  padding-left: 0.6ch;
  padding-right: 0.4ch;
}
.pill-blue .pill-blue-button-left:hover {
  background: rgba(100, 100, 100, 0.5);
}
.pill-blue .pill-blue-button-right {
  border-left: 1px solid #007599;
  display: inline-block;
  text-align: center;
}
.pill-blue .pill-blue-button-right .button-touch {
  padding-left: 0.4ch;
  padding-right: 0.6ch;
}
.pill-blue .pill-blue-button-right:hover {
  background: rgba(100, 100, 100, 0.5);
}
.pill-blue .pill-blue-body {
  display: inline-block;
  padding: 0 0.5ch;
}
.button-grey {
  border: 1px solid #747474;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #747474;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #414141 0%, #010101 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #414141), color-stop(100%, #010101));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #414141 1%, #010101 100%);
  /* W3C */
}
.button-dev {
  border: 1px solid salmon;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: salmon;
  /* Old browsers */
  background: linear-gradient(175deg, #f96a59 1%, black 100%);
}
.button-dev-dark {
  border: 1px solid #8e4f3c;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #8e4f3c;
  /* Old browsers */
  background: linear-gradient(175deg, #7c4534 1%, black 100%);
}
.button-pale-blue {
  border: 1px solid #007599;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #007599;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #004e66 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #004e66), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #004e66 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #004e66 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #004e66 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #004e66 1%, #000000 100%);
  /* W3C */
}
.button-pale-green {
  border: 1px solid #40993d;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #40993d;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #31752e 0%, #122c11 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #31752e), color-stop(100%, #122c11));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #31752e 1%, #122c11 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #31752e 1%, #122c11 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #31752e 1%, #122c11 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #31752e 1%, #122c11 100%);
  /* W3C */
}
.button-pale-yellow {
  border: 1px solid #999621;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #999621;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #6f6d18 0%, #1b1b06 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #6f6d18), color-stop(100%, #1b1b06));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #6f6d18 1%, #1b1b06 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #6f6d18 1%, #1b1b06 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #6f6d18 1%, #1b1b06 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #6f6d18 1%, #1b1b06 100%);
  /* W3C */
}
.button-pale-red {
  border: 1px solid #992328;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #992328;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #6f1a1d 0%, #1c0707 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #6f1a1d), color-stop(100%, #1c0707));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #6f1a1d 1%, #1c0707 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #6f1a1d 1%, #1c0707 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #6f1a1d 1%, #1c0707 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #6f1a1d 1%, #1c0707 100%);
  /* W3C */
}
.button-red {
  border: 1px solid #ff0000;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ff0000;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #990000 0%, #190000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #990000), color-stop(100%, #190000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #990000 1%, #190000 100%);
  /* W3C */
}
.button-green {
  border: 1px solid #00ff00;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #00ff00;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #009900 0%, #001900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009900), color-stop(100%, #001900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #009900 1%, #001900 100%);
  /* W3C */
}
.button-blue {
  border: 1px solid #0717fe;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #0717fe;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #010b9e 0%, #00021f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #010b9e), color-stop(100%, #00021f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #010b9e 1%, #00021f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #010b9e 1%, #00021f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #010b9e 1%, #00021f 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #010b9e 1%, #00021f 100%);
  /* W3C */
}
.button-cyan {
  border: 1px solid #00ffff;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #00ffff;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #009999 0%, #001919 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009999), color-stop(100%, #001919));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #009999 1%, #001919 100%);
  /* W3C */
}
.button-neutral {
  border: 1px solid #00ffff;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #00ffff;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #009999 0%, #001919 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009999), color-stop(100%, #001919));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #009999 1%, #001919 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #009999 1%, #001919 100%);
  /* W3C */
}
.button-yellow {
  border: 1px solid #ffff00;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ffff00;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #999900 0%, #191900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #999900), color-stop(100%, #191900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #999900 1%, #191900 100%);
  /* W3C */
}
.button-purple {
  border: 1px solid #ff00ff;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ff00ff;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #990099 0%, #190019 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #990099), color-stop(100%, #190019));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #990099 1%, #190019 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #990099 1%, #190019 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #990099 1%, #190019 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #990099 1%, #190019 100%);
  /* W3C */
}
.button-orange {
  border: 1px solid #ff6d00;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ff6d00;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #994100 0%, #190b00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #994100), color-stop(100%, #190b00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #994100 1%, #190b00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #994100 1%, #190b00 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #994100 1%, #190b00 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #994100 1%, #190b00 100%);
  /* W3C */
}
.button-brown {
  border: 1px solid #773b28;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #773b28;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #2b150e 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #2b150e), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* W3C */
}
.button-safe {
  border: 1px solid #00ff00;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #00ff00;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #009900 0%, #001900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009900), color-stop(100%, #001900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #009900 1%, #001900 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #009900 1%, #001900 100%);
  /* W3C */
}
.button-caution {
  border: 1px solid #ffff00;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ffff00;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #999900 0%, #191900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #999900), color-stop(100%, #191900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #999900 1%, #191900 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #999900 1%, #191900 100%);
  /* W3C */
}
.button-danger {
  border: 1px solid #ff0000;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #ff0000;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #990000 0%, #190000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #990000), color-stop(100%, #190000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #990000 1%, #190000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #990000 1%, #190000 100%);
  /* W3C */
}
.button-cool {
  border: 1px solid #00fff3;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  background: #00fff3;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #009992 0%, #001918 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009992), color-stop(100%, #001918));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #009992 1%, #001918 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #009992 1%, #001918 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #009992 1%, #001918 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #009992 1%, #001918 100%);
  /* W3C */
}
.button-m1 {
  border-top: #a0a0a0 2px solid;
  border-left: #a0a0a0 2px solid;
  border-bottom: #545454 2px solid;
  border-right: #545454 2px solid;
  border-left: 0;
  display: inline-block;
  font-size: 1em;
  color: white;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.175em 0.35em;
  box-shadow: 1px 1px 2px 2px #000000;
  border-radius: 0 0.5em 0.5em 0;
  background: #747474;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #414141 0%, #010101 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #414141), color-stop(100%, #010101));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #414141 1%, #010101 100%);
  /* W3C */
}
@media only screen and (min-width: 480px) {
  .phone_only {
    display: none;
  }
}
@media only screen and (orientation:landscape) {
  .responsive-compact {
    display: inline;
  }
}
.portrait_visible {
  display: none;
}
@media (orientation:portrait) {
  .portrait_visible {
    display: block;
  }
}
@media only screen and (max-width:320px) {
  .dk_responsive_table {
    width: 300px;
    border-spacing: 0;
    box-shadow: 4px 4px 4px #000;
    border-radius: 10px;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
  }
  .dk_responsive_table td:nth-of-type(n+2) {
    width: 19px;
  }
  .dk_responsive_table tbody tr {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .dk_responsive_table thead tr:first-of-type {
    background: none;
  }
  .dk_responsive_table thead th:nth-of-type(odd) div span {
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table thead th:nth-of-type(even) div span {
    -webkit-transition: 0.3s;
    background: #d09082;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* W3C */
  }
  .dk_responsive_table th {
    border-bottom: 1px solid #FFF;
    padding: 5px;
    width: 10px;
  }
  .dk_responsive_table th:last-child {
    border-right: 0px;
  }
  .dk_responsive_table th:first-child {
    width: 70px;
    box-shadow: 4px 0px 4px #000;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
  }
  .dk_responsive_table th:nth-of-type(n+2) div {
    position: absolute;
    clip: rect(-55px, 110px, 16px, -8px);
  }
  .dk_responsive_table span {
    box-shadow: 4px 4px 4px #000;
    border: 0.5px solid #CCC;
    z-index: -1;
    padding: 0px 0px 2px 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    width: 110px;
    bottom: 7px;
    left: -21px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    -moz-border-radius: 0  0 0 0;
    -webkit-border-radius: 0  0 0 0;
    border-radius: 0  0 0 0;
  }
  .dk_responsive_table td:nth-of-type(n+2) {
    width: 19px;
  }
  .dk_responsive_table tbody tr {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .dk_responsive_table thead tr:first-of-type {
    background: none;
  }
  .dk_responsive_table thead th:nth-of-type(odd) div span {
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table thead th:nth-of-type(even) div span {
    -webkit-transition: 0.3s;
    background: #d09082;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* W3C */
  }
  .dk_responsive_table th {
    border-bottom: 1px solid #FFF;
    padding: 5px;
    width: 10px;
  }
  .dk_responsive_table th:last-child {
    border-right: 0px;
  }
  .dk_responsive_table th:first-child {
    width: 70px;
    box-shadow: 4px 0px 4px #000;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
  }
  .dk_responsive_table th:nth-of-type(n+2) div {
    position: absolute;
    clip: rect(-55px, 110px, 16px, -8px);
  }
  .dk_responsive_table span {
    box-shadow: 4px 4px 4px #000;
    border: 0.5px solid #CCC;
    z-index: -1;
    padding: 0px 0px 2px 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    width: 110px;
    bottom: 7px;
    left: -21px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    -moz-border-radius: 0  0 0 0;
    -webkit-border-radius: 0  0 0 0;
    border-radius: 0  0 0 0;
  }
}
@media only screen and (min-width: 321px) and (max-width:480px) {
  .dk_responsive_table {
    width: 300px;
    border-spacing: 0;
    box-shadow: 4px 4px 4px #000;
    border-radius: 10px;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    width: 320px;
  }
  .dk_responsive_table td:nth-of-type(n+2) {
    width: 19px;
  }
  .dk_responsive_table tbody tr {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .dk_responsive_table thead tr:first-of-type {
    background: none;
  }
  .dk_responsive_table thead th:nth-of-type(odd) div span {
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table thead th:nth-of-type(even) div span {
    -webkit-transition: 0.3s;
    background: #d09082;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* W3C */
  }
  .dk_responsive_table th {
    border-bottom: 1px solid #FFF;
    padding: 5px;
    width: 10px;
  }
  .dk_responsive_table th:last-child {
    border-right: 0px;
  }
  .dk_responsive_table th:first-child {
    width: 70px;
    box-shadow: 4px 0px 4px #000;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
  }
  .dk_responsive_table th:nth-of-type(n+2) div {
    position: absolute;
    clip: rect(-55px, 110px, 16px, -8px);
  }
  .dk_responsive_table span {
    box-shadow: 4px 4px 4px #000;
    border: 0.5px solid #CCC;
    z-index: -1;
    padding: 0px 0px 2px 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    width: 110px;
    bottom: 7px;
    left: -21px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    -moz-border-radius: 0  0 0 0;
    -webkit-border-radius: 0  0 0 0;
    border-radius: 0  0 0 0;
  }
  .dk_responsive_table td:nth-of-type(n+2) {
    width: 19px;
  }
  .dk_responsive_table tbody tr {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .dk_responsive_table thead tr:first-of-type {
    background: none;
  }
  .dk_responsive_table thead th:nth-of-type(odd) div span {
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table thead th:nth-of-type(even) div span {
    -webkit-transition: 0.3s;
    background: #d09082;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
    /* W3C */
  }
  .dk_responsive_table th {
    border-bottom: 1px solid #FFF;
    padding: 5px;
    width: 10px;
  }
  .dk_responsive_table th:last-child {
    border-right: 0px;
  }
  .dk_responsive_table th:first-child {
    width: 70px;
    box-shadow: 4px 0px 4px #000;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background: linear-gradient(top, #b69871 0%, #5e4a30 100%);
    background: -webkit-linear-gradient(top, #b69871 0%, #5e4a30 100%);
  }
  .dk_responsive_table th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
  }
  .dk_responsive_table th:nth-of-type(n+2) div {
    position: absolute;
    clip: rect(-55px, 110px, 16px, -8px);
  }
  .dk_responsive_table span {
    box-shadow: 4px 4px 4px #000;
    border: 0.5px solid #CCC;
    z-index: -1;
    padding: 0px 0px 2px 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    width: 110px;
    bottom: 7px;
    left: -21px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    -moz-border-radius: 0  0 0 0;
    -webkit-border-radius: 0  0 0 0;
    border-radius: 0  0 0 0;
  }
}
#auth .auth-form {
  margin: 1em 0;
}
#auth .auth-form label {
  display: block;
  margin-bottom: 0.5em;
}
@media only screen and (max-width:320px) and (orientation:portrait) {
  h3 {
    font-size: 1.3em;
  }
}
.bed-list-item.active {
  border: 1px solid #ff0;
}
.bed-list-item.inactive {
  border: 1px solid #000;
}
.patient-index {
  margin: 1em;
}
.patient-index td {
  text-align: center;
}
.dashboard .wall-clock {
  float: right;
}
#version {
  z-index: 999;
  position: absolute;
  display: none;
  top: 40%;
  width: 100%;
}
.app-update {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  background: #d09082;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d09082), color-stop(50%, #632d21), color-stop(51%, #511f13), color-stop(100%, #925c50));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d09082 0%, #632d21 50%, #511f13 51%, #925c50 100%);
  /* W3C */
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  border-radius: 0.5em;
  padding: 5px;
  border: 2px solid black;
  box-shadow: 4px 4px 8px 4px #000000;
}
.app-update-button {
  background: #fceabb;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  margin-top: 5px;
}
#fixed-container {
  background-image: url("/static/base/img/GrayStreaks-repeating.jpg");
  position: fixed;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width : 769px) {
  #fixed-container:not(.desktop-override) {
    left: auto;
    right: auto;
    width: 40rem;
  }
}
#fixed-container > * {
  pointer-events: auto;
}
.flexcenter {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.flexcenter > div {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
#quickPanel {
  color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/static/base/img/GrayStreaks-repeating.jpg") top no-repeat;
  z-index: 990;
  display: none;
  background-size: cover;
  background-position: center;
}
#quickPanel #clock {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.8em;
}
#offline-coverup {
  position: absolute;
  z-index: 990;
  top: 5%;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-flex-direction: column;
  -webkit-box-orient: horizontal;
  align-items: center;
  -webkit-align-items: center;
}
.offlineclock {
  display: -webkit-flex;
  display: flex;
  font-size: 2rem;
  color: white;
}
div.offline-coverup-0 {
  display: none;
}
div.offline-coverup-0 p {
  display: none;
}
div.offline-coverup-0 p.clock {
  display: none;
}
.offline-coverup-1 {
  color: yellow;
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0.8;
  display: -webkit-flex;
  display: flex;
}
.offline-coverup-1 p {
  display: -webkit-flex;
  display: flex;
}
.offline-coverup-1 p.clock {
  display: -webkit-flex;
  display: flex;
  font-size: 2rem;
  color: white;
}
.offline-coverup-2 {
  color: red;
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 1;
  display: -webkit-flex;
  display: flex;
}
.offline-coverup-2 p {
  display: -webkit-flex;
  display: flex;
}
.offline-coverup-2 p.clock {
  display: -webkit-flex;
  display: flex;
  font-size: 2rem;
  color: white;
}
.timeline-event,
.suggestion-event {
  border-bottom: 1px solid #eee;
  padding: 0.5em;
  font-size: 1em;
}
.timeline-event {
  letter-spacing: -0.08em;
}
.time-stamp {
  letter-spacing: 0;
}
/* Undo functionality */
.undo-bar {
  opacity: 0;
  z-index: 1;
  box-sizing: border-box;
  background: #773b28;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #2b150e 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #2b150e), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #2b150e 1%, #000000 100%);
  /* W3C */
  border: 2px grey solid;
  font-size: 0.8em;
  position: absolute;
  top: 45%;
  left: 100%;
  width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
.undo-bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.undo-bar ul li {
  padding: 0.6em;
  padding-bottom: 1em;
}
.undo-bar.show {
  opacity: 1;
  left: 0% !important;
}
.field-error {
  -webkit-box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.8) !important;
  box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.8) !important;
}
.navmenu-entry {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.blur {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
h1 {
  margin-bottom: 0.75em;
}
label:not(.noclass).text-label {
  font-weight: normal;
  padding-left: 15px;
  text-indent: -15px;
}
label.radio-class {
  display: block;
  width: 100%;
}
input.index {
  width: 7em !important;
}
.app-update-version {
  font-size: 0.8em;
}
button {
  -webkit-border-radius: 15px 0 15px 0;
  border-radius: 15px 0 15px 0;
  font-size: 1em;
}
button:active {
  -webkit-transition: 0.3s;
  box-shadow: 0 1px 20px #f7e200, inset 0 0 30px #f7e200;
  background-position: 0 0;
}
button:hover:not(:active) {
  -webkit-transition: 0.3s;
  box-shadow: 0 1px 10px #f7e200, inset 0 0 15px #f7e200;
  background-position: 0 0;
}
.error {
  color: #f00;
  font-style: italic;
}
img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
}
.img-button {
  background-image: url("/static/base/img/button-base.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.img-button.hovered {
  background-image: url("/static/base/img/button-hovered.png");
}
.img-button.hovered.pressed {
  background-image: url("/static/base/img/button-pressed.png");
}
.img-button.pressed {
  background-image: url("/static/base/img/button-pressed.png");
}
.checkbox:not(.checkbox-minimal) {
  border-radius: 0.5em;
  background: #383838;
  padding: 5px;
  border: #a0a0a0 1px solid;
}
.checkbox-group.horizontal > div {
  display: inline-block;
}
.radio-group {
  display: inline-block;
}
.radio-group.horizontal div:first-of-type > div {
  display: inline-block;
}
.radio-group.vertical div:first-of-type {
  text-align: left;
}
.radio-group.vertical div:first-of-type > div {
  padding: 5px;
}
.radio-group.vertical div:first-of-type > div > label {
  display: inline-block;
  width: 100%;
}
.radio-group.no-icon label span:first-of-type {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:not([type='range']):not([type='color']) {
  -webkit-appearance: none;
  font-size: 1em;
  color: black;
  background: #ededed;
  text-align: center;
  border-radius: 0.5em;
  padding: 0.1em;
  padding-left: 0.175em;
  padding-right: 0.175em;
  border: 0;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8);
}
input:not([type='range']):not([type='color']).minimal {
  width: auto;
  padding: 0.15em;
  margin-bottom: 0;
}
input:not([type='range']):not([type='color']).login {
  border: 1px solid white;
  border-radius: 0 0.5em 0.5em 0;
  margin-bottom: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
input[type='text'],
textarea,
input[type='number'] {
  font-size: 1em;
  margin-left: 0.2em;
}
input[type='text']:focus,
textarea:focus,
input[type='number']:focus {
  -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 100, 0.8);
  box-shadow: 0 0 2px 2px rgba(255, 255, 100, 0.8);
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:disabled + label {
  opacity: 0.5;
  cursor: default;
}
input[type="checkbox"] + span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -4px 0 0 0;
  vertical-align: middle;
  background: url("/static/base/img/check_radio_sheet.png") left top no-repeat;
  cursor: pointer;
}
input[type="checkbox"]:not(:checked) + span.hovered {
  background: url("/static/base/img/check_radio_sheet.png") -19px top no-repeat;
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
input[type="checkbox"] + span.disabled {
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
input[type="checkbox"] + span.blocked {
  background: url("/static/base/img/check_radio_sheet.png") -19px top no-repeat;
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
input[type="checkbox"]:checked + span {
  background: url("/static/base/img/check_radio_sheet.png") -19px top no-repeat;
}
input[type="radio"] {
  display: none;
}
input[type="radio"]:disabled + label {
  opacity: 0.5;
  cursor: default;
}
input[type="radio"] + span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -4px 0px 0 0;
  vertical-align: middle;
  background: url("/static/base/img/check_radio_sheet.png") -38px top no-repeat;
  cursor: pointer;
}
input[type="radio"]:not(:checked) + span.hovered {
  background: url("/static/base/img/check_radio_sheet.png") -57px top no-repeat;
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
input[type="radio"]:checked + span {
  background: url("/static/base/img/check_radio_sheet.png") -57px top no-repeat;
}
.radio-grey.checked {
  background: rgba(255, 255, 255, 0.2) !important;
}
.radio-red.checked {
  background: rgba(255, 0, 0, 0.2) !important;
}
.radio-blue.checked {
  background: rgba(0, 0, 255, 0.2) !important;
}
.radio-green.checked {
  background: rgba(0, 255, 0, 0.2) !important;
}
.radio-yellow.checked {
  background: rgba(255, 255, 0, 0.2) !important;
}
.radio-purple.checked {
  background: rgba(255, 0, 255, 0.2) !important;
}
.style-a.horizontal div:first-of-type {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.style-a.horizontal div:first-of-type > div {
  padding: 5px;
  border-top: grey 2px solid;
  border-bottom: grey 2px solid;
}
.style-a.horizontal div:first-of-type > div.hovered {
  background: rgba(100, 100, 100, 0.5);
}
.style-a.horizontal div:first-of-type > div:only-of-type {
  border: grey 2px solid;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.style-a.horizontal div:first-of-type > div:not(:only-of-type):first-of-type {
  border-left: grey 2px solid;
  border-radius: 0.5em 0 0 0.5em;
}
.style-a.horizontal div:first-of-type > div:not(:only-of-type):last-of-type {
  border-right: grey 2px solid;
  border-radius: 0 0.5em 0.5em 0;
}
.style-a.vertical div:first-of-type > div:first-of-type {
  border-radius: 0.5em 0.5em 0 0;
  border-top: grey 2px solid;
}
.style-a.vertical div:first-of-type > div:last-of-type {
  border-radius: 0 0 0.5em 0.5em;
  border-bottom: grey 2px solid;
}
.style-a.vertical div:first-of-type > div {
  border-left: grey 2px solid;
  border-right: grey 2px solid;
}
.style-a.vertical div:first-of-type > div.hovered {
  background: rgba(100, 100, 100, 0.5);
}
input {
  margin-bottom: 0.5em;
}
input[type="checkbox"],
input[type="radio"] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  position: relative;
  top: -1px;
}
.togglegroup-flexboxcontainer {
  display: flex;
  -webkit-flex-flow: row wrap;
}
.togglegroup-flexboxcontainer .tog-switch .label {
  width: 60%;
}
.tog-switch-inner-mixin {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0.25em;
  font-size: 0.8em;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.checkbox-group.cols-2 .tog-switch {
  width: 47%;
}
.checkbox-group.cols-3 .tog-switch {
  width: 32%;
}
.checkbox-group .tog-switch {
  width: 100%;
  padding: 0.25em 0.25em 0.25em 0;
}
@media only screen and (max-width:320px) {
  .checkbox-group .tog-switch {
    width: 100%;
  }
}
.checkbox-group .checkbox-minimal {
  background: rgba(56, 56, 56, 0.56);
  border: rgba(160, 160, 160, 0.5) 1px solid;
}
.tog-switch {
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.tog-switch .label {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 0.8em;
}
.tog-switch input {
  display: none;
}
.tog-switch input:checked + label div:nth-of-type(1) {
  margin-left: 0;
}
.tog-switch label {
  width: 2.5em;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  border-top: #a0a0a0 2px solid;
  border-left: #a0a0a0 2px solid;
  border-bottom: #545454 2px solid;
  border-right: #545454 2px solid;
  border-radius: 0.5em;
  position: relative;
}
.tog-switch div:nth-of-type(1) {
  width: 200%;
  margin-left: -100%;
  height: 100%;
  position: relative;
  -webkit-transition: margin 0.1s ease-in 0s;
  -moz-transition: margin 0.1s ease-in 0s;
  -o-transition: margin 0.1s ease-in 0s;
  transition: margin 0.1s ease-in 0s;
}
.tog-switch div:nth-of-type(1) span:first-of-type {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0.25em;
  font-size: 0.8em;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: linear-gradient(175deg, #000000 1%, #000000 100%);
  box-shadow: inset 0 0 2em #000000;
  color: #ffffff;
  text-align: left;
}
.tog-switch div:nth-of-type(1) span:first-of-type div {
  margin-left: 0;
  display: inline-block;
  text-align: center;
  width: 80%;
}
.tog-switch div:nth-of-type(1) .switch {
  display: block;
  text-align: center;
  height: 2em;
  position: absolute;
  top: -0.5em;
  bottom: 0px;
  width: 20%;
  left: 38%;
  border: rgba(255, 255, 255, 0.4) 2px solid;
}
.tog-switch div:nth-of-type(1) .switch.color1 {
  background: linear-gradient(175deg, #004d11 1%, #000000 100%);
}
.tog-switch div:nth-of-type(1) .switch.color2 {
  background: linear-gradient(175deg, red 1%, #000000 100%);
}
.tog-switch div:nth-of-type(1) span:last-of-type {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0.25em;
  font-size: 0.8em;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #ffffff;
  background: linear-gradient(175deg, #b30000 1%, #000000 100%);
  box-shadow: inset 0 0 2em #000000;
  text-align: right;
}
.tog-switch div:nth-of-type(1) span:last-of-type div {
  display: inline-block;
  text-align: center;
  width: 70%;
}
.composite-buttons-grey {
  border: 1px solid #969696;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-grey table td {
  padding: 0;
}
.composite-buttons-grey .pressed {
  border: 0 !important;
}
.composite-buttons-grey .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-grey .button-touch {
  margin: 0 !important;
}
.composite-buttons-grey > div {
  background: linear-gradient(to top, #171717 0%, #565656 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-grey > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-grey > table td:not(:last-child) {
  border-right: 1px solid #969696;
}
.composite-buttons-grey > table td {
  border-top: 1px solid #969696;
}
.composite-buttons-grey > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-blue {
  border: 1px solid #0717fe;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-blue table td {
  padding: 0;
}
.composite-buttons-blue .pressed {
  border: 0 !important;
}
.composite-buttons-blue .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-blue .button-touch {
  margin: 0 !important;
}
.composite-buttons-blue > div {
  background: linear-gradient(to top, #000006 0%, #010985 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-blue > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-blue > table td:not(:last-child) {
  border-right: 1px solid #0717fe;
}
.composite-buttons-blue > table td {
  border-top: 1px solid #0717fe;
}
.composite-buttons-blue > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-red {
  border: 1px solid #ff0000;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-red table td {
  padding: 0;
}
.composite-buttons-red .pressed {
  border: 0 !important;
}
.composite-buttons-red .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-red .button-touch {
  margin: 0 !important;
}
.composite-buttons-red > div {
  background: linear-gradient(to top, #000000 0%, #800000 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-red > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-red > table td:not(:last-child) {
  border-right: 1px solid #ff0000;
}
.composite-buttons-red > table td {
  border-top: 1px solid #ff0000;
}
.composite-buttons-red > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-green {
  border: 1px solid #00ff00;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-green table td {
  padding: 0;
}
.composite-buttons-green .pressed {
  border: 0 !important;
}
.composite-buttons-green .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-green .button-touch {
  margin: 0 !important;
}
.composite-buttons-green > div {
  background: linear-gradient(to top, #000000 0%, #008000 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-green > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-green > table td:not(:last-child) {
  border-right: 1px solid #00ff00;
}
.composite-buttons-green > table td {
  border-top: 1px solid #00ff00;
}
.composite-buttons-green > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-orange {
  border: 1px solid #ff6d00;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-orange table td {
  padding: 0;
}
.composite-buttons-orange .pressed {
  border: 0 !important;
}
.composite-buttons-orange .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-orange .button-touch {
  margin: 0 !important;
}
.composite-buttons-orange > div {
  background: linear-gradient(to top, #000000 0%, #803700 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-orange > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-orange > table td:not(:last-child) {
  border-right: 1px solid #ff6d00;
}
.composite-buttons-orange > table td {
  border-top: 1px solid #ff6d00;
}
.composite-buttons-orange > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-purple {
  border: 1px solid #ff00ff;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-purple table td {
  padding: 0;
}
.composite-buttons-purple .pressed {
  border: 0 !important;
}
.composite-buttons-purple .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-purple .button-touch {
  margin: 0 !important;
}
.composite-buttons-purple > div {
  background: linear-gradient(to top, #000000 0%, #80007f 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-purple > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-purple > table td:not(:last-child) {
  border-right: 1px solid #ff00ff;
}
.composite-buttons-purple > table td {
  border-top: 1px solid #ff00ff;
}
.composite-buttons-purple > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-yellow {
  border: 1px solid #ffff00;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-yellow table td {
  padding: 0;
}
.composite-buttons-yellow .pressed {
  border: 0 !important;
}
.composite-buttons-yellow .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-yellow .button-touch {
  margin: 0 !important;
}
.composite-buttons-yellow > div {
  background: linear-gradient(to top, #000000 0%, #7f8000 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-yellow > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-yellow > table td:not(:last-child) {
  border-right: 1px solid #ffff00;
}
.composite-buttons-yellow > table td {
  border-top: 1px solid #ffff00;
}
.composite-buttons-yellow > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.composite-buttons-brown {
  border: 1px solid #773b28;
  border-radius: 0 0 1em 1em;
  display: inline-block;
  overflow: hidden;
}
.composite-buttons-brown table td {
  padding: 0;
}
.composite-buttons-brown .pressed {
  border: 0 !important;
}
.composite-buttons-brown .button-touch.pressed {
  border: 0 !important;
}
.composite-buttons-brown .button-touch {
  margin: 0 !important;
}
.composite-buttons-brown > div {
  background: linear-gradient(to top, #000000 0%, #180c08 100%);
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.composite-buttons-brown > table {
  width: 100%;
  border-collapse: collapse;
}
.composite-buttons-brown > table td:not(:last-child) {
  border-right: 1px solid #773b28;
}
.composite-buttons-brown > table td {
  border-top: 1px solid #773b28;
}
.composite-buttons-brown > table td > div {
  display: block;
  border: 0;
  text-align: center;
  padding: 0.4em 0.5em 0.4em 0.5em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.vertical-text {
  width: 0.6em;
  font-size: 0.8em;
  word-wrap: break-word;
  letter-spacing: 50px;
  line-height: 1.1em;
  text-transform: uppercase;
}
.flexgrow1 {
  flex-grow: 1;
}
.forced1 {
  max-width: 100%;
  overflow: hidden;
  justify-content: center;
}
.index-unit-container {
  font-size: 1em;
  overflow: hidden;
  margin-right: 1ch;
  flex-grow: 1;
  border-radius: 1em;
  position: relative;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.index-unit-container:not(.viewOn) {
  border: 2px grey solid;
}
@media only screen and (max-width:320px) {
  .index-unit-container {
    font-size: 1.2em;
  }
}
@media only screen and (min-width:321px) and (max-width: 360px) {
  .index-unit-container {
    font-size: 1.2em;
  }
}
@media only screen and (min-width : 361px) and (max-width : 375px) {
  .index-unit-container {
    font-size: 1.2em;
  }
}
.index-unit-container .vertical-bar {
  width: 2px;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 234, 234, 0)), color-stop(50%, #eaeaea), color-stop(100%, rgba(234, 234, 234, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, rgba(234, 234, 234, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaeaea', endColorstr='#00eaeaea', GradientType=0);
  /* IE6-9 */
}
.index-unit-container .content-box {
  padding-left: 0.5em;
  text-align: center;
}
.index-unit-container .content-box .sub-content-box {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.index-unit-container .content-box .sub-content-box:not(.minimal) {
  gap: 2ch;
}
@media only screen and (min-width : 769px) {
  .index-unit-container .content-box {
    text-align: left;
  }
}
@media only screen and (min-width : 361px) and (max-width : 375px) {
  .index-unit-container .content-box {
    font-size: 1.1em;
  }
}
@media only screen and (min-width : 376px) and (max-width : 414px) {
  .index-unit-container .content-box {
    font-size: 1.3em;
  }
}
.index-unit-header {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  display: inline-block;
  padding: 0 1.5ch;
  border-radius: 0 0 0.5ch 0;
  width: 100%;
}
.index-unit-header .location {
  font-size: 1.3em;
}
.empty-unit-container {
  display: inline-block;
  filter: grayscale(0.7);
}
.empty-unit-container .index-unit-header {
  background: black !important;
}
.index-filter-box {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.graph-legend-dot {
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  border-radius: 1em;
  margin-right: 0.3em;
}
.unit-tag {
  width: 1.7em;
  text-align: center;
  vertical-align: top;
}
.unit-tag > span:first-of-type {
  font-size: 0.7em;
}
.unit-tag .zdata > span {
  width: 0.6em;
  font-size: 0.8em;
  word-wrap: break-word;
  letter-spacing: 50px;
  line-height: 1.1em;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1em;
  letter-spacing: 1em;
  font-family: DejaVu Sans Mono, monospace;
}
.color-assist .index-card .index-button.caution.single-bed > span::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1ch;
  border-bottom: 3px var(--caution-hsl) dashed;
}
.color-assist .index-card .index-button.caution .seg1 {
  border-bottom: 3px var(--caution-hsl) dashed !important;
}
.color-assist .index-card .index-button.danger > span {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 74%, var(--danger-hsl) 79%);
  padding-bottom: 0.1em;
}
.no-room {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6ch;
  height: 100%;
}
.card-back-nav-left {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25%;
  background: blue;
}
.card-back-nav-right {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 75%;
  right: 0;
  background: red;
}
.index-card-inMM .index-name-tag {
  filter: blur(0.3em);
}
.indexCard-disabled {
  pointer-events: none;
  opacity: 0.4 !important;
}
.index-overview-card .index-card {
  margin-top: 1em;
}
.indexCard-touchPoint .front {
  box-shadow: 0 3px 9px 0 var(--index-touchPoint-hsl);
}
.indexCard-touchPoint .back {
  box-shadow: 0 3px 9px 0 var(--index-touchPoint-hsl);
}
.index-card {
  position: relative;
  display: inline-block;
  width: 26ch;
  transition: 0.5s;
  text-align: center;
  vertical-align: middle;
  font-size: 1em;
}
.index-card a {
  text-decoration: initial;
}
.index-card .indexCardContentTop {
  display: flex;
  line-height: 0.7em;
}
.index-card .dot-focused {
  transition: 0.2s;
}
.index-card .dot-nonfocused {
  font-size: 0.8em;
  transform: translateY(-0.1em);
  opacity: 0.7;
}
.index-card .card-unit {
  position: absolute;
  z-index: 6;
  left: -0.3em;
  top: -1.2em;
  padding: 0.1em 0.2em;
  background: rgba(0, 0, 0, 0.8);
  border: 1px #00FFFF solid;
  border-radius: 0.4em;
  margin: 0;
  line-height: 0.9em;
  font-size: 0.8em;
}
.index-card .outline {
  border: 2px solid #7F5F8B;
  border-radius: 0.5em 0.5em 0 0.5em;
  background: rgba(100, 100, 100, 0.2);
}
.index-card .front {
  border: 2px solid;
  border-radius: 0.25em;
  background: rgba(100, 100, 100, 0.2);
}
.index-card .back {
  border: 1px orange dashed;
  border-radius: 0.4em;
  background: #0101014f;
  cursor: pointer;
}
.index-card:not(.minimal) {
  min-height: 6.5em;
}
.index-card.minimal {
  height: 2.5em;
  margin-bottom: 0.3em;
}
.index-card.minimal .index-innerbox {
  display: none;
}
.index-card .index-innerbox {
  color: white;
  display: flex;
}
.index-card .index-innerbox .innerCardContainer {
  flex-grow: 1;
  padding-top: 1.9em;
  width: 100%;
}
.index-card .bundles {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0.7em;
}
.index-card .bundles .index-bundle {
  display: inline-block;
  border-top: 1px red solid;
  border-left: 1px red solid;
  border-right: 1px red solid;
  border-radius: 0.5em 0.5em 0 0;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.index-card .bundles-region {
  background: black;
  font-size: 0.8em;
  bottom: 0;
  color: grey;
  width: 100%;
  border-top: 1px solid grey;
}
.index-card .bundles-region hr {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
.index-card .index-name-tag {
  background: #747474;
  /* Old browsers */
  background: -moz-linear-gradient(175deg, #414141 0%, #010101 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #414141), color-stop(100%, #010101));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(175deg, #414141 1%, #010101 100%);
  /* IE10+ */
  background: linear-gradient(175deg, #414141 1%, #010101 100%);
  /* W3C */
  cursor: pointer;
  z-index: 0;
  position: absolute;
  top: 0.4em;
  left: -1.2em;
  font-size: 0.7em;
  width: calc(100% - 9ch);
  padding-left: 6ch;
  height: 2.3em;
  border-radius: 0 0.25em 0 0;
  margin-left: 1.7em;
  line-height: 1.1em;
}
.index-card .index-name-tag.demo-client {
  width: 74%;
}
.index-card .index-button {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  cursor: pointer;
  z-index: 5;
  position: absolute;
  top: 0;
  left: -0.3em;
  height: 2.2em;
  min-width: 2.2em;
  box-sizing: border-box;
  border: 0.15em solid;
  overflow: hidden;
  color: #ffffff;
}
.index-card .index-button:not(.multi-bed) {
  border-radius: 1.5em;
}
.index-card .index-button .room {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.index-card .index-button.neutral {
  border-color: #00FFFF;
  background: #006666;
}
.index-card .index-button.neutral .seg1 {
  border-bottom: 0.1em #00FFFF solid;
}
.index-card .index-button.danger {
  border-color: var(--danger-hsl);
  background: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.3));
}
.index-card .index-button.danger .seg1 {
  border-bottom: 0.1em var(--danger-hsl) solid;
}
.index-card .index-button.caution {
  border-color: var(--caution-hsl);
  background: hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * 0.3));
}
.index-card .index-button.caution .seg1 {
  border-bottom: 0.1em var(--caution-hsl) solid;
}
.index-card .index-button.safe {
  border-color: var(--safe-hsl);
  background: hsl(var(--safe-h) var(--safe-s) calc(var(--safe-l) * 0.3));
}
.index-card .index-button.safe .seg1 {
  border-bottom: 0.1em var(--safe-hsl) solid;
}
.index-card .index-banner-flipper {
  position: absolute;
  right: 0;
  top: 0.4ch;
  padding: 0.6ch;
  background: black;
  border: 1px solid grey;
  border-radius: 0.5ch;
}
.index-card .index-banner-flipper-flipped {
  position: absolute;
  right: 0;
  top: 0.4ch;
  padding: 0.6ch;
  background: black;
  border: 1px dashed orange;
  border-radius: 0.5ch;
}
.index-card .index-card-top-summary {
  font-size: 0.7em;
  font-weight: bold;
  padding: 0 1ch;
}
.index-card .triage-time {
  position: absolute;
  top: -1.2ch;
  right: 2.2ch;
  background: rgba(120, 0, 0, 0.63);
  border: 1px solid #8d3232;
  border-radius: 0.5ch 0.5ch 0 0;
  z-index: 0;
  padding: 0 0.5ch;
  font-size: 0.7em;
}
.index-graphBlock {
  transition: 0.1s;
}
.index-card .card-purple {
  border-color: purple;
}
.index-card .card-purple.index-name-tag {
  border-top: 2px solid purple;
  border-left: 1px solid #1a001a;
  border-right: 2px solid #1a001a;
  border-bottom: 1px solid #000000;
}
.index-card .card-soft-purple {
  border-color: #7F5F8B;
}
.index-card .card-soft-purple.index-name-tag {
  border-top: 2px solid #7F5F8B;
  border-left: 1px solid #48364e;
  border-right: 2px solid #48364e;
  border-bottom: 1px solid #2c2130;
}
.index-card .card-soft-cool {
  border-color: #4d9a8f;
}
.index-card .card-soft-cool.index-name-tag {
  border-top: 2px solid #4d9a8f;
  border-left: 1px solid #2b5650;
  border-right: 2px solid #2b5650;
  border-bottom: 1px solid #1a3430;
}
.index-card .card-blue {
  border-color: #04145d;
}
.index-card .card-blue.index-name-tag {
  border-top: 2px solid #04145d;
  border-left: 1px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #000000;
}
.index-card .card-safe {
  border-color: var(--safe-hsl);
}
.index-card .card-safe.index-name-tag {
  border-top: 2px solid var(--safe-hsl);
  border-left: 1px solid hsl(var(--safe-h) var(--safe-s) calc(var(--safe-l) * 0.8));
  border-right: 2px solid hsl(var(--safe-h) var(--safe-s) calc(var(--safe-l) * 0.8));
  border-bottom: 1px solid hsl(var(--safe-h) var(--safe-s) calc(var(--safe-l) * 0.7));
}
.index-card .card-caution {
  border-color: var(--caution-hsl);
}
.index-card .card-caution.index-name-tag {
  border-top: 2px solid var(--caution-hsl);
  border-left: 1px solid hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * 0.8));
  border-right: 2px solid hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * 0.8));
  border-bottom: 1px solid hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * 0.7));
}
.index-card .card-danger {
  border-color: var(--danger-hsl);
}
.index-card .card-danger.index-name-tag {
  border-top: 2px solid var(--danger-hsl);
  border-left: 1px solid hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.8));
  border-right: 2px solid hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.8));
  border-bottom: 1px solid hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.7));
}
.index-card .card-neutral {
  border-color: #00FFFF;
}
.index-card .card-neutral.index-name-tag {
  border-top: 2px solid #00FFFF;
  border-left: 1px solid #009999;
  border-right: 2px solid #009999;
  border-bottom: 1px solid #006666;
}
.index-card .card-grey {
  border-color: grey;
}
.index-card .card-grey.index-name-tag {
  border-top: 2px solid grey;
  border-left: 1px solid #4d4d4d;
  border-right: 2px solid #4d4d4d;
  border-bottom: 1px solid #343434;
}
.index-card .card-orange {
  border-color: orange;
}
.index-card .card-orange.index-name-tag {
  border-top: 2px solid orange;
  border-left: 1px solid #996300;
  border-right: 2px solid #996300;
  border-bottom: 1px solid #664200;
}
.index-card .card-pink {
  border-color: #ff8bc5;
}
.index-card .card-pink.index-name-tag {
  border-top: 2px solid #ff8bc5;
  border-left: 1px solid #ff2592;
  border-right: 2px solid #ff2592;
  border-bottom: 1px solid #f10079;
}
.index-card .card-brown {
  border-color: #876e50;
}
.index-card .card-brown.index-name-tag {
  border-top: 2px solid #876e50;
  border-left: 1px solid #473a2a;
  border-right: 2px solid #473a2a;
  border-bottom: 1px solid #272017;
  background: linear-gradient(175deg, #8f603c 1%, #010101 100%);
}
.index-card .card-touchPoint {
  border-color: var(--index-touchPoint-hsl);
}
.index-card .card-touchPoint.index-name-tag {
  border-top: 2px solid var(--index-touchPoint-hsl);
  border-left: 1px solid hsl(var(--index-touchPoint-h) var(--index-touchPoint-s) calc(var(--index-touchPoint-l) * 0.2));
  border-right: 2px solid hsl(var(--index-touchPoint-h) var(--index-touchPoint-s) calc(var(--index-touchPoint-l) * 0.2));
  border-bottom: 1px solid hsl(var(--index-touchPoint-h) var(--index-touchPoint-s) calc(var(--index-touchPoint-l) * 0.3));
  background: linear-gradient(175deg, hsl(var(--index-touchPoint-h) calc(var(--index-touchPoint-s) * 0.3) calc(var(--index-touchPoint-l) * 0.6)) 1%, #010101 100%);
}
.focalDX-cards {
  background: rgba(0, 0, 0, 0.54);
  border: 2px solid #838383;
  border-radius: 2em;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 1ch;
  order: 100000;
  justify-content: center;
  text-align: center;
}
.cbc-lines {
  stroke: #569e26;
}
.empty-index-card {
  position: relative;
  display: inline-block;
  width: 12.5em;
  height: 3.2em;
  text-align: center;
  vertical-align: top;
  font-size: 1em;
  margin-bottom: 0.3em;
}
.empty-index-card a {
  text-decoration: initial;
}
.empty-index-card .index-innerbox {
  border: 1px grey dashed;
  color: white;
  position: absolute;
  left: 8%;
  top: 4%;
  width: 88%;
  height: 2em;
  display: table;
  margin-top: 0.25em;
}
.empty-index-card .index-button {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  cursor: pointer;
  z-index: 5;
  position: absolute;
  top: 0;
  left: -0.3em;
  height: 2.2em;
  min-width: 2.2em;
  border: 0.15em solid;
  border-color: #a6a6a6;
  background: #303030;
  color: #ffffff;
}
.empty-index-card .index-button:not(.multi-bed) {
  border-radius: 1.5em;
}
.empty-index-card .index-button .seg1 {
  border-bottom: 0.1em grey solid;
}
.empty-index-card .index-button.hovered {
  border-color: white !important;
  transition: 0.3s;
}
.empty-index-card .index-button.pressed {
  border-color: yellow !important;
}
.index-no-beds {
  position: relative;
  display: table;
  width: 100%;
  height: 2em;
  text-align: center !important;
  vertical-align: top;
  font-size: 1em;
  margin-bottom: 0.3em;
}
.index-no-beds > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 1.2em;
}
.auto-width {
  width: auto;
}
.loadwait {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.52);
  z-index: 50;
  pointer-events: none;
}
.loadwait.show {
  opacity: 1;
}
.loadwait:not(.show) {
  opacity: 0;
}
.error-overlay {
  position: fixed;
  z-index: 15;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-overlay .error-message {
  text-align: center;
  background: black;
  font-size: 2em;
  padding: 1ch;
  border: 3px red solid;
  box-shadow: 0 0 1em red;
}
.dataCheck {
  font-size: 0.85em;
}
.dataCheck2 {
  font-size: 0.85em;
}
#dataLabel {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 0.8em;
}
.searchTagged {
  background: red;
}
#searchBox {
  position: fixed;
  z-index: 999;
  left: 60%;
  font-size: 0.6em;
}
#searchBox input {
  width: auto;
}
.hidden.show-label {
  opacity: 0.4;
  z-index: 5 !important;
}
.zlink {
  height: 1em;
}
.zlink .index-innerbox {
  transition: 0.3s;
}
.zlink .index-button {
  transition: 0.3s;
}
.zlink .index-name-tag {
  transition: 0.3s;
}
.zlink.hovered .index-innerbox {
  border-color: white !important;
  transition: 0.3s;
}
.zlink.hovered .index-button {
  border-color: white;
  transition: 0.3s;
}
.zlink.hovered .index-name-tag {
  border-color: white;
  transition: 0.3s;
}
.zlink.pressed .index-innerbox {
  border-color: yellow !important;
}
.zlink.pressed .index-button {
  border-color: yellow !important;
}
.zlink.pressed .index-name-tag {
  border-color: yellow !important;
}
.zlink.inMM {
  opacity: 0.5;
}
.selected {
  color: red;
}
.task-hidden {
  opacity: 0.2;
}
.task-hidden ~ td {
  opacity: 0.2;
}
.bundle-reasons-OLD {
  font-size: 0.8em;
}
.bundle-reasons-OLD span:not(:last-of-type) {
  border-right: 1px grey solid;
  padding-right: 0.5em;
  font-style: italic;
}
.bundle-banner-label {
  width: fit-content;
  margin: 0 auto;
}
.mrn-block {
  position: absolute;
  top: 0.2em;
  right: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  max-width: 68%;
  text-align: left;
}
.mrn-block .mrn {
  display: inline-block;
  max-width: 64%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.two-sided {
  perspective: 1000px;
}
.two-sided.hover .card {
  transform: rotateY(180deg);
}
.two-sided.flipped-right .card {
  transform: rotateY(180deg);
}
.two-sided.flipped-left .card {
  transform: rotateY(-180deg);
}
.two-sided .card {
  transform-style: preserve-3d;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.two-sided .front,
.two-sided .back {
  transform: rotateY(0deg);
  backface-visibility: hidden;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  flex: none;
}
.two-sided .front {
  transform: rotateY(0deg);
  z-index: 2;
}
.two-sided .back {
  transform: rotateY(180deg);
  margin-left: -100%;
}
.two-sided.vertical:hover .card {
  transform: rotateX(180deg);
}
.two-sided.vertical.hover .card {
  transform: rotateX(180deg);
}
.two-sided.vertical.flipped .card {
  transform: rotateX(180deg);
}
.two-sided.vertical .back {
  transform: rotateX(180deg);
}
.two-sided,
.front,
.back {
  width: 100%;
  height: 100%;
}
.contact-us > .container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 5;
}
.contact-us > .heart {
  max-width: 100%;
  max-height: 100%;
  opacity: 0.25;
}
#contact-support-call {
  display: table-cell;
  vertical-align: middle;
  font-size: 4em;
  text-shadow: 0.5rem 0.5rem 0.5rem black;
}
.login span.splitter {
  margin: 3px 0;
  height: 1px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.indexHospitalContainer {
  padding: 1em 0 0 0;
  margin: 1ch 0;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
  min-height: 3em;
}
.indexHospitalContainer legend {
  top: 0;
  left: -4px;
  width: 100%;
  border-bottom: 1px gray dashed;
}
.indexHospitalContainer .info-segment {
  display: inline-block;
  border: 1px gray solid;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(68, 68, 68, 0.57);
  padding: 0 1ch;
  border-radius: 0 0 1em 0;
}
.indexHospitalContainer > hr {
  margin: 1em 0;
}
.indexHospitalContainer > hr:last-of-type {
  display: none;
}
.indexHospitalContainer .view-unit-segment {
  border: 2px solid grey;
  padding: 0.5ch;
  margin: 0.5ch;
  border-radius: 0.5em;
  min-width: 11ch;
  text-align: center;
}
.index-bundle-reason {
  white-space: nowrap;
}
.modscroll1::-webkit-scrollbar {
  width: 0.7em;
}
.modscroll1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  padding-left: 0.15em;
}
.modscroll1::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  background: rgba(17, 120, 128, 0.8);
  -webkit-box-shadow: inset 0 0 0.4em rgba(5, 37, 36, 0.81);
}
.modscroll1::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(17, 120, 128, 0.5);
}
.mod-scroll2 {
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
.mod-scroll2::-webkit-scrollbar {
  width: 0.7em;
}
.mod-scroll2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  padding: 5em 1em;
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.35));
}
.mod-scroll2::-webkit-scrollbar-thumb {
  border-radius: 0.5em;
  -webkit-box-shadow: inset 0 0 0.4em hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.mod-scroll2::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.mod-scroll2::-webkit-scrollbar-thumb:window-inactive {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.25));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.65));
}
.mod-scroll2::-webkit-scrollbar-button {
  border-style: solid;
  height: 16px;
  width: 16px;
}
.mod-scroll2::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0 0.75ch 1.25ch 0.75ch;
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent;
}
.mod-scroll2::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent;
}
.mod-scroll2::-webkit-scrollbar-button:vertical:increment {
  border-width: 1.25ch 0.75ch 0 0.75ch;
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent transparent;
}
.mod-scroll2::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent transparent;
}
.mod-scroll2::-webkit-scrollbar-button:horizontal:decrement {
  border-width: 0.75ch 1.25ch 0.75ch 0;
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent;
}
.mod-scroll2::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent;
}
.mod-scroll2::-webkit-scrollbar-button:horizontal:increment {
  border-width: 0.75ch 0 0.75ch 1.25ch;
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8));
}
.mod-scroll2::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.mod-scroll3 {
  /* Scrollbar style for Chrome */
  /* Track */
  /* Thumb */
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
.mod-scroll3::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.mod-scroll3::-webkit-scrollbar-track {
  background: #303030;
  border: solid 2px rgba(33, 33, 33, 0.5);
}
.mod-scroll3::-webkit-scrollbar-thumb {
  background: #404040;
}
.mod-scroll3::-webkit-scrollbar-thumb:hover {
  background: #505050;
}
.mod-scroll3::-webkit-scrollbar-thumb:active {
  background: #404040;
}
.mod-scroll3::-webkit-scrollbar-thumb:vertical {
  border-top: solid 2px rgba(33, 33, 33, 0.5);
  border-bottom: solid 2px rgba(33, 33, 33, 0.5);
}
.mod-scroll3::-webkit-scrollbar-thumb:horizontal {
  border-right: solid 2px rgba(33, 33, 33, 0.5);
  border-left: solid 2px rgba(33, 33, 33, 0.5);
}
.mod-scroll3::-webkit-scrollbar-button {
  border-style: solid;
  height: 16px;
  width: 16px;
}
.mod-scroll3::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0 7px 14px 7px;
  border-color: transparent transparent #404040 transparent;
}
.mod-scroll3::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent #505050 transparent;
}
.mod-scroll3::-webkit-scrollbar-button:vertical:increment {
  border-width: 14px 7px 0 7px;
  border-color: #404040 transparent transparent transparent;
}
.mod-scroll3 ::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: #505050 transparent transparent transparent;
}
.mod-scroll3::-webkit-scrollbar-button:horizontal:decrement {
  border-width: 7px 14px 7px 0;
  border-color: transparent #404040 transparent transparent;
}
.mod-scroll3::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent #505050 transparent transparent;
}
.mod-scroll3::-webkit-scrollbar-button:horizontal:increment {
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #404040;
}
.mod-scroll3::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent #505050;
}
input[type="Zpassword"] {
  font-size: 1em;
  -webkit-text-security: disc;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0.3em 0;
  background: rgba(0, 0, 0, 0);
}
input[type=range]:focus {
  outline: none;
  background: rgba(0, 0, 0, 0);
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.6em;
  cursor: pointer;
  box-shadow: 0.9px 0.9px 1.7px #00222c, 0px 0px 0.9px #003646;
  background: #004e66;
  border-radius: 0.2em;
  border: 0.2em solid #0093b8;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.2em 0.2em 0.3em rgba(0, 118, 119, 0.75), 0px 0px 0.2em rgba(0, 143, 145, 0.75);
  border: 0.2em solid #00ffff;
  height: 1.2em;
  width: 1.2em;
  border-radius: 1.2em;
  background: #265f80;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.45em;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #00698a;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.5px;
  cursor: pointer;
  box-shadow: 0.9px 0.9px 1.7px #00222c, 0px 0px 0.9px #003646;
  background: #004e66;
  border-radius: 2px;
  border: 1.6px solid #0093b8;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 2.2px 2.2px 3.7px rgba(0, 118, 119, 0.75), 0px 0px 2.2px rgba(0, 143, 145, 0.75);
  border: 2.5px solid #00ffff;
  height: 21px;
  width: 21px;
  border-radius: 12px;
  background: #265f80;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10.5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #003342;
  border: 1.6px solid #0093b8;
  border-radius: 4px;
  box-shadow: 0.9px 0.9px 1.7px #00222c, 0px 0px 0.9px #003646;
}
input[type=range]::-ms-fill-upper {
  background: #004e66;
  border: 1.6px solid #0093b8;
  border-radius: 4px;
  box-shadow: 0.9px 0.9px 1.7px #00222c, 0px 0px 0.9px #003646;
}
input[type=range]::-ms-thumb {
  box-shadow: 2.2px 2.2px 3.7px rgba(0, 118, 119, 0.75), 0px 0px 2.2px rgba(0, 143, 145, 0.75);
  border: 2.5px solid #00ffff;
  height: 21px;
  width: 21px;
  border-radius: 12px;
  background: #265f80;
  cursor: pointer;
  height: 10.5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #004e66;
}
input[type=range]:focus::-ms-fill-upper {
  background: #00698a;
}
#demoInfoPanel {
  position: absolute;
  right: -3em;
  top: -3em;
  width: 6em;
  height: 6em;
  padding: 0;
  border-radius: 5em;
  z-index: 99;
}
#demoInfoPanel .inner {
  position: absolute;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(35, 35, 35, 0.85);
  border-radius: 5em;
  border: 2px #18D9FD solid;
}
#demoInfoPanel:not(.show) .inner {
  top: -3em;
  right: -3em;
}
.view-content > hr:last-of-type {
  display: none;
}
.displayNone {
  display: none !important;
}
.zoom2 {
  transform: scale(2, 2);
}
.zoom3 {
  transform: scale(3, 3);
}
.zoom2.p1 {
  transform-origin: 0 0;
}
.zoom2.p2 {
  transform-origin: 100% 0;
}
.zoom2.p3 {
  transform-origin: 0 100%;
}
.zoom2.p4 {
  transform-origin: 100% 100%;
}
.zoom3.p1 {
  transform-origin: 0 0;
}
.zoom3.p2 {
  transform-origin: 50% 0;
}
.zoom3.p3 {
  transform-origin: 100% 0;
}
.zoom3.p4 {
  transform-origin: 0 50%;
}
.zoom3.p5 {
  transform-origin: 50% 50%;
}
.zoom3.p6 {
  transform-origin: 100% 50%;
}
.zoom3.p7 {
  transform-origin: 0 100%;
}
.zoom3.p8 {
  transform-origin: 50% 100%;
}
.zoom3.p9 {
  transform-origin: 100% 100%;
}
.dashboard-customer-icon {
  position: absolute;
  right: 14ch;
  top: 0;
  z-index: 5;
}
.dashboard-customer-icon img {
  width: 2ch;
}
.dashboard-customer-icon img:hover {
  filter: brightness(200%);
}
.customer-icon {
  position: absolute;
  right: 0.8ch;
  top: 0.1em;
}
.customer-icon img {
  width: 2.5ch;
}
.customer-icon img:hover {
  filter: brightness(200%);
}
.centered-modal {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 50;
  pointer-events: none;
}
.binary-gauge {
  text-align: left;
  border-top: 2px #a2a2a2 solid;
  border-right: 2px #353535 solid;
  border-left: 2px #a2a2a2 solid;
  border-bottom: 2px #353535 solid;
  text-shadow: 0.05em 0.05em 0.1em #000000;
}
.binary-gauge.gauge-background {
  background: #0ac801;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #0ac801 0%, #044900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #0ac801), color-stop(100%, #044900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #0ac801 1%, #044900 100%);
  /* W3C */
}
.binary-gauge.gauge-background-grey {
  background: linear-gradient(270deg, #656565 1%, #111111 100%);
}
.binary-gauge .gauge-meter-orange {
  background: linear-gradient(271deg, var(--orange-hsl) 0%, hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter-purple {
  background: linear-gradient(271deg, var(--purple-hsl) 0%, hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter-caution {
  background: linear-gradient(271deg, var(--caution-hsl) 0%, hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter-danger {
  background: linear-gradient(271deg, var(--danger-hsl) 0%, hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter-safe {
  background: linear-gradient(271deg, var(--safe-hsl) 0%, hsl(var(--safe-h) var(--safe-s) calc(var(--safe-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter-neutral {
  background: linear-gradient(271deg, var(--neutral-hsl) 0%, hsl(var(--neutral-h) var(--neutral-s) calc(var(--neutral-l) * var(--bar-contrast))) 100%);
}
.binary-gauge .gauge-meter {
  background: #ff0000;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ff0000 0%, #cc0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff0000), color-stop(100%, #cc0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ff0000 1%, #cc0000 100%);
  /* W3C */
}
.binary-gauge .perc {
  text-shadow: 0.05em 0.05em 0.1em #000000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.cursor-pointer {
  cursor: pointer;
}
.hospital-no-unit-type {
  opacity: 0.2;
}
.customer-button {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  font-size: 0.8em;
  cursor: pointer;
  z-index: 5;
  position: absolute;
  top: 0;
  left: -0.3em;
  height: 2.2em;
  width: 2.2em;
  border-radius: 1.5em;
  border: 4px solid;
  overflow: hidden;
}
.customer-button.neutral {
  border-color: #00FFFF;
  background: #006666;
}
.customer-tag {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  font-size: 0.8em;
  cursor: pointer;
  z-index: 5;
  position: absolute;
  top: 0.2em;
  left: -2em;
  height: 2em;
  width: 1.8em;
  border-radius: 0.5em;
  border: 2px solid;
  overflow: hidden;
}
.customer-tag.neutral {
  border-color: #00FFFF;
  background: #006666;
}
.customer-tag.neutral:hover {
  border-color: yellow;
}
.customer-tag.neutral:hover .glyph {
  color: yellow;
}
.customer-tag .glyph {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 1em;
  color: white;
}
.dashboard-customer-icon {
  position: absolute;
  right: 14ch;
  top: 0;
  z-index: 5;
}
.dashboard-customer-icon img {
  width: 2ch;
}
.dashboard-customer-icon img:hover {
  filter: brightness(200%);
}
.dashboard-customer-icon .customer-tag {
  top: 0;
  font-size: 0.6em;
}
.nowrap {
  white-space: nowrap;
}
.mm_dev {
  color: salmon !important;
}
#beamButton {
  margin-left: 0.5ch;
  margin-right: 0.5ch;
}
.no-events {
  pointer-events: none;
}
.block-blur div {
  filter: blur(5px);
  cursor: not-allowed;
}
.simple-click:hover {
  color: yellow;
  cursor: pointer;
}
.simple-hover:hover {
  color: yellow;
}
.index-card.patient-not-ready .index-innerbox,
.index-card.patient-not-ready .index-name-tag {
  opacity: 0.5;
  filter: blur(3px);
}
.index-card-graph-container {
  width: 99%;
  height: 8em;
  padding-bottom: 1ch;
  border-top: 1px grey dashed;
}
.index-card-back-arrows {
  display: flex;
  align-items: center;
  padding: 0 0.2em;
  color: grey;
  border-radius: 1em;
}
.index-card-back-arrows:hover {
  background: #2f696e;
  color: white;
}
.index-card-back-arrows i {
  transform: scaleY(2.5);
}
.index-card-back-selector {
  align-items: center;
  background: #152b2e;
  color: white;
  display: flex;
  font-size: 0.6em;
  justify-content: center;
}
.dashboard-content.patient-not-ready .block:not(.block-system) {
  filter: blur(5px);
  opacity: 0.5;
  pointer-events: none;
}
.main-index-header {
  width: calc(100% - 2ch);
  display: flex;
  justify-content: space-evenly;
}
.main-index-header .index-header-segment {
  flex-grow: 1;
}
body.customer-GE {
  background: #141414 !important;
  height: 100%;
  width: 100%;
}
#pdb.GE {
  color: #bcbaba !important;
}
.GE .inner-fx {
  background: #141414 !important;
}
.blockColor-GEgrey .header {
  border-radius: 0 !important;
}
#clientLogoContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  user-select: none;
  background: black;
}
.GE-dashboard-branding {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.5;
}
.Omnicure-dashboard-branding {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  z-index: 1;
}
.Airstrip-dashboard-branding {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  z-index: 1;
}
svg {
  overflow: visible;
}
.html2canvas-container {
  overflow: visible;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}
.cursor-help {
  cursor: help;
}
.cursor-help > .button-touch {
  cursor: help !important;
}
.z-tooltiptext {
  background-color: hsl(var(--tooltip-h) calc(var(--tooltip-s) * 0.35) calc(var(--tooltip-l) * 0.3));
  border: 2px dotted hsl(var(--tooltip-h) var(--tooltip-s) var(--tooltip-l));
  border-radius: 0.25em;
  color: #fff;
  text-align: left;
  padding: 0.25em;
  z-index: 1;
  box-shadow: 0.5em 0.5em 1em 0.5em #000000c9;
  max-width: 40ch;
  font-size: 0.9em;
  transition: 1s ease-out;
}
.boxline-default {
  border: 2px solid grey;
}
.dev-tip .z-tooltiptext {
  background-color: #4c1b17 !important;
  border: 1px solid salmon !important;
}
.test-page {
  position: relative !important;
  opacity: 1 !important;
  display: block !important;
}
.tooltip-copied {
  background: #0d242b;
  border: 1px hsl(180, 100%, 26%) solid;
  border-radius: 0 0 1em 1em;
  bottom: 0;
  color: hsl(0, 0%, 77%);
  font-size: small;
  left: 50%;
  padding: 0 1ch;
  position: absolute;
  text-align: center;
  transform: translate(-50%, 100%);
  width: 80%;
}
.dev-tip .tooltip-copied {
  background-color: #4c1b17 !important;
  border: 1px solid salmon !important;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  background-color: #17404c;
  border: 1px solid cyan;
  color: #fff;
  text-align: center;
  padding: 1ch 1ch;
  position: absolute;
  z-index: 1;
  box-shadow: 1ch 1ch 1ch 1ch black;
}
.tooltip .tooltiptext.bottom {
  left: 1ch;
  bottom: -4ch;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 0s linear 0.6s;
}
.tipsHandler {
  z-index: 80;
  position: fixed;
  font-size: medium;
  transition: calc(var(--anim-baseTime) * 0.45);
  opacity: 1;
  transform: scale(1);
}
.non-visible {
  visibility: hidden;
}
.fa,
.fab,
.fal,
.far,
.fas {
  vertical-align: -3%;
}
.missingData {
  color: salmon;
  font-style: italic;
}
.index-right-pane {
  display: inline-block !important;
  position: absolute;
  background: #233550f0;
  width: 40%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 1s;
  text-transform: none;
  border-right: 2px cyan dashed;
  z-index: 50;
}
.index-right-pane.hidden {
  left: -1930px;
}
.index-right-pane .header {
  border-bottom: 2px cyan solid;
  text-align: center;
  font-weight: bold;
}
.index-right-pane .close {
  padding-right: 1ch;
  float: right;
}
.index-right-pane .zdata {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.index-right-paneWIP {
  position: absolute;
  z-index: 5;
  padding-top: 2.5em;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50ch;
}
.index-right-paneWIP.hidden {
  left: -55ch;
}
.div-blocked {
  opacity: 0.4;
  pointer-events: none;
}
.first-upper {
  display: inline-block;
  text-transform: lowercase;
}
.first-upper::first-letter {
  text-transform: uppercase;
}
#localization-label {
  background: black;
  border: 1px grey solid;
  padding: 1ch;
}
.inline-time {
  font-size: 0.7em;
  text-align: left;
  color: grey;
}
.inline-time .pd {
  min-width: 10ch;
}
fieldset.dash-table-handler {
  padding-block-start: 0;
  padding-block-end: 0.5ch;
  border-radius: 0.5em;
  min-width: 0;
}
fieldset.dash-table-handler .dash-table-grid {
  display: grid;
}
fieldset.dash-table-handler .dash-table-grid > div {
  grid-column-start: 1;
  grid-row-start: 1;
  width: 100%;
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar {
  width: 0.7em;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  padding: 5em 1em;
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.35));
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-thumb {
  border-radius: 0.5em;
  -webkit-box-shadow: inset 0 0 0.4em hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-thumb:window-inactive {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.25));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.65));
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button {
  border-style: solid;
  height: 16px;
  width: 16px;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0 0.75ch 1.25ch 0.75ch;
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:vertical:increment {
  border-width: 1.25ch 0.75ch 0 0.75ch;
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:horizontal:decrement {
  border-width: 0.75ch 1.25ch 0.75ch 0;
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent;
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:horizontal:increment {
  border-width: 0.75ch 0 0.75ch 1.25ch;
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8));
}
fieldset.dash-table-handler .dash-table-grid > div::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
fieldset.dash-table-handler .dash-table-grid > div:first-of-type {
  overflow: auto;
}
.alternate-mrn {
  color: #00FFFF;
}
.fill-data-ready {
  cursor: alias !important;
}
.show-dev-tips {
  outline: 2px dashed salmon;
}
.text-outline {
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.zdata.strikeout .pd {
  text-decoration: line-through;
}
.index-tasklist .task-list-separator {
  width: 100%;
  border-bottom: 1px dashed cyan;
  padding-top: 1px;
}
.dashboard-tasklist {
  white-space: initial !important;
}
.dashboard-tasklist .task-list-separator {
  width: 100%;
  border-bottom: 2px dashed cyan;
  padding-top: 1px;
}
#QAQR-img {
  width: 100%;
}
.lsClock {
  position: relative;
  display: inline-block;
}
.lsClock .clock-control {
  display: none;
}
.lsClock.hovered.dev-mode .clock-control {
  color: salmon !important;
  background: black;
  padding: 0.2em;
  border: 1px solid;
  border-radius: 0.23em;
  display: inline-block !important;
}
.lsClock.hovered.dev-mode.dev-mode .clock-time {
  color: yellow;
}
.lsClock.clock-pause .clock-time {
  color: red;
  animation: blinkingText 1.2s infinite;
}
.clock-blink .timer-value {
  animation: blinkingText 1.2s infinite;
}
.transition-opacity {
  transition: opacity 0.5s;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.blinking {
  animation: blinkingText 1.2s infinite;
}
@keyframes blinkingText {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
fieldset.no-padding {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.patient-full-set {
  font-size: 0.7em;
  background: black;
}
.patient-full-set fieldset > legend {
  font-size: 1.2em;
  padding: 0 0.25ch;
  color: #37ff27;
  border: 1px solid grey;
  border-radius: 0.25em;
  background: #172f00;
}
.patient-full-set fieldset:nth-child(odd) {
  background: #141414;
}
.patient-full-set fieldset:nth-child(even) {
  background: #232323;
}
.flex-break {
  flex-basis: 100%;
  height: 0;
}
.simple-click:not(.inactive):hover {
  color: yellow !important;
}
.simple-click.inactive {
  pointer-events: none;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.ghost-disable {
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}
#mVS {
  position: relative;
}
#mVS .multi-unit-topper {
  z-index: 20;
  position: relative;
  padding: 0.5ch;
  border-bottom: 1px solid cyan;
}
#mVS .fade-hack {
  height: 1em;
  position: absolute;
  bottom: calc(-1em - 1px);
  left: 0;
  right: 0;
  background: linear-gradient(180deg, black, transparent);
}
#mVS .multi-unit-list {
  max-height: calc(100vh - 18ch);
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 1ch;
}
#mVS .multi-unit-list .multi-unit-empty {
  filter: brightness(0.6);
}
#mVS .no-patients {
  filter: grayscale(1) !important;
  color: #adadad;
}
#mVS .has-patients.no-matched-patients {
  filter: grayscale(0.3);
  color: grey;
}
.mVS-container {
  background: rgba(100, 100, 100, 0.25);
  border: 2px solid grey;
  border-radius: 0.5em;
  display: inline-block;
  margin-bottom: 0.5ch;
  padding: 0 0.5ch 0.5ch 0.5ch;
}
.mVS-content {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  border-radius: 0.5em;
  min-width: 50ch;
  position: absolute;
  z-index: 10;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
  transform-origin: top left;
  transition: calc(var(--anim-baseTime) * 0.4) ease-out;
}
.progress-meter {
  box-sizing: content-box;
  height: 1em;
  margin: 2px;
  position: relative;
  background: #230433;
  border-radius: 1em;
  padding: 2px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
.progress-meter > span {
  display: block;
  height: 100%;
  border-radius: 1em;
  background-color: #2bc253;
  background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  transition: 0.25s;
}
.progress-meter > span:after,
.progress-meter .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 2em 2em;
  animation: bar-move 5s linear infinite;
  border-radius: 1em;
  overflow: hidden;
}
.animate > span:after {
  display: none;
}
@keyframes bar-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2em 2em;
  }
}
.orange > span {
  background-image: linear-gradient(#f1a165, #f36d0a);
}
.red > span {
  background-image: linear-gradient(#f0a3a3, #f42323);
}
.halloween > span {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.34), rgba(204, 178, 1, 0.2)), -webkit-linear-gradient(left, #8c03b5, #fe7d01);
}
.nostripes > span > span,
.nostripes > span::after {
  background-image: none;
}
progress {
  width: 90%;
  height: 0.9em;
  margin: 0 auto;
  display: block;
  /* Important Thing */
  -webkit-appearance: none;
  border: none;
}
/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
  background: #230433;
  border-radius: 0.5em;
  padding: 2px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
}
progress::-webkit-progress-value {
  border-radius: 0.5em;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
  background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.34), rgba(204, 178, 1, 0.2)), -webkit-linear-gradient(left, #8c03b5, #fe7d01);
  background-size: 25px 14px, 100% 100%, 100% 100%;
}
progress::-webkit-progress-value {
  -webkit-animation: move 5s linear 0;
}
@-webkit-keyframes move {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: -100px 0, 0 0, 0 0;
  }
}
.indent-wrapped {
  margin-left: 1ch;
  text-indent: -1ch;
}
.indent-wrapped > div {
  text-indent: 0;
}
.dashboard-bundle-generic {
  text-align: center;
  width: 100%;
}
.dashboard-bundle-generic .screened {
  font-size: 0.6em;
  white-space: nowrap;
  color: white;
}
.dashboard-bundle-generic .db-bundle-reasons {
  font-size: 0.6em;
  white-space: nowrap;
  color: white;
}
.grey-at {
  vertical-align: 0.1em;
  font-size: 0.8em;
  color: grey;
}
.lines-handler .z-bundle-line {
  background-color: #000;
  border: 2px solid #1d9c9c;
  border-radius: 0 0 0.6em 0.6em;
  border-top-color: #0000;
  padding: 0.025em 0.15em 0.5em 0.15em;
  position: relative;
  text-align: left;
  z-index: 1;
}
.lines-handler .z-line-active {
  background-color: #1d5d5d !important;
  border: 2px solid #1d9c9c;
  border-bottom-color: #0abbbb;
  border-radius: 0.4em 0.4em 0 0;
  max-width: 2em;
  padding: 0.25em 0.25em 0.25em 0.5em;
}
.lines-handler .z-line-inactive {
  background-color: #042c2c !important;
  border: 2px solid #407373;
  border-bottom: 2px solid #0abbbb;
  border-radius: 0.4em 0.4em 0 0;
  max-width: 2em;
  padding: 0.25em 0.25em 0.25em 0.5em;
  position: relative;
  top: 2px;
}
.bed-emptyBed {
  transition: 0.25s;
}
.bed-emptyBed:hover {
  border: 4px yellow solid !important;
}
.standin-warning {
  background: rgba(255, 0, 0, 0.5);
  border: 1px solid red;
  border-radius: 0.25em;
}
.z-panel {
  z-index: 99;
  position: fixed;
  top: 10%;
  left: 50%;
  min-width: 30ch;
  transform: translateX(-50%);
  border: 1px solid cyan;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.8);
}
.mm-panel {
  font-size: 1.2em;
  left: 50%;
  min-width: 38ch;
  perspective: 1000px;
  position: fixed;
  top: 10%;
  bottom: 10%;
  transform: translateX(-50%);
  transition: var(--anim-ease-in);
  user-select: none;
  z-index: 20;
}
.mm-panel-card {
  border: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.8);
  max-height: 100%;
  transform-style: preserve-3d;
  perspective: 1000px;
  display: flex;
}
.mm-panel-front {
  backface-visibility: hidden;
  overflow: auto;
  transform: translateZ(1px);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mm-panel-back {
  backface-visibility: hidden;
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
}
.mmPanel-default {
  font-style: italic;
  opacity: 0.8;
}
.mmPanel-Bed {
  padding: 0.5ch 0;
}
.mmPanel-Changed {
  --border-color: #ffdd00;
  display: inline-flex;
  background: #3f3d19;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  width: 80%;
}
.mmPanel-defaults {
  --border-color: #2fff00;
  display: inline-flex;
  background: #223518;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  width: 100%;
}
.mmPanel-stable {
  --border-color: cyan;
  display: inline-flex;
  background: #183135;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  width: 80%;
}
.mmPanel-delta {
  font-style: italic;
}
body:not(.QA-active) .anim-expand {
  animation: expand-show var(--anim-baseTime) 0ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;
}
body.QA-active .anim-expand {
  opacity: 1 !important;
  transform: none !important;
}
.anim-expand {
  opacity: 0;
  transform: rotateX(-90deg);
  transform-origin: top center;
}
@keyframes expand-show {
  100% {
    opacity: 1;
    transform: none;
  }
}
body:not(.QA-active) .card-twist-in {
  animation: card-twist-show var(--anim-baseTime) 0ms cubic-bezier(0.67, -0.01, 0.68, 0.97) forwards;
}
body.QA-active .card-twist-in {
  transform: rotateY(0deg) !important;
}
.card-twist-in {
  transform: translateY(-25%) scale(0.5) rotateY(180deg);
  transform-origin: top center;
}
body:not(.QA-active) .card-twist-out {
  animation: card-twist-hide var(--anim-baseTime) 0ms cubic-bezier(0.16, 0.1, 0.08, 1.03) forwards;
}
.card-twist-out {
  transform: none;
  transform-origin: top center;
  pointer-events: none;
}
@keyframes card-twist-show {
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes card-twist-hide {
  100% {
    transform: translateY(-25%) scale(0.5) rotateY(180deg);
  }
}
.mmPanel-sub-label-bed:hover {
  background: #5f5f3c;
}
.mmPanel-sub-label-tag:hover {
  background: #5f5f3c;
}
.mmPanel-sub-label-target {
  white-space: nowrap;
}
.mmPanel-sub-label-target:hover .responsive-hidden {
  visibility: initial !important;
}
.mmPanel-sub-label-target:hover {
  background: #5f5f3c;
}
.mmPanel-sub-label {
  white-space: nowrap;
}
.mmPanel-sub-label:hover .responsive-hidden {
  visibility: initial !important;
}
.mmPanel-sub-label:hover {
  background: #5f5f3c;
}
.mmPanel-input {
  padding: 0 !important;
  background: #004646 !important;
  color: #00ffff !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-input-green {
  padding: 0 !important;
  background: #273122 !important;
  color: #2fff00 !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-message-default {
  width: 16ch;
  padding: 0 !important;
  background: #273122 !important;
  color: #2fff00 !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-phone-default {
  width: 15ch;
  padding: 0 !important;
  background: #273122 !important;
  color: #2fff00 !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-duration-default {
  width: 7ch;
  padding: 0 !important;
  background: #273122 !important;
  color: #2fff00 !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-message {
  width: 16ch;
  padding: 0 !important;
  background: #004646 !important;
  color: #00ffff !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-phone {
  width: 15ch;
  padding: 0 !important;
  background: #004646 !important;
  color: #00ffff !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-duration {
  width: 7ch;
  padding: 0 !important;
  background: #004646 !important;
  color: #00ffff !important;
  border-radius: 0.25em !important;
  margin: 0 !important;
}
.mmPanel-input-spacing {
  line-height: 1.9em;
  font-size: 0.8em;
}
.mmPanel-rightToolStrip {
  border-left: 1px dashed var(--border-color);
}
.mmPanel-rightToolStrip .mm-toolItem {
  padding: 0.5ch;
}
.mmPanel-Notifications {
  background: rgba(180, 0, 0, 0.4);
  border: 1px dotted red;
  font-size: 0.8em;
  padding: 0.15ch 0.5ch;
}
.mm-panel-tab-container {
  position: absolute;
  right: -1px;
  top: 3ch;
  --tab-border-color: orange;
  transform: translateX(100%);
  background: #412c1b;
  border: 1px solid var(--tab-border-color);
  border-radius: 0 0.5ch 0.5ch 0;
  backface-visibility: hidden;
  min-width: 2.5ch;
  text-align: center;
  color: #ffcf78;
}
.mm-panel-tab-container:hover {
  transition: ease-out 0.2s;
  min-width: 3ch;
}
.mm-panel-tab-container .mm-tab-header:hover {
  background: #623f23;
}
.mm-panel-tab-container .right-element {
  text-align: right;
  padding-right: 0.5ch;
}
.mm-panel-tab-container.mm-tab-expanded {
  border-radius: 0 0.5ch 0.5ch 0.5ch;
}
.mm-panel-tab-container .mm-tab-contents {
  border-top: 1px dashed var(--tab-border-color);
  color: white;
}
.z-lister-seg {
  padding-left: 2ch;
}
.z-list-show {
  display: initial !important;
}
.z-list-hide {
  display: none !important;
}
.svg-cyan-filter {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(144deg) brightness(118%) contrast(119%);
}
.fancy-hrefs {
  font-size: 0.8em;
  text-align: left;
  padding: 0 0.5ch;
}
.fancy-hrefs a {
  color: #ffcf78;
  text-decoration: none;
  text-align: left;
  padding-left: 1ch;
}
.z-bundleInlineControls {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
}
.z-bundleInlineControls .left-half {
  flex-grow: 1;
  position: relative;
}
.z-bundleInlineControls .left-half:hover .sliding-tab {
  transform: translate(0, -50%) !important;
}
.z-bundleInlineControls .left-half .sliding-tab {
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translate(-94%, -50%);
  transition: 0.25s;
  background: #004f49;
  border: 1px solid #00ffe1;
  border-radius: 0 0.25em 0.25em 0;
  padding: 0.2ch 0;
  color: #00dfff;
  width: 8ch;
}
.z-bundleInlineControls .left-half .static-tab {
  color: hsla(var(--alarm-h) var(--alarm-s) var(--alarm-l) / var(--alarm-a));
  color: white;
}
.z-bundleInlineControls .left-half .static-tab:not(.static-tab-max) {
  font-size: 0.7em;
}
.z-bundleInlineControls .left-half .static-tab.static-tab-max {
  font-size: 1em;
}
.z-bundleInlineControls .left-half .static-tab .button-touch {
  padding: 0.4ch 0.3ch 0 0.5ch;
  border-radius: 0 0 0.75ch 0;
  background: hsla(0 0 0 / 0.5);
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
}
.z-bundleInlineControls .middle-spacer {
  width: 50%;
}
.z-bundleInlineControls .right-half {
  flex-grow: 1;
  position: relative;
}
.z-bundleInlineControls .right-half:hover .sliding-tab {
  transform: translate(0, -50%) !important;
}
.z-bundleInlineControls .right-half .sliding-tab {
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translate(94%, -50%);
  transition: 0.25s;
  background: hsla(var(--alarm-h) var(--alarm-s) calc(var(--alarm-l) * 0.5) / var(--alarm-a));
  border: 1px solid hsla(var(--alarm-h) var(--alarm-s) var(--alarm-l) / var(--alarm-a));
  border-radius: 0.25em 0 0 0.25em;
  padding: 0.2ch 0;
  color: hsla(var(--alarm-h) var(--alarm-s) var(--alarm-l) / var(--alarm-a));
  width: 8ch;
}
.z-bundleInlineControls .right-half .sliding-tab.unmuted {
  --alarm-h: 38deg;
  --alarm-s: 100%;
  --alarm-l: 50%;
  --alarm-a: 1;
}
.z-bundleInlineControls .right-half .sliding-tab.muted {
  --alarm-h: var(--danger-h);
  --alarm-s: 100%;
  --alarm-l: 50%;
  --alarm-a: 1;
}
.z-bundleInlineControls .right-half .static-tab {
  color: hsla(var(--alarm-h) var(--alarm-s) var(--alarm-l) / var(--alarm-a));
}
.z-bundleInlineControls .right-half .static-tab:not(.static-tab-max) {
  font-size: 0.7em;
}
.z-bundleInlineControls .right-half .static-tab.static-tab-max {
  font-size: 1em;
}
.z-bundleInlineControls .right-half .static-tab.unmuted {
  --alarm-h: 38deg;
  --alarm-s: 100%;
  --alarm-l: 50%;
  --alarm-a: 0.7;
}
.z-bundleInlineControls .right-half .static-tab.muted {
  --alarm-h: var(--danger-h);
  --alarm-s: 100%;
  --alarm-l: 50%;
  --alarm-a: 1;
}
.z-bundleInlineControls .right-half .static-tab .button-touch {
  padding: 0.2ch 0.3ch 0.5ch 0.3ch;
  border-radius: 0 0 0 0.75ch;
  background: hsla(0 0 0 / 0.5);
  border-left: 2px solid grey;
  border-bottom: 2px solid grey;
}
.dBundle-zoom {
  font-size: 0.9em;
}
.zoomed-bundle {
  border: 2px solid grey;
  border-radius: 0.5em;
  font-size: 0.8em;
  margin: 1ch 2.5ch 1ch 1ch;
  width: 35ch;
  position: relative;
  background: black;
  min-height: 12ch;
}
.svg-to-base-orange {
  filter: invert(45%) sepia(14%) saturate(23) hue-rotate(358deg) brightness(119%) contrast(72%) drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
}
.svg-to-base-orange:hover {
  filter: invert(95%) sepia(14%) saturate(23) hue-rotate(1deg) brightness(119%) contrast(200%) drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
}
.svg-to-base-orange.dx-active {
  filter: invert(70%) sepia(100%) saturate(100) hue-rotate(var(--danger-h)) brightness(100%) contrast(147%) drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
}
.base-de-id .de-id-aware {
  filter: blur(0.3em);
}
.bundle-panel-tab-master {
  display: flex;
  flex-flow: column;
  font-size: 0.9em;
  position: absolute;
  right: -2px;
  top: 1ch;
  transform: translateX(100%);
}
.bundle-panel-tab-master .bundle-panel-tab-container {
  --tab-h: 30deg;
  --tab-s: 57%;
  --tab-l: 50%;
  background: hsl(var(--tab-h) calc(var(--tab-s) * 0.7) calc(var(--tab-l) * 0.3));
  border: 2px solid hsl(var(--tab-h) var(--tab-s) var(--tab-l));
  border-left: 0;
  border-radius: 0 0.5ch 0.5ch 0;
  backface-visibility: hidden;
  min-width: 2ch;
  width: 2ch;
  text-align: center;
  color: hsl(var(--tab-h) calc(var(--tab-s) * 0.8) calc(var(--tab-l) * 1.2));
}
.bundle-panel-tab-master .bundle-panel-tab-container .disabled {
  filter: brightness(0.5);
}
.bundle-panel-tab-master .bundle-panel-tab-container:hover {
  transition: ease-out 0.2s;
  min-width: 2.5ch;
  background: hsl(var(--tab-h) calc(var(--tab-s) * 0.8) calc(var(--tab-l) * 0.5));
}
.bundle-panel-tab-master .bundle-panel-tab-container:hover i {
  --tab-h: 60deg;
  --tab-l: 60%;
  --tab-s: 100%;
}
.bundle-panel-tab-master .bundle-panel-tab-container .bundle-tab-header:hover {
  background: hsl(var(--tab-h) calc(var(--tab-s) * 0.8) calc(var(--tab-l) * 0.5));
}
.bundle-panel-tab-master .bundle-panel-tab-container .right-element {
  text-align: right;
  padding-right: 0.35ch;
  padding-top: 0.35ch;
  padding-bottom: 0.25ch;
}
.bundleTrack-yellowRed {
  text-align: center;
  width: 6ch;
  padding: 0 0.5ch;
  border-radius: 0.25em;
}
.bundleTrack-yellowRed > div {
  font-size: 0.8em;
}
.bundleTrack-yellowRed > div:first-of-type {
  color: white;
  background: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.3));
}
.bundleTrack-yellowRed > div:last-of-type {
  color: hsl(var(--caution-h) var(--caution-s) var(--caution-l));
  background: hsl(var(--caution-h) var(--caution-s) calc(var(--caution-l) * 0.3));
}
.bundleTrack-red {
  font-size: 1em;
  text-align: center;
  width: 6ch;
  padding: 0 0.5ch;
  background: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) * 0.3));
  color: white;
  border-radius: 0.25em;
}
.med-items-list {
  display: inline-flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: center;
}
.med-items-list > div {
  display: inline-flex;
  align-items: center;
  gap: 0.5ch;
  justify-content: center;
}
.med-items-list > div span:first-child {
  flex-grow: 1;
  text-align: right;
}
.med-led-danger {
  border: 2px solid var(--danger-hsl);
  border-radius: 0.5ch;
}
.med-led-safe {
  border: 2px solid var(--safe-hsl);
  border-radius: 0.5ch;
  background: hsla(var(--safe-h), var(--safe-s), calc(var(--safe-l) * 0.25), 1);
}
img.perfect-center {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.timerSeconds {
  font-size: var(--timerSeconds);
}
.inline-block-100 {
  display: inline-block;
  width: 100%;
}
.maxHeight {
  height: 100%;
}
.simple-flex-row {
  align-content: center;
  display: flex;
  gap: 1ch;
  justify-content: center;
}
.noScroll-y {
  overflow-y: hidden;
}
.db-quickNav {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  border-radius: 0.5em;
  position: absolute;
  z-index: 10;
  padding: 2ch;
  transform-origin: top left;
  transition: calc(var(--anim-baseTime) * 0.4) ease-out;
}
.db-quickNav:not(.show) {
  opacity: 0;
  pointer-events: none;
}
.db-quickNav .dbQuickNav-SegTag {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  border-left: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  border-bottom: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  padding: 0.5ch 0.5ch;
  border-radius: 0 0 0 1ch;
  font-size: 0.8em;
  text-align: left;
}
.zCube-facility {
  border: 1px solid grey;
  background: linear-gradient(0deg, black, #595959);
}
.z-colorPicker {
  background: none;
  box-shadow: none;
}
.z-colorPicker::-webkit-color-swatch {
  border-radius: 0.25em;
}
.index-standard-fieldset {
  text-align: center;
  border-radius: 0.5em;
  margin: 0.5em 0.5em;
  border-color: grey;
}
.as-logo-fullscreen {
  height: 100%;
  width: 100%;
  opacity: 0.2;
}
.touchPoint-index-banner {
  width: 100%;
  text-align: center;
  background: linear-gradient(175deg, hsl(var(--index-touchPoint-h) calc(var(--index-touchPoint-s) * 0.3) calc(var(--index-touchPoint-l) * 0.6)) 1%, #010101 100%);
  padding: 0.5ch 0;
  border: 2px solid hsl(var(--index-touchPoint-h) var(--index-touchPoint-s) calc(var(--index-touchPoint-l) * 1));
}
a:not(.stark):link {
  color: #00FFFF;
}
a:not(.stark):visited {
  color: #c0a0ff;
}
a:not(.stark):hover {
  color: white;
}
a:not(.stark):active {
  color: yellow;
}
#application-outlet {
  display: none;
}
#application-loading {
  position: absolute;
  top: 5ch;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3em;
  font-style: italic;
}
.zsync {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.52);
  z-index: 50;
  pointer-events: none;
}
.zsync.show {
  opacity: 1;
}
.zsync:not(.show) {
  opacity: 0;
}
.zsync-box {
  border-radius: 0.5em;
  border: 2px hsl(var(--system-h) var(--system-s) var(--system-l)) solid;
  padding: 0.5ch 2ch;
  font-size: 1.5em;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  text-align: center;
}
#db-index-zsync {
  position: fixed;
}
.demo-cursor {
  cursor: url("/static/base/img/large-white-cursor.png") 20 4, auto;
}
.occupied-bed {
  opacity: 0;
}
.block-heart {
  z-index: 15 !important;
}
.div-outline {
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .div-outline {
    border: 1px solid #7F5F8B;
  }
}
.de-identify {
  filter: blur(0.3em);
}
.stream-status.stream-unavailable {
  text-transform: uppercase;
  font-style: italic;
  color: yellow;
}
.stream-status.stream-connected:not(.stream-unavailable) {
  text-transform: uppercase;
  color: #00ff00;
}
.stream-status.stream-disconnected {
  text-transform: uppercase;
  color: red;
}
.dashboard-target {
  width: 100%;
  height: 100%;
}
.clock {
  color: var(--text-base-color);
  float: right;
  font-size: 1em;
}
.bed-index,
.bed {
  clear: both;
}
@media only screen and (max-width:320px) {
  .indexsize {
    font-size: 0.7em;
  }
}
@media only screen and (min-width: 321px) and (max-width:480px) {
  .indexsize {
    font-size: 0.7em;
  }
}
@media only screen and (min-width : 376px) and (max-width : 768px) {
  .indexsize {
    font-size: 0.6em;
  }
}
@media only screen and (min-width : 769px) {
}
.placeholder {
  color: #FF7A00;
}
.pd:not(.no-inline-block),
nd {
  display: inline-block;
  position: relative;
}
nd.missing:before {
  text-transform: none;
  content: "(missing)" !important;
  white-space: nowrap;
  font-style: italic;
  font-size: 0.8em;
}
nd.fill-data-ready:before {
  color: salmon !important;
}
nd:not(.missing):before {
  content: "--";
  color: var(--null-hsl);
  white-space: nowrap;
}
dash:before {
  content: "-";
  padding-left: 0.1em;
  padding-right: 0.1em;
}
z-dash:before {
  content: "-";
  padding-left: 0.1em;
  padding-right: 0.1em;
}
.super {
  vertical-align: top;
  font-size: 0.6em !important;
}
.sub {
  vertical-align: bottom;
  font-size: 0.6em !important;
}
.units {
  font-family: DejaVu Sans, sans-serif;
  font-size: 0.6em;
  color: var(--base-text-midTone);
}
.simplecenter {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
.flexcenter {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
.flexcenter > div {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.ultra-black {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  z-index: 999;
}
.dimmed {
  -webkit-filter: brightness(50%);
}
.dashboard-version {
  position: fixed;
  right: 0;
  top: 0;
}
#flexmaster {
  position: fixed;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
#flexmaster > div {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
#flexmaster > div {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
#aspectfix {
  *height: 80%;
  margin-top: 56.25%;
}
.time-stamp {
  font-size: 0.8em;
  font-weight: normal !important;
}
.fade {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.overlay-nopatient {
  z-index: 99;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.connection-status {
  font-weight: bold;
  text-transform: uppercase;
}
.connection-status.connection-connected {
  color: #0f0;
}
.connection-status.connection-disconnected {
  color: #f00;
}
#master-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: unset !important;
  -webkit-align-items: unset !important;
  user-select: none;
}
/*
 * iOS 9.3 fix
*/
[data-ember-action] {
  cursor: pointer;
}
.dashboard-content {
  width: 1920px;
  height: 1080px;
  font-size: 29px;
  transform-origin: 0 0;
  position: absolute;
  left: 50%;
  top: 0;
  overflow-x: hidden;
  flex: 1;
}
.dashboard-content.override {
  position: relative !important;
}
.dashboard-content.hidden {
  opacity: 0;
}
.dashboard-content.slide-animation .block:not(.not-in-template) {
  display: block !important;
}
#output {
  position: fixed;
  top: 10%;
  left: 15%;
  background: grey;
  overflow: auto;
}
.mark {
  background: red !important;
  opacity: 0.5;
  z-index: 5;
}
.mark-all {
  background: rgba(200, 150, 0, 0.5);
  z-index: 5;
}
.dashboard.inner-fx {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background: var(--background-inner-fx);
}
.index.inner-fx {
  height: calc(100% - env(safe-area-inset-bottom));
  overflow: hidden;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  transition: var(--anim-baseTime);
  transition-property: filter;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.index-triage {
  border: 1px #8080807a solid;
  border-radius: 0.5em;
  order: 10000;
  padding-top: 2ch;
  margin-bottom: 1ch;
  background: rgba(0, 0, 0, 0.25);
}
.edit-mode .inner-fx {
  border: 2px dashed orange;
  box-sizing: border-box;
}
.edit-mode .inner-fx > .data-age-hide {
  opacity: 0.2 !important;
}
.edit-mode .block {
  pointer-events: initial !important;
}
.block.zoomed {
  background: black !important;
  z-index: 50 !important;
  left: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}
.simple-block {
  display: inline-block;
  overflow: hidden;
}
.simple-block .header {
  padding: 0.3em 0;
  text-align: center;
}
.simple-block .body {
  padding: 0 0.5em 0.5em 0.5em;
}
.block {
  transition-property: left,top,width,height,opacity,visibility;
  transition-duration: 0.2s;
  opacity: 1;
  overflow: hidden;
  transform-origin: top left;
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  position: absolute;
  display: table;
  z-index: 10;
}
.block:not(.let-wrap) {
  white-space: nowrap;
}
.block > .zoom-enabled {
  position: absolute;
  top: -0.4em;
  right: -0.2em;
  z-index: 10;
}
.block > .zoom-enabled.zoomed {
  right: 0.4em;
  top: -0.1em;
}
.block > .zoom-enabled > .zoom-icon {
  font-size: 0.7em;
  opacity: 1;
  display: none;
  color: #c7c7c7;
}
.block > .zoom-enabled > .zoom-icon:hover {
  color: yellow;
}
.block.outline:not(.zoomed) {
  background: var(--block-background);
}
.block.outline.solid {
  background: var(--block-solid);
}
.block .header {
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  font-size: 0.9em;
  height: 1.2em;
  position: absolute;
  text-align: center;
  text-transform: none;
  z-index: 1;
}
.block .header .header-content {
  display: flex;
  left: 0;
  justify-content: center;
  padding: 0 0.5ch;
  position: absolute;
  right: 0;
  top: -2px;
}
.block .header.zoomable {
  cursor: pointer;
}
.block .header.zoomable > span {
  margin-top: -2px;
  display: inline-block;
}
.block .header .zoomable-element {
  position: absolute;
  height: 5px;
  width: 100%;
  background: linear-gradient(to bottom, hsla(0 0 100% / 0.7) 0%, hsla(0 0 100% / 0));
}
.block .header .zoomed-return {
  position: absolute;
  left: 1em;
  top: 0.5em;
  font-size: 0.5em;
}
.block .header:not(.square) {
  border-radius: var(--block-radius) var(--block-radius) 0 0;
}
.block .header a {
  color: white;
  text-decoration: none;
}
.block .header > span {
  vertical-align: top;
  text-align: center;
}
.block .emptyCell {
  display: table-cell;
  background: rgba(120, 120, 120, 0.2);
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.block .emptyCell > div {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
.block.not-in-template {
  opacity: 0;
  display: none;
}
.block.hidden:not(.mark-all):not(.show-label):not(.data-age-hide):not(.ghosted):not(.zoomed) {
  opacity: 0.2;
}
.block.hidden.mark-all {
  opacity: 0.2;
}
.block.data-age-hide:not(.mark-all):not(.test-page) {
  opacity: 0.2;
}
.block.data-age-hide:not(.mark-all):not(.test-page):not(.fill-data) {
  pointer-events: none;
}
.block.data-age-hide:not(.mark-all):not(.test-page) .pd {
  filter: blur(0.3em);
}
.block.ghosted:not(.mark-all):not(.test-page):not(.edit-selected) {
  opacity: 0.2;
}
.block.ghosted:not(.mark-all):not(.test-page):not(.edit-selected):not(.fill-data) {
  pointer-events: none;
}
.block.ghosted:not(.mark-all):not(.test-page):not(.edit-selected) .pd {
  filter: blur(0.3em);
}
.block.edit-selected {
  background: rgba(130, 0, 0, 0.5) !important;
  z-index: 15;
  transition: none;
}
.block.edit-selected .child-block {
  background: rgba(130, 0, 0, 0.5) !important;
}
.block.mark-all {
  background: rgba(200, 150, 0, 0.5) !important;
  z-index: 5;
}
.block.square .header {
  border-radius: 0 !important;
}
.block-body {
  padding-top: 1.2em;
  height: calc(100% -  1.2em );
  overflow: hidden;
}
.hubBlockColor-default.outline:not(.hub-graphBlock) {
  border: 1px #543274 solid;
}
.hubBlockColor-default > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.hubBlockColor-default > .header .timeStamp {
  color: #d4a6ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-default > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.hubBlockColor-neutral.outline:not(.hub-graphBlock) {
  border: 1px #006666 solid;
}
.hubBlockColor-neutral > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #0a5c5c 100%);
  border-bottom: 1px #009999 solid;
}
.hubBlockColor-neutral > .header .timeStamp {
  color: #66ffff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-neutral > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #0a5c5c 100%);
  border-bottom: 1px #009999 solid;
}
.hubBlockColor-danger.outline:not(.hub-graphBlock) {
  border: 1px #660000 solid;
}
.hubBlockColor-danger > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.hubBlockColor-danger > .header .timeStamp {
  color: #ff6666;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-danger > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.hubBlockColor-caution.outline:not(.hub-graphBlock) {
  border: 1px #666600 solid;
}
.hubBlockColor-caution > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #5c5c0a 100%);
  border-bottom: 1px #999900 solid;
}
.hubBlockColor-caution > .header .timeStamp {
  color: #ffff66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-caution > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #5c5c0a 100%);
  border-bottom: 1px #999900 solid;
}
.hubBlockColor-safe.outline:not(.hub-graphBlock) {
  border: 1px #006600 solid;
}
.hubBlockColor-safe > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.hubBlockColor-safe > .header .timeStamp {
  color: #66ff66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-safe > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.hubBlockColor-purple.outline:not(.hub-graphBlock) {
  border: 1px #543274 solid;
}
.hubBlockColor-purple > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.hubBlockColor-purple > .header .timeStamp {
  color: #d4a6ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-purple > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.hubBlockColor-blue.outline:not(.hub-graphBlock) {
  border: 1px #000066 solid;
}
.hubBlockColor-blue > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #0a0a5c 100%);
  border-bottom: 1px #000099 solid;
}
.hubBlockColor-blue > .header .timeStamp {
  color: #6666ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-blue > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #0a0a5c 100%);
  border-bottom: 1px #000099 solid;
}
.hubBlockColor-red.outline:not(.hub-graphBlock) {
  border: 1px #660000 solid;
}
.hubBlockColor-red > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.hubBlockColor-red > .header .timeStamp {
  color: #ff6666;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-red > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.hubBlockColor-green.outline:not(.hub-graphBlock) {
  border: 1px #006600 solid;
}
.hubBlockColor-green > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.hubBlockColor-green > .header .timeStamp {
  color: #66ff66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-green > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.hubBlockColor-yellow.outline:not(.hub-graphBlock) {
  border: 1px #666500 solid;
}
.hubBlockColor-yellow > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #5c5b0a 100%);
  border-bottom: 1px #999700 solid;
}
.hubBlockColor-yellow > .header .timeStamp {
  color: #fffd66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-yellow > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #5c5b0a 100%);
  border-bottom: 1px #999700 solid;
}
.hubBlockColor-grey.outline:not(.hub-graphBlock) {
  border: 1px #4a4a4a solid;
}
.hubBlockColor-grey > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #4a4a4a 100%);
  border-bottom: 1px #636363 solid;
}
.hubBlockColor-grey > .header .timeStamp {
  color: #f499ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-grey > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #4a4a4a 100%);
  border-bottom: 1px #636363 solid;
}
.hubBlockColor-orange.outline:not(.hub-graphBlock) {
  border: 1px #663600 solid;
}
.hubBlockColor-orange > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #5c350a 100%);
  border-bottom: 1px #995100 solid;
}
.hubBlockColor-orange > .header .timeStamp {
  color: #ffb766;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-orange > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #5c350a 100%);
  border-bottom: 1px #995100 solid;
}
.hubBlockColor-black.outline:not(.hub-graphBlock) {
  border: 1px #000000 solid;
}
.hubBlockColor-black > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #000000 0%, #000000 100%);
  border-bottom: 1px #060606 solid;
}
.hubBlockColor-black > .header .timeStamp {
  color: #f88fff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-black > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #000000 0%, #000000 100%);
  border-bottom: 1px #060606 solid;
}
.hubBlockColor-pink.outline:not(.hub-graphBlock) {
  border: 1px #e1008a solid;
}
.hubBlockColor-pink > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #48002c 0%, #cb1785 100%);
  border-bottom: 1px #ff15a5 solid;
}
.hubBlockColor-pink > .header .timeStamp {
  color: #ffe1f3;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-pink > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #48002c 0%, #cb1785 100%);
  border-bottom: 1px #ff15a5 solid;
}
.hubBlockColor-brown.outline:not(.hub-graphBlock) {
  border: 1px #7e462a solid;
}
.hubBlockColor-brown > .header {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to bottom, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.hubBlockColor-brown > .header .timeStamp {
  color: #ffc5a8;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.hubBlockColor-brown > .footer {
  transition-property: background;
  transition-duration: 2s;
  background: linear-gradient(to top, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.blockColor-black.outline {
  border: 1px solid #393939;
}
.blockColor-black.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-black .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-black > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #000000 100%);
  border-bottom: 1px #060606 solid;
}
.blockColor-black > .header .timeStamp {
  color: #f88fff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-black > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-black > .body-color {
  background: #1a1a1acc;
}
.blockColor-black > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #000000 100%);
  border-bottom: 1px #060606 solid;
}
.blockColor-blue.outline {
  border: 1px solid #0000ff;
}
.blockColor-blue.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-blue .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-blue > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0a0a5c 100%);
  border-bottom: 1px #000099 solid;
}
.blockColor-blue > .header .timeStamp {
  color: #6666ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-blue > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-blue > .body-color {
  background: #1a1a1acc;
}
.blockColor-blue > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0a0a5c 100%);
  border-bottom: 1px #000099 solid;
}
.blockColor-brown.outline {
  border: 1px solid #d09171;
}
.blockColor-brown.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-brown .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-brown > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.blockColor-brown > .header .timeStamp {
  color: #ffc5a8;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-brown > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-brown > .body-color {
  background: #1a1a1acc;
}
.blockColor-brown > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #0b0604 0%, #6d4c3b 100%);
  border-bottom: 1px #a55c36 solid;
}
.blockColor-chiblue2.outline {
  border: 1px solid #2f88b7;
}
.blockColor-chiblue2.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-chiblue2 .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-chiblue2 > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #172b36 100%);
  border-bottom: 1px #1a4c66 solid;
}
.blockColor-chiblue2 > .header .timeStamp {
  color: #4dc1ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-chiblue2 > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-chiblue2 > .body-color {
  background: #1a1a1acc;
}
.blockColor-chiblue2 > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #172b36 100%);
  border-bottom: 1px #1a4c66 solid;
}
.blockColor-user1.outline {
  border: 1px solid hsl(var(--block-color-user1-h) var(--block-color-user1-s) var(--block-color-user1-l));
}
.blockColor-user1.outline:not(.square) {
  border-radius: var(--block-radius);
}
.blockColor-user1 .header.zoomable:hover {
  background: linear-gradient(var(--block-user1-gradient-direction), hsl(var(--block-color-user1-h) var(--block-color-user1-s) var(--block-color-user1-l)) 0%, hsl(var(--block-color-user1-h) calc(var(--block-color-user1-s) * 0.9) calc(var(--block-color-user1-l) * var(--block-user1-contrast))) 100%) !important;
  color: yellow;
}
.blockColor-user1 > .header {
  color: var(--block-color-user1-label);
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(var(--block-user1-gradient-direction), hsl(var(--block-color-user1-h) var(--block-color-user1-s) calc(var(--block-color-user1-l) * 0.5)) 0%, hsl(var(--block-color-user1-h) calc(var(--block-color-user1-s) * 0.7) calc(var(--block-color-user1-l) * var(--block-user1-contrast))) 100%);
  border-bottom: 1px hsl(var(--block-color-user1-h) var(--block-color-user1-s) calc(var(--block-color-user1-l) * 0.8)) solid;
}
.blockColor-user1 > .header .timeStamp {
  color: var(--block-color-user1-time);
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-user1 > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-chiblue.outline {
  border: 1px solid hsl(var(--block-color-chiBlue-h) var(--block-color-chiBlue-s) var(--block-color-chiBlue-l));
}
.blockColor-chiblue.outline:not(.square) {
  border-radius: var(--block-radius);
}
.blockColor-chiblue .header.zoomable:hover {
  background: linear-gradient(var(--block-gradient-direction), hsl(var(--block-color-chiBlue-h) var(--block-color-chiBlue-s) var(--block-color-chiBlue-l)) 0%, hsl(var(--block-color-chiBlue-h) calc(var(--block-color-chiBlue-s) * 0.9) calc(var(--block-color-chiBlue-l) * var(--block-contrast))) 100%) !important;
  color: yellow;
}
.blockColor-chiblue > .header {
  color: var(--block-color-chiBlue-label);
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(var(--block-gradient-direction), hsl(var(--block-color-chiBlue-h) var(--block-color-chiBlue-s) calc(var(--block-color-chiBlue-l) * 0.5)) 0%, hsl(var(--block-color-chiBlue-h) calc(var(--block-color-chiBlue-s) * 0.7) calc(var(--block-color-chiBlue-l) * var(--block-contrast))) 100%);
  border-bottom: 1px hsl(var(--block-color-chiBlue-h) var(--block-color-chiBlue-s) calc(var(--block-color-chiBlue-l) * 0.8)) solid;
}
.blockColor-chiblue > .header .timeStamp {
  color: hsl(var(--block-color-chiBlue-h) var(--block-color-chiBlue-s) calc(var(--block-color-chiBlue-l) * 1.5));
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-chiblue > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-cool.outline {
  border: 1px solid #00fff3;
}
.blockColor-cool.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-cool .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-cool > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0a5c58 100%);
  border-bottom: 1px #009992 solid;
}
.blockColor-cool > .header .timeStamp {
  color: #66fff8;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-cool > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-cool > .body-color {
  background: #1a1a1acc;
}
.blockColor-cool > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0a5c58 100%);
  border-bottom: 1px #009992 solid;
}
.blockColor-System.outline {
  border: 1px solid cyan;
}
.blockColor-System.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-System .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-System > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0a5c5c 100%);
  border-bottom: 1px #009999 solid;
}
.blockColor-System > .header .timeStamp {
  color: #66ffff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-System > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-System > .body-color {
  background: #1a1a1acc;
}
.blockColor-System > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0a5c5c 100%);
  border-bottom: 1px #009999 solid;
}
.blockColor-GEgrey.outline {
  border: 1px solid #5a5a5a;
}
.blockColor-GEgrey .header.zoomable:hover {
  background: linear-gradient(to bottom, #111210 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-GEgrey .header.zoomable:hover:not(.zoomed) {
  cursor: zoom-in;
}
.blockColor-GEgrey .header.zoomable:hover.zoomed {
  cursor: zoom-out;
}
.blockColor-GEgrey > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: #313131;
  border-bottom: 1px #1b1b1b solid;
}
.blockColor-GEgrey > .header .timeStamp {
  color: #4dc1ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-GEgrey > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-GEgrey > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #000000 100%);
  border-bottom: 1px #000000 solid;
}
.blockColor-uams.outline {
  border: 1px solid #671f2d;
}
.blockColor-uams.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-uams .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-uams > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #7d1b2a 100%);
  border-bottom: 1px #993e46 solid;
}
.blockColor-uams > .header .timeStamp {
  color: #da80a1;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-uams > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-uams > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #000000 100%);
  border-bottom: 1px #29090e solid;
}
.blockColor-default.outline {
  border: 1px solid #a17ac5;
}
.blockColor-default.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-default .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-default > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.blockColor-default > .header .timeStamp {
  color: #d4a6ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-default > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-default > .body-color {
  background: #1a1a1acc;
}
.blockColor-default > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.blockColor-green.outline {
  border: 1px solid #00ff00;
}
.blockColor-green.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-green .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-green > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.blockColor-green > .header .timeStamp {
  color: #66ff66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-green > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-green > .body-color {
  background: #1a1a1acc;
}
.blockColor-green > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #0a5c0a 100%);
  border-bottom: 1px #009900 solid;
}
.blockColor-grey.outline {
  border: 1px solid #969696;
}
.blockColor-grey.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-grey .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-grey > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #4a4a4a 100%);
  border-bottom: 1px #636363 solid;
}
.blockColor-grey > .header .timeStamp {
  color: #00FFFF;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-grey > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-grey > .body-color {
  background: #1a1a1acc;
}
.blockColor-grey > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #4a4a4a 100%);
  border-bottom: 1px #636363 solid;
}
.blockColor-grey > .header {
  background: linear-gradient(to bottom, #151515 40%, #545454 100%);
  border-bottom: 2px #757575 solid;
}
.blockColor-pink.outline {
  border: 1px solid #ff7bcc;
}
.blockColor-pink.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-pink .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-pink > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #48002c 0%, #cb1785 100%);
  border-bottom: 1px #ff15a5 solid;
}
.blockColor-pink > .header .timeStamp {
  color: #ffe1f3;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-pink > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-pink > .body-color {
  background: #1a1a1acc;
}
.blockColor-pink > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #48002c 0%, #cb1785 100%);
  border-bottom: 1px #ff15a5 solid;
}
.blockColor-purple.outline {
  border: 1px solid #a17ac5;
}
.blockColor-purple.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-purple .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-purple > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.blockColor-purple > .header .timeStamp {
  color: #d4a6ff;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-purple > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-purple > .body-color {
  background: #1a1a1acc;
}
.blockColor-purple > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #070409 0%, #544363 100%);
  border-bottom: 1px #6e4297 solid;
}
.blockColor-orange.outline {
  border: 1px solid #ff8700;
}
.blockColor-orange.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-orange .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-orange > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #5c350a 100%);
  border-bottom: 1px #995100 solid;
}
.blockColor-orange > .header .timeStamp {
  color: #ffb766;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-orange > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-orange > .body-color {
  background: #1a1a1acc;
}
.blockColor-orange > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #5c350a 100%);
  border-bottom: 1px #995100 solid;
}
.blockColor-red.outline {
  border: 1px solid #ff0000;
}
.blockColor-red.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-red .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-red > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.blockColor-red > .header .timeStamp {
  color: #ff6666;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-red > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-red > .body-color {
  background: #1a1a1acc;
}
.blockColor-red > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #5c0a0a 100%);
  border-bottom: 1px #990000 solid;
}
.blockColor-rose.outline {
  border: 1px solid #d1635c;
}
.blockColor-rose.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-rose .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-rose > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #65332f 100%);
  border-bottom: 1px #9b322c solid;
}
.blockColor-rose > .header .timeStamp {
  color: #ff9a94;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-rose > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-rose > .body-color {
  background: #1a1a1acc;
}
.blockColor-rose > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #65332f 100%);
  border-bottom: 1px #9b322c solid;
}
.blockColor-yellow.outline {
  border: 1px solid #fffc00;
}
.blockColor-yellow.outline:not(.square) {
  border-radius: 0.5em;
}
.blockColor-yellow .header.zoomable:hover {
  background: linear-gradient(to bottom, #454741 0%, #919191 100%) !important;
  color: yellow;
}
.blockColor-yellow > .header {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #000000 0%, #5c5b0a 100%);
  border-bottom: 1px #999700 solid;
}
.blockColor-yellow > .header .timeStamp {
  color: #fffd66;
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-yellow > .header .timeStamp.show-background {
  min-width: 10ch;
}
.blockColor-yellow > .body-color {
  background: #1a1a1acc;
}
.blockColor-yellow > .footer {
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  background: linear-gradient(to top, #000000 0%, #5c5b0a 100%);
  border-bottom: 1px #999700 solid;
}
.blockColor-system.outline {
  border: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
}
.blockColor-system.outline:not(.square) {
  border-radius: var(--block-radius);
}
.blockColor-system .header.zoomable:hover {
  background: linear-gradient(var(--system-gradient-direction), hsl(var(--system-h) var(--system-s) var(--system-l)) 0%, hsl(var(--system-h) calc(var(--system-s) * 0.9) calc(var(--system-l) * var(--system-contrast))) 100%) !important;
  color: yellow;
}
.blockColor-system > .header {
  color: var(--system-label);
  transition-property: background;
  transition-duration: 2s;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(var(--system-gradient-direction), hsl(var(--system-h) var(--system-s) calc(var(--system-l) * 0.5)) 0%, hsl(var(--system-h) calc(var(--system-s) * 0.7) calc(var(--system-l) * var(--system-contrast))) 100%);
  border-bottom: 1px hsl(var(--system-h) var(--system-s) calc(var(--system-l) * 0.8)) solid;
}
.blockColor-system > .header .timeStamp {
  color: var(--system-time);
  margin: 0 0.2ch;
  font-size: 0.9em;
}
.blockColor-system > .header .timeStamp.show-background {
  min-width: 10ch;
}
.mobile {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
  display: table;
  overflow: hidden;
  z-index: 10;
}
.mobile > .header {
  display: table-row;
  background: #a17ac5;
  width: 100%;
  text-align: center;
}
.mobile > .header a {
  color: white;
  text-decoration: none;
}
.mobile.bundles {
  display: block;
  z-index: 1;
}
.mobile.bundles > .list-fade {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.mobile.bundles > .header {
  text-transform: none;
  background: rgba(0, 77, 175, 0.36);
  width: 100%;
  height: auto;
  color: white;
  text-align: center;
  display: inline-block;
}
.mobile.tasks {
  display: block;
  z-index: 1;
  background: rgba(150, 0, 0, 0.1);
}
.mobile.tasks > .list-fade {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.mobile.tasks > .header {
  text-transform: none;
  background: rgba(150, 0, 0, 0.27);
  width: 100%;
  height: auto;
  color: white;
  text-align: center;
  display: inline-block;
}
.mobile.tasks > div:nth-of-type(2n) {
  background: rgba(150, 0, 0, 0.13);
}
.mobile.tasks > div:not(.header) {
  color: #ffff64 !important;
  font-weight: bold;
  padding: 0.25em;
  border-bottom: 1px solid #eee;
}
.mobile.tasks > div:not(.header) > div {
  font-size: 0.8em;
  color: white !important;
  font-weight: normal;
}
.mobile .block-pulse {
  top: 16%;
  left: 0;
  width: 97%;
  height: 19%;
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .mobile .block-pulse {
    border: 1px solid #7F5F8B;
  }
}
.mobile .block-sbp-pulse {
  top: 37%;
  left: 0;
  width: 97%;
  height: 19%;
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .mobile .block-sbp-pulse {
    border: 1px solid #7F5F8B;
  }
}
.mobile .block-uo-pulse {
  top: 58%;
  left: 0;
  width: 97%;
  height: 19%;
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .mobile .block-uo-pulse {
    border: 1px solid #7F5F8B;
  }
}
.mobile .block-temperature-pulse {
  top: 79%;
  left: 0;
  width: 97%;
  height: 19%;
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .mobile .block-temperature-pulse {
    border: 1px solid #7F5F8B;
  }
}
.mobile-content {
  font-size: 18px;
}
.overlayPos {
  position: absolute;
  color: white !important;
  background: black;
  font-size: 10px;
  padding: 0.2ch;
}
.overlayPos:hover {
  font-weight: bold;
}
.block-clock {
  color: #ffffff;
  background: -moz-linear-gradient(top, #919191 0%, #515151 25%, #313131 75%, #424242);
  background: -webkit-gradient(linear, left top, left bottom, from(#919191), color-stop(0.25, #515151), color-stop(0.75, #313131), to(#424242));
  border: 4px solid #171717;
  -moz-box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(87, 87, 87, 0.7);
  box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(87, 87, 87, 0.7);
  font-size: 4.5em;
  font-weight: 700;
  letter-spacing: 0.06em;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.block-clock > div {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.block-clock > div {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.dashboard-compress-right {
  transform-origin: right;
  transform: scale(0.85, 1);
}
#leftSegment:not(.hidden) {
  display: block;
  transition: 0s;
  border-radius: 0 1em 1em 0;
  border-left: 0;
  box-sizing: border-box;
  width: 15%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}
.block-infusions {
  display: table;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}
.block-infusions > div:not(.danger) {
  color: white !important;
  background: rgba(0, 0, 216, 0.38) !important;
}
.block-infusions > .danger {
  color: white !important;
  background: rgba(0, 0, 0, 0.31) !important;
}
.block-infusions > div {
  display: table-cell;
  vertical-align: middle;
}
.block-infusions span:last-of-type {
  text-transform: none;
}
.block-transfusions {
  display: table;
  text-align: center;
}
.block-transfusions > div:nth-of-type(2n) {
  font-size: 3.5em;
  font-weight: bold;
}
.block-transfusions > div:last-of-type {
  letter-spacing: 0;
  font-size: 0.8em;
  font-weight: normal !important;
}
.block-transfusions > .header > div {
  background: rgba(255, 0, 0, 0.41);
  display: table-cell;
  width: 33.3%;
}
.block-transfusions > .header > div:nth-of-type(n+2) {
  border-left: 2.3px solid rgba(13, 13, 13, 0.31);
}
.block-transfusions > .header ~ div {
  display: table-row;
  line-height: 1em;
}
.block-transfusions > .header ~ div > div {
  display: table-cell;
}
.block-transfusions > .header ~ div > div:nth-of-type(n+2) {
  border-left: 2px solid grey;
}
.block-gcs span.splitter {
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.block-gcs > div {
  width: 100%;
  height: 100%;
}
.block-gcs > div > div:first-of-type {
  background: rgba(0, 0, 0, 0.31);
}
.block-gcs > div > div:last-of-type {
  background: rgba(20, 20, 20, 0.31);
}
.block-gcs > div > div:first-of-type {
  width: 100%;
  height: 50%;
  display: table;
}
.block-gcs > div > div:first-of-type > div:nth-of-type(1) {
  font-size: 1.2em;
  font-weight: bold;
  display: table-cell;
  width: 60%;
  text-align: center;
  vertical-align: middle;
}
.block-gcs > div > div:first-of-type > div:nth-of-type(1) span:nth-of-type(1) {
  display: inline-block;
  width: 50%;
  text-align: right;
}
.block-gcs > div > div:first-of-type > div:nth-of-type(1) span:nth-of-type(2) {
  display: inline-block;
  width: 40%;
  text-align: left;
}
.block-gcs > div > div:first-of-type > div:nth-of-type(2) {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
}
.block-gcs > div > div:last-of-type {
  font-weight: bold;
  width: 100%;
  height: 50%;
  display: table;
}
.block-gcs > div > div:last-of-type > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.block-gcs > div > div:last-of-type > div span:nth-of-type(2n) {
  color: #d2d2d2;
}
.block-timeline {
  text-transform: none;
  z-index: 1;
  display: block;
  background: rgba(0, 77, 175, 0.1);
}
.block-timeline > .list-fade {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.block-timeline > .header {
  background: rgba(0, 77, 175, 0.36);
  width: 100%;
  height: auto;
  color: white;
  text-align: center;
  display: inline-block;
}
.block-timeline > div:not(.header) {
  color: #ffff64 !important;
  padding: 0.25em;
  border-bottom: 1px solid #eee;
}
.block-timeline > div:not(.header) > div {
  font-size: 0.8em;
  color: white !important;
  font-weight: normal;
}
.block-timeline .medication {
  position: relative;
  background: rgba(0, 204, 255, 0.26) !important;
}
.block-timeline .prehospital {
  border-top: 8px solid #a0a0a0;
}
@media only screen and (max-width: 1000px) and (orientation:landscape) {
  .block-timeline .prehospital {
    border-top: 4px solid #a0a0a0;
  }
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .block-timeline .prehospital {
    border-top: 2px solid #a0a0a0;
  }
}
.block-timeline .prehospital ~ .prehospital {
  border-top: 0;
}
.block-timeline .med-tag {
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.6em !important;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 2px grey solid;
  border-left: 2px grey solid;
  border-radius: 10px 0 0 0;
  padding: 0 0.1em;
}
.gcs_arrow_scale {
  position: absolute;
  top: 0;
  left: 6%;
  width: 1em;
}
.arrow-mixin {
  transition: 3s;
  width: 100%;
}
.arrow-none {
  display: none;
}
.arrow-up {
  transition: 3s;
  width: 100%;
  transform: rotate(0deg);
}
.arrow-same {
  transition: 3s;
  width: 100%;
  transform: rotate(90deg);
}
.arrow-down {
  transition: 3s;
  width: 100%;
  transform: rotate(180deg);
}
.block-prehosp span:nth-of-type(2n) {
  color: yellow;
}
.data {
  font-size: 1.7em;
}
.block-fast > div:first-of-type {
  font-size: 1.2em;
  font-weight: bold;
}
.block-fast > div:last-of-type {
  font-size: 1.7em;
}
.block-abc > div:first-of-type {
  font-size: 1.2em;
  font-weight: bold;
}
.block-abc > div:last-of-type {
  font-size: 1.7em;
}
.block-system {
  display: block;
  z-index: 25;
  position: absolute;
}
.block-system > span {
  width: 20%;
}
.block-system > span > span {
  color: #00FFFF;
  font-weight: bold;
}
.block-system a {
  text-decoration: none;
  color: white;
}
.block-patient {
  display: block;
}
.line {
  height: 1px;
  background-color: white;
}
.block-cbc > div {
  font-size: 1.1em;
}
#cbc-container {
  font-size: 1.15em;
  position: absolute;
  height: 100%;
  width: 100%;
}
.block-medication .block-body {
  position: absolute;
  width: 100%;
}
.block-medication .admin-dt {
  font-size: 0.6em;
}
.block-bundles {
  z-index: 1;
}
.block-bundles table {
  border-collapse: collapse;
}
.block-bundles tr > td:not(:last-child) {
  border-right: 1px grey solid;
}
.block-bundles > .list-fade {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), color-stop(98%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%, #000000 98%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.child-block {
  height: 100%;
  width: 100%;
}
.child-block:not(.no-flex) {
  display: flex;
  align-items: center;
}
.child-block:not(.no-flex).flex-column {
  flex-flow: column;
}
.child-block:not(.no-flex):not(.no-flex-center) {
  justify-content: center;
}
#family-bundles > #container {
  position: relative;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-around;
  width: 100%;
  height: 100%;
}
#family-bundles > #container > .bundle-block {
  border-radius: 2rem;
  font-size: 3em;
  display: inline-block;
  width: 32%;
  height: 31%;
  margin: 0.5%;
  border-top: 2px #dddddd solid;
  border-left: 2px grey solid;
  border-right: 2px #444444 solid;
  border-bottom: 2px #3b3b3b solid;
}
#family-bundles > #container > .bundle-block > span {
  display: table;
  width: 100%;
  height: 100%;
}
#family-bundles > #container > .bundle-block > span > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.bundle-coloring.silence-grey {
  background: #373737 !important;
  color: grey !important;
}
.bundle-coloring.silence-grey .safe {
  color: grey !important;
}
.bundle-coloring.silence-grey .caution {
  color: grey !important;
  background-image: none !important;
}
.bundle-coloring.silence-grey .danger {
  color: grey !important;
  background: none !important;
}
.bundle-coloring.silence-cyan {
  background: #003131 !important;
  --silence-cyan: #00a1a1;
  color: var(--silence-cyan);
}
.bundle-coloring.silence-cyan .safe {
  color: var(--silence-cyan) !important;
}
.bundle-coloring.silence-cyan .caution {
  color: var(--silence-cyan) !important;
  background-image: none !important;
}
.bundle-coloring.silence-cyan .danger {
  color: var(--silence-cyan) !important;
  background: none !important;
}
.bundle-coloring.safe:not(.alarm-silenced) {
  background: hsla(var(--safe-hsl-raw) / 0.2) !important;
}
.bundle-coloring.safe.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-coloring.safe.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-coloring.caution:not(.alarm-silenced) {
  background: hsla(var(--caution-hsl-raw) / 0.2) !important;
  position: relative;
  border-bottom: 0;
}
.bundle-coloring.caution.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-coloring.caution.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-coloring.danger:not(.alarm-silenced) {
  background: hsla(var(--danger-hsl-raw) / 0.2) !important;
}
.bundle-coloring.danger.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-coloring.danger.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-block {
  border-top: 1px #a0a0a0 solid;
  box-sizing: border-box;
  font-size: 1em;
  position: relative;
  text-align: center;
  text-transform: none;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.bundle-block.silence-grey {
  background: #373737 !important;
  color: grey !important;
}
.bundle-block.silence-grey .safe {
  color: grey !important;
}
.bundle-block.silence-grey .caution {
  color: grey !important;
  background-image: none !important;
}
.bundle-block.silence-grey .danger {
  color: grey !important;
  background: none !important;
}
.bundle-block.silence-cyan {
  background: #003131 !important;
  --silence-cyan: #00a1a1;
  color: var(--silence-cyan);
}
.bundle-block.silence-cyan .safe {
  color: var(--silence-cyan) !important;
}
.bundle-block.silence-cyan .caution {
  color: var(--silence-cyan) !important;
  background-image: none !important;
}
.bundle-block.silence-cyan .danger {
  color: var(--silence-cyan) !important;
  background: none !important;
}
.bundle-block.safe:not(.alarm-silenced) {
  background: hsla(var(--safe-hsl-raw) / 0.2) !important;
}
.bundle-block.safe.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-block.safe.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-block.caution:not(.alarm-silenced) {
  background: hsla(var(--caution-hsl-raw) / 0.2) !important;
  position: relative;
  border-bottom: 0;
}
.bundle-block.caution.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-block.caution.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-block.danger:not(.alarm-silenced) {
  background: hsla(var(--danger-hsl-raw) / 0.2) !important;
}
.bundle-block.danger.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-block.danger.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-index {
  border-top: 1px #a0a0a0 solid;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  text-transform: none;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  font-size: 1em;
  border: 1px #7F5F8B solid;
}
.bundle-index.silence-grey {
  background: #373737 !important;
  color: grey !important;
}
.bundle-index.silence-grey .safe {
  color: grey !important;
}
.bundle-index.silence-grey .caution {
  color: grey !important;
  background-image: none !important;
}
.bundle-index.silence-grey .danger {
  color: grey !important;
  background: none !important;
}
.bundle-index.silence-cyan {
  background: #003131 !important;
  --silence-cyan: #00a1a1;
  color: var(--silence-cyan);
}
.bundle-index.silence-cyan .safe {
  color: var(--silence-cyan) !important;
}
.bundle-index.silence-cyan .caution {
  color: var(--silence-cyan) !important;
  background-image: none !important;
}
.bundle-index.silence-cyan .danger {
  color: var(--silence-cyan) !important;
  background: none !important;
}
.bundle-index.safe:not(.alarm-silenced) {
  background: hsla(var(--safe-hsl-raw) / 0.2) !important;
}
.bundle-index.safe.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-index.safe.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-index.caution:not(.alarm-silenced) {
  background: hsla(var(--caution-hsl-raw) / 0.2) !important;
  position: relative;
  border-bottom: 0;
}
.bundle-index.caution.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-index.caution.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.bundle-index.danger:not(.alarm-silenced) {
  background: hsla(var(--danger-hsl-raw) / 0.2) !important;
}
.bundle-index.danger.alarm-silenced:not(.color-silence) {
  background: black;
}
.bundle-index.danger.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.no-transition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.offline-coverup-2 {
  background: black;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20;
}
.offline-coverup-2 table {
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.bundle-progress {
  font-size: 0.5em;
  position: relative;
  top: -0.2em;
  left: 0;
}
.bundle-progress.hide {
  -webkit-transition: 1s;
  transition: 1s;
  transition-timing-function: ease-in;
  left: -100%;
}
.bundle-progress > progress {
  position: absolute;
  left: 5%;
}
.bundle-progress > span {
  position: absolute;
  left: 5%;
  padding-left: 1.5em;
}
.db-bundle-reasons {
  color: white;
  font-size: 0.5em;
  line-height: 1.1em;
}
.bundle-reasons {
  padding-bottom: 0.5ch;
  color: white;
  font-size: 0.8em;
}
.bundle-reasons span {
  white-space: nowrap;
}
#pBundles {
  height: 100%;
  width: 100%;
}
#pDBundles {
  height: 100%;
  width: 100%;
}
.WIP {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 50%;
  opacity: 0.2;
  transform: translateX(-50%) rotate(-18deg);
  justify-content: center;
  font-size: 37em;
}
.zoom-flex2 {
  display: flex;
  align-items: start !important;
  flex-wrap: wrap;
  justify-content: space-around !important;
}
.dash-zDataTimeStamp {
  font-size: 0.7em;
  text-align: left;
  color: grey;
}
.helper-ghosted:not(.test-page) {
  opacity: 0.2;
}
.helper-ghosted:not(.test-page):not(.fill-data) {
  pointer-events: none;
}
.helper-ghosted:not(.test-page) .pd {
  filter: blur(0.3em);
}
.nd {
  color: var(--null-hsl);
}
.no-break {
  white-space: nowrap;
}
.index-bundle-block {
  position: relative;
  padding: 0.25ch 0;
}
.index-bundle-block.silence-grey {
  background: #373737 !important;
  color: grey !important;
}
.index-bundle-block.silence-grey .safe {
  color: grey !important;
}
.index-bundle-block.silence-grey .caution {
  color: grey !important;
  background-image: none !important;
}
.index-bundle-block.silence-grey .danger {
  color: grey !important;
  background: none !important;
}
.index-bundle-block.silence-cyan {
  background: #003131 !important;
  --silence-cyan: #00a1a1;
  color: var(--silence-cyan);
}
.index-bundle-block.silence-cyan .safe {
  color: var(--silence-cyan) !important;
}
.index-bundle-block.silence-cyan .caution {
  color: var(--silence-cyan) !important;
  background-image: none !important;
}
.index-bundle-block.silence-cyan .danger {
  color: var(--silence-cyan) !important;
  background: none !important;
}
.index-bundle-block.safe:not(.alarm-silenced) {
  background: hsla(var(--safe-hsl-raw) / 0.2) !important;
}
.index-bundle-block.safe.alarm-silenced:not(.color-silence) {
  background: black;
}
.index-bundle-block.safe.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.index-bundle-block.caution:not(.alarm-silenced) {
  background: hsla(var(--caution-hsl-raw) / 0.2) !important;
  position: relative;
  border-bottom: 0;
}
.index-bundle-block.caution.alarm-silenced:not(.color-silence) {
  background: black;
}
.index-bundle-block.caution.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.index-bundle-block.danger:not(.alarm-silenced) {
  background: hsla(var(--danger-hsl-raw) / 0.2) !important;
}
.index-bundle-block.danger.alarm-silenced:not(.color-silence) {
  background: black;
}
.index-bundle-block.danger.alarm-silenced:not(.color-silence) > div:not(.alarm-silenced-info):not(.z-bundleInlineControls) {
  filter: brightness(0.5);
}
.index-bundle-block .z-bundleInlineControls {
  font-size: 0.8em;
}
.label-sub-item {
  font-size: 0.8em;
}
.block-exceptions {
  background: red;
}
html,
body {
  margin: 0;
  padding: 0;
}
body,
.overlay-nopatient {
  background: var(--background-body) repeat-y;
  background-size: 100%;
  color: var(--base-text-color);
}
body.db:not(.hub) {
  background: var(--background-body) !important;
}
.customer-Decisio .inner-fx {
  background-image: var(--background-image);
  background-size: contain;
}
.customer-AirStrip® .inner-fx {
  background-image: var(--background-image);
  background-size: contain;
}
.patient-info-format {
  display: inline-block;
  width: 44%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.patient-info-format .mrn {
  display: inline-block;
  max-width: 7em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.dash-modal {
  display: flex;
  flex-direction: column;
  z-index: 10;
  position: relative;
  min-width: 5em;
  min-height: 5em;
  max-width: 80%;
  max-height: 80%;
  text-align: center;
  text-transform: none;
  background: rgba(58, 58, 58, 0.9);
  transition: calc(var(--anim-baseTime) * 0.5) ease-out;
  border: 1px gray solid;
  padding: 0.5ch 0.5ch;
}
.dash-modal:not(.square) {
  border-radius: 1em;
}
.dash-modal:not(.square) .upper-right {
  position: absolute;
  top: -0.6em;
  right: -0.4em;
}
.dash-modal:not(.square) .upper-right .button-touch {
  font-size: 1em;
}
.dash-modal.active {
  pointer-events: auto;
}
.dash-modal:not(.active) {
  opacity: 0;
  position: absolute;
  transform: scale(0.8);
}
.dash-modal.square .upper-right {
  position: absolute;
  top: -0.6em;
  right: -0.4em;
}
.dash-modal.square .upper-right .button-touch {
  padding: 0 0.25em;
  font-size: 1em;
  border-radius: 0;
}
.beam-panel {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  max-width: 90%;
  user-select: none;
}
.beam-panel.compact .sub1 {
  transform: scale(0) translateX(-5%);
}
.beam-panel.compact .sub2 {
  transform: scale(0) translateY(-5%);
}
.beam-panel.compact .upper-right {
  transform: scale(0);
}
.beam-panel.compact .frame {
  transform: scale(0);
}
.beam-panel .sub1 {
  transition: 0.15s !important;
  transition-timing-function: ease-out;
  position: absolute;
  display: inline-block;
  border-left: 1px solid #009191;
  height: 100%;
  border-right: 1px solid #009191;
  width: calc(100% + 12px);
  transform: scale(1) translateX(-6px);
  top: 0;
  left: 0;
  pointer-events: none;
}
.beam-panel .sub2 {
  transition: 0.15s;
  transition-timing-function: ease-out;
  position: absolute;
  display: inline-block;
  border-top: 1px #009191 solid;
  border-bottom: 1px #009191 solid;
  height: calc(100% + 12px);
  width: 100%;
  transform: scale(1) translateY(-6px);
  top: 0;
  left: 0;
  pointer-events: none;
}
.beam-panel .upper-right {
  transition: 0.25s;
  right: -1ch !important;
  top: -1.5ch !important;
  position: absolute;
}
.beam-panel .frame {
  transition: 0.5s !important;
  transition-timing-function: ease-in-out;
  display: inline-block;
  background: rgba(27, 52, 69, 0.9) !important;
  border: 1px #00e8ff solid !important;
  border-radius: 0 !important;
}
.beam-panel .frame .header {
  border-bottom: 1px dashed #00e8ff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.3em;
}
.beam-panel .device-list tr:not(:last-child) {
  border-bottom: 1px #00e8ff solid;
}
.beam-panel .device-list .focused {
  background: linear-gradient(to right, rgba(0, 135, 135, 0) 3%, #234a4a 13%, #008787 99%, rgba(0, 135, 135, 0) 100%);
}
.beam-panel .device-list .device:hover {
  background: linear-gradient(to right, rgba(0, 160, 160, 0) 3%, #00a0a0 13%, #00a0a0 99%, rgba(0, 160, 160, 0) 100%);
}
.beam-panel .device-list .device:hover .indicator {
  color: yellow;
}
#infoPanel {
  position: absolute;
  right: -3em;
  top: -3em;
  width: 6em;
  height: 6em;
  padding: 0;
  border-radius: 5em;
  z-index: 99;
}
#infoPanel .inner {
  position: absolute;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(35, 35, 35, 0.85);
  border-radius: 5em;
  border: 2px #18D9FD solid;
}
#infoPanel:not(.show) .inner {
  top: -3em;
  right: -3em;
}
#devPanelBubble {
  position: absolute;
  left: -3em;
  top: -3em;
  width: 6em;
  height: 6em;
  padding: 0;
  border-radius: 5em;
  z-index: 99;
}
#devPanelBubble .inner {
  position: absolute;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: hsl(var(--system-h) var(--system-s) calc(var(--system-l) * 0.25));
  border-radius: 5em;
  border: 2px var(--system-hsl) solid;
}
#devPanelBubble:not(.show) .inner {
  top: -3em;
  left: -3em;
}
:root {
  --hub-baseFontSize: 18px;
  --hub-contentFontSize: 18px;
  --hub-modalFontSize: 16px;
  --hub-sliderMenuFontSize: 16px;
}
.block-wallclock {
  top: 71%;
  left: 33%;
  width: 34.5%;
  height: 13%;
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
@media only screen and (max-width:640px) and (orientation:landscape) {
  .block-wallclock {
    border: 1px solid #7F5F8B;
  }
}
.qP-wall-clock {
  font-size: 2.1em;
  text-align: center;
  display: table-cell;
}
.hub {
  background: #646464;
}
.hub > .ember-view {
  background-image: url("/static/base/img/GrayStreaks-repeating.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
}
.hub-base {
  flex-flow: column;
  height: calc(100% - env(safe-area-inset-bottom));
  flex-grow: 1;
}
.hub-index {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.hub-index .content-box .sub-content-box {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: left;
}
.hub-index .content-box .sub-content-box:not(.minimal) {
  gap: 2ch;
}
.hub-patient {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.hub-index-pane {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  overscroll-behavior-y: none;
  width: 100%;
  /* Buttons */
  /* Up */
  /* Down */
  /* Left */
  /* Right */
}
.hub-index-pane::-webkit-scrollbar {
  width: 0.7em;
}
.hub-index-pane::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  padding: 5em 1em;
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.35));
}
.hub-index-pane::-webkit-scrollbar-thumb {
  border-radius: 0.5em;
  -webkit-box-shadow: inset 0 0 0.4em hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.5));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.hub-index-pane::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
.hub-index-pane::-webkit-scrollbar-thumb:window-inactive {
  background: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.25));
  border: 2px solid hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.65));
}
.hub-index-pane::-webkit-scrollbar-button {
  border-style: solid;
  height: 16px;
  width: 16px;
}
.hub-index-pane::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0 0.75ch 1.25ch 0.75ch;
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent;
}
.hub-index-pane::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent;
}
.hub-index-pane::-webkit-scrollbar-button:vertical:increment {
  border-width: 1.25ch 0.75ch 0 0.75ch;
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent transparent;
}
.hub-index-pane::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent transparent;
}
.hub-index-pane::-webkit-scrollbar-button:horizontal:decrement {
  border-width: 0.75ch 1.25ch 0.75ch 0;
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8)) transparent transparent;
}
.hub-index-pane::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l)) transparent transparent;
}
.hub-index-pane::-webkit-scrollbar-button:horizontal:increment {
  border-width: 0.75ch 0 0.75ch 1.25ch;
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) calc(var(--scrollbar-l) * 0.8));
}
.hub-index-pane::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent hsl(var(--scrollbar-h) var(--scrollbar-s) var(--scrollbar-l));
}
#version.show {
  display: block;
}
body:not(.desktop-override) #fixedbackground {
  display: none;
}
@media only screen and (min-width : 769px) {
  body:not(.desktop-override) #fixedbackground {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #242424;
    background: -moz-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #242424), color-stop(39%, #4f4f4f), color-stop(63%, #525252), color-stop(100%, #292929));
    background: -webkit-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
    background: -o-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
    background: -ms-linear-gradient(left, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
    background: linear-gradient(to right, #242424 0%, #4f4f4f 39%, #525252 63%, #292929 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#292929', GradientType=1);
  }
}
html {
  font-size: calc(var(--hub-baseFontSize) + 0.2vw);
}
html,
body {
  overscroll-behavior-y: none;
  margin-bottom: env(safe-area-inset-bottom);
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0;
  background: black;
  position: relative;
}
body {
  text-shadow: var(--text-shadow);
  filter: dropshadow(color=#000000, offx=2, offy=2);
}
body:not(.desktop-override) > .ember-view {
  height: 100%;
  overflow: hidden;
}
.alarm-disabled {
  text-decoration: line-through;
}
.hub-bundle.safe {
  background: hsla(var(--safe-hsl-raw) / 0.2);
}
.hub-bundle.caution {
  background: hsla(var(--caution-hsl-raw) / 0.2);
  position: relative;
  border-bottom: 0;
}
.hub-bundle.danger {
  background: hsla(var(--danger-hsl-raw) / 0.2);
}
.hub-graphBlock {
  width: 99%;
  position: relative;
  padding-bottom: 1em;
  background: rgba(0, 0, 0, 0) !important;
}
.hub-graphBlock fieldset {
  border: 2px solid #7F5F8B;
  border-radius: 0.5em;
}
.hub-graphBlock legend span {
  display: inline-block;
}
.hub-flex-center {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
.hub-flex-center > div {
  padding-left: 1em;
  padding-right: 1em;
}
.hub-block {
  width: 95%;
  margin: 0.5em;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  border-radius: 0.4em;
}
.hub-block .header {
  width: 100%;
  text-align: center;
  height: 1.2em;
}
.hub-block .header > span {
  vertical-align: middle;
  text-align: center;
}
.bottom-dynamic {
  padding: 0 var(--screen-edge-pad) 0 var(--screen-edge-pad);
  box-sizing: border-box;
}
.top-dynamic {
  padding: 0 var(--screen-edge-pad) 0 var(--screen-edge-pad);
  box-sizing: border-box;
}
#headerbar {
  line-height: var(--headerbar-lineHeight);
}
header {
  z-index: 5;
  box-shadow: 0 5px 4px 0 #000000;
  background: black;
  font-size: 1.1rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width : 769px) {
  header:not(.desktop-override) {
    left: auto;
    margin: auto 0;
    width: 40rem;
  }
}
#headerPad {
  height: 2.8rem;
}
#hub-indexHeaderControls {
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border-bottom: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  font-size: 0.8em;
}
#footerPad {
  font-size: 2.8rem;
}
.footerPad {
  font-size: 2.8rem;
}
footer.background-default {
  background: linear-gradient(#7e6782, #000000);
}
footer.background-grey {
  background: linear-gradient(#636363, #000000);
}
footer.background-cyan {
  background: #1d3b40;
  border-top: 1px solid cyan;
}
footer {
  z-index: 10;
  font-size: 1.2rem;
  bottom: env(safe-area-inset-bottom);
  width: 100%;
  display: flex;
  border: 2px solid black;
}
footer > .active {
  opacity: 0;
  transition: 1s;
}
footer > .inactive {
  transition: 1s;
}
footer > .footer-leftblock {
  padding: 0 4px 0 4px;
}
footer > .footer-contentblock {
  flex-grow: 1;
  position: relative;
  white-space: nowrap;
  padding: 0;
  overflow: hidden;
}
footer > .footer-rightblock {
  padding: 0 4px 0 4px;
}
.footerMessageActive {
  opacity: 0;
  transition: 0.5s;
}
.footerMessageInactive {
  transition: 1s;
}
.mini-swiper {
  position: fixed;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
  z-index: 10;
}
@media only screen and (min-width : 769px) {
  .mini-swiper:not(.desktop-override) {
    width: 40rem;
  }
}
.swiper {
  position: absolute;
  width: 100%;
  overflow-x: hidden;
  min-height: 100%;
  transition: 0.3s -webkit-filter linear;
}
.swiper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.customer-Decisio .collector-index {
  background-image: url("/static/base/img/GrayStreaks-repeating.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
}
.shadow-swiper {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.nav-right {
  position: absolute;
  right: -50em;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.8em;
  top: 2.8rem;
  height: 2.8rem;
  z-index: 25;
  background: black;
  border: 1px orange dashed;
  border-radius: 1em 0 0 1em;
  box-shadow: 2px 2px 4px 4px black;
}
.nav-right .name {
  padding-right: 0.6em;
  width: 100%;
  margin-top: 0.8em;
}
.nav-right.hidden {
  visibility: hidden;
}
.nav-right.selected {
  color: #00ff00;
}
.nav-right.selected span {
  color: yellow !important;
  text-shadow: none;
  -webkit-transform: translateZ(0);
  -webkit-animation-name: 'arrow_animation';
  -webkit-animation-duration: 600ms;
  /*override this*/
  -webkit-animation-timing-function: linear;
  transform-origin: left;
}
.transition {
  transition: 0.3s;
}
.nav-left {
  position: absolute;
  left: -50em;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.8em;
  top: 2.8rem;
  height: 2.8rem;
  background: black;
  border: 1px orange dashed;
  border-radius: 0 1em 1em 0;
  z-index: 25;
  box-shadow: 2px 2px 4px 4px black;
}
.nav-left .name {
  padding-right: 0.6em;
  width: 100%;
  margin-top: 0.8em;
}
.nav-left.hidden {
  visibility: hidden;
}
.nav-left.selected {
  color: #00ff00;
}
.nav-left.selected span {
  color: yellow !important;
  text-shadow: none;
  -webkit-transform: translateZ(0);
  -webkit-animation-name: 'arrow_animation';
  -webkit-animation-duration: 600ms;
  /*override this*/
  -webkit-animation-timing-function: linear;
  transform-origin: right;
}
@-webkit-keyframes arrow_animation {
  0% {
    -webkit-transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.5);
  }
  30% {
    -webkit-transform: scale(1.5);
  }
  40% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.arrow_anim {
  -webkit-transform: translateZ(0);
  -webkit-animation-name: 'arrow_animation';
  -webkit-animation-duration: 600ms;
  /*override this*/
  -webkit-animation-timing-function: linear;
}
.loading {
  display: none;
  position: relative;
  top: 40%;
  width: 50%;
  background: red;
  border: 1px solid grey;
  border-radius: 0.5em;
  text-align: center;
  margin: auto;
}
.loading.loading-show {
  display: block;
}
.focus {
  background: rgba(255, 0, 0, 0.5) !important;
}
.page-hidden {
  opacity: 0;
}
.page-staged-left {
  display: none;
  position: absolute;
  -webkit-transform: translateX(-100%);
  height: 1px;
  overflow: hidden;
}
.page-staged-right {
  display: none;
  position: absolute;
  -webkit-transform: translateX(100%);
  height: 1px;
  overflow: hidden;
}
.page-staged-middle {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-non-staged {
  display: none;
}
@media only screen and (min-width : 769px) {
  .body-right:not(.desktop-override) {
    position: absolute;
    right: 0px;
  }
}
@media only screen and (min-width : 769px) {
  .body-left:not(.desktop-override) {
    position: absolute;
    left: 0px;
  }
}
.body-center {
  min-height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media only screen and (min-width : 769px) {
  .body-center:not(.desktop-override) {
    position: absolute;
    left: 0;
    right: 0;
  }
}
.collector-index {
  font-size: var(--hub-contentFontSize);
  -webkit-user-select: auto;
  user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
}
.container {
  position: relative;
  width: 100%;
  display: inline-block;
}
.content-segment {
  float: left;
  -moz-box-shadow: inset 0 -1px 0 0 #B3B3B3;
  -webkit-box-shadow: inset 0 -1px 0 0 #B3B3B3;
  box-shadow: inset 0 -1px 0 0 #B3B3B3;
}
.table1 {
  display: table;
  text-align: center;
  width: 100%;
}
.table1 > div {
  display: table-row;
}
.table1 > div > div {
  display: table-cell;
}
#vertical-test {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
}
#medications select {
  width: 100%;
}
.verticalTest {
  position: relative;
  top: 0;
  left: 0;
  background: red;
}
.table-row {
  display: table-row;
}
.cell-middle {
  display: table-cell !important;
  vertical-align: middle !important;
}
#master {
  height: 100%;
  width: 100%;
}
.page-block {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow-x: hidden;
}
.no-user-select {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ed-notimer-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 3;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width : 769px) {
  .ed-notimer-overlay:not(.desktop-override) {
    width: 40rem;
  }
}
.ed-notimer-overlay > div:first-of-type {
  box-sizing: border-box;
  font-size: 1em;
  text-align: center;
  position: absolute;
  width: 100%;
  border-radius: 0.5em;
  padding: 2em 0em;
  border: 2px grey solid;
  background: url("/static/base/img/menu-background.jpg") top no-repeat;
}
.timerStopped-overlay {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 3;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width : 769px) {
  .timerStopped-overlay:not(.desktop-override) {
    width: 40rem;
  }
}
.timerStopped-overlay > div:first-of-type {
  box-sizing: border-box;
  font-size: 1em;
  text-align: center;
  position: absolute;
  top: 25%;
  width: 100%;
  border-radius: 0.5em;
  padding: 2em 0em;
  border: 2px grey solid;
  background: url("/static/base/img/menu-background.jpg") top no-repeat;
}
#topNav {
  display: flex;
  align-items: center;
  background: hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3));
  border-bottom: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  flex-flow: row;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 3;
}
.img-button-synth {
  background: rgba(0, 0, 0, 0.5);
  border-top: 2px solid #dbdbdb;
  border-left: 1px solid #696969;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-radius: 0.25em;
}
#button-pages {
  color: #00FFFF;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
  border-top: 2px white solid;
  border-left: 2px grey solid;
  border-bottom: 5px black solid;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: fit-content;
  min-width: 20ch;
}
#button-pages img {
  padding-right: 0.5ch;
  width: 1.4em;
}
.menuicon-container {
  width: 1.5em;
}
.menuicon-container img {
  width: 100%;
}
.connection-icon {
  width: 1.5em;
}
.connection-icon img {
  width: 100%;
}
.transparent {
  opacity: 0;
}
.navmenu {
  font-size: 0.9rem;
  z-index: 2;
  border-radius: 0 0 0.5em 0.5em !important;
  width: 100%;
  box-sizing: border-box;
  border-left: 2px #d1d1d1 solid;
  border-right: 2px #464646 solid;
  border-bottom: 2px #666666 solid;
  background: url("/static/base/img/menu-background.jpg") top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.3s;
  opacity: 0;
}
.navmenu .navmenu-entry:nth-of-type(2n):not(.hovered):not(.pressed):not(.navmenu-focus) {
  background: rgba(97, 97, 97, 0.2);
}
.navmenu.show {
  -webkit-transform: translateY(0%);
  opacity: 1;
  z-index: 2;
}
.thin-film {
  position: fixed;
  pointer-events: none;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 3;
}
@media only screen and (min-width : 769px) {
  .thin-film:not(.desktop-override) {
    width: 40rem;
  }
}
.thin-film-show {
  background: rgba(0, 0, 0, 0.6);
}
.navmenu-entry {
  padding: 0.5em 0px;
  font-weight: bold;
  font-size: 1.2em;
}
.navmenu-entry.hovered {
  background: rgba(255, 255, 0, 0.14);
}
.navmenu-entry.pressed {
  background: rgba(255, 255, 0, 0.14);
  color: rgba(255, 255, 0, 0.8);
}
.navmenu-entry.navmenu-focus {
  background: rgba(0, 100, 100, 0.5);
}
.navmenu-focus {
  color: #00FFFF;
}
.header-nav {
  vertical-align: middle;
  text-align: center;
  width: 100%;
}
#menu1_slider {
  background: black;
  z-index: 10;
  font-size: 1.2em;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: table;
  table-layout: fixed;
}
#menu1_slider > #leftblock {
  display: table-cell;
  padding: 0px;
  width: 60px;
}
#menu1_slider > #contentblock {
  position: relative;
  white-space: nowrap;
  display: table-cell;
  padding: 0px;
  border: 2px solid #ccc;
  border-top: 0;
  border-bottom: 0;
  overflow: hidden;
}
#menu1_slider > #rightblock {
  display: table-cell;
  padding: 0px;
  width: 70px;
}
#page-scroll {
  width: 1.2em;
  position: absolute;
  right: 0;
  top: 0;
  background: orange;
  opacity: 0;
  height: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
#page-scroll > div {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  height: 25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
#page-scroll .toTop {
  background-image: url("/static/base/img/toTop.png");
}
#page-scroll .upOne {
  background-image: url("/static/base/img/upOne.png");
}
#page-scroll .downOne {
  background-image: url("/static/base/img/downOne.png");
}
#page-scroll .toBottom {
  background-image: url("/static/base/img/toBottom.png");
}
.scroll {
  position: relative;
  overflow: hidden;
}
.menuleft_slider.background-default {
  border-right: 1px solid hsl(var(--system-h) var(--system-s) var(--system-l));
  background: linear-gradient(hsl(var(--system-h) calc(var(--system-s) * 0.35) calc(var(--system-l) * 0.3)), hsl(var(--system-h) var(--system-s) calc(var(--system-l) * 0.1)));
}
.menuleft_slider.background-grey {
  border-right: 1px solid rgba(255, 255, 255, 0.38);
  background: linear-gradient(#3d3d3d, #000000);
}
.menuleft_slider.background-cyan {
  border-right: 1px solid cyan;
  background: linear-gradient(#1d3b40, #000000);
}
#menu1_slider {
  font-size: 1.2em;
  position: relative;
  left: 0px;
  width: 600px;
  background-color: gainsboro;
  border: 1px;
}
#menu1_slider > span {
  background-color: red;
  padding-left: 10px;
  padding-right: 10px;
}
.menuleft_slider {
  border-radius: 0 0 10px 0;
  bottom: 0;
  display: none;
  font-size: var(--hub-sliderMenuFontSize);
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  position: absolute;
  right: 100%;
  top: 0;
  width: 25%;
  z-index: 1;
}
.menuleft_slider.show {
  right: auto;
  display: block !important;
}
.slideMenuEntries {
  display: flex;
  flex-flow: column;
}
.slideMenuEntries .slideMenuEntry:nth-child(2n+1) {
  background: rgba(100, 100, 100, 0.4);
}
.slideMenuEntry {
  font-size: 0.8em;
  display: flex;
  align-items: center;
  gap: 0.5ch;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 1.5ch 0;
}
.slideMenuEntry .glyph {
  font-size: 1.6em;
}
.slideMenuEntry:hover {
  background: rgba(100, 100, 0, 0.8) !important;
}
.page-squeeze {
  transform-origin: right;
  transform: scale(0.74, 1);
  -webkit-transform-origin: right;
  -webkit-transform: scale(0.74, 1);
}
#leftmenu_desktopposition {
  display: none;
}
@media only screen and (min-width : 769px) {
  #leftmenu_desktopposition {
    display: block;
  }
}
#main_menu {
  display: table-cell;
  width: 10%;
  font-size: 1.2em;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
}
.notifications {
  left: 0px;
  font-size: 0.7em;
}
.left-bumper {
  float: left;
  position: absolute;
  top: -2px;
  width: 20px;
  height: 105%;
  opacity: 0;
}
.right-bumper {
  float: right;
  position: absolute;
  right: 0px;
  top: -2px;
  width: 20px;
  height: 105%;
  opacity: 0;
}
.content:after {
  content: ".";
  display: block;
  clear: left;
  visibility: hidden;
}
#coverup {
  z-index: 5;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  right: 0;
  bottom: 0;
}
#transfusions .button-touch,
.button-touchdown {
  z-index: 2;
  position: relative;
}
#crystalloids span {
  text-transform: none !important;
}
.button-tag {
  color: black;
  background: #d8d8d8;
  padding: 0.1em;
  padding-right: 0.3em;
  border-radius: 0.4em;
  position: relative;
  padding-left: 1.1em;
  left: -1.1em;
  margin-right: -0.8em;
  z-index: 1;
  display: inline-block;
  box-shadow: 1px 1px 2px 2px #000000;
}
.button-tag.caution {
  background: var(--caution-hsl);
  color: black;
}
.button-tag.warning {
  background: var(--danger-hsl);
  color: black;
}
#slider > div {
  position: absolute;
  width: 100%;
  display: none;
}
#slider > div.slider-show {
  visibility: visible;
  display: block;
}
@media only screen and (min-width : 769px) {
  #slider > div.slider-fade {
    opacity: 0;
    -webkit-transition: opacity 0.25s;
  }
}
.heart-scale-100 {
  width: 100%;
}
.hub-slim-table {
  max-width: 10em;
  min-width: 8em;
  display: inline-block;
  padding: 0.2em;
  vertical-align: top;
}
.text-block {
  font-size: 1em;
}
@media only screen and (max-width:320px) {
  .text-block {
    font-size: 0.7em;
  }
}
@media only screen and (min-width: 321px) and (max-width:480px) {
  .text-block {
    font-size: 0.7em;
  }
}
@media only screen and (min-width : 376px) and (max-width : 768px) {
  .text-block {
    font-size: 0.9em;
  }
}
.bloodCultures {
  font-size: 1em;
}
@media only screen and (max-width:320px) {
  .bloodCultures {
    font-size: 0.7em;
  }
}
@media only screen and (min-width: 321px) and (max-width:480px) {
  .bloodCultures {
    font-size: 0.7em;
  }
}
@media only screen and (min-width : 376px) and (max-width : 768px) {
  .bloodCultures {
    font-size: 0.9em;
  }
}
.mrn-trunc {
  display: inline-block;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.hub-modal {
  z-index: 25;
  position: relative;
  min-width: 5em;
  min-height: 5em;
  display: inline-block;
  background: rgba(58, 58, 58, 0.95);
  transition: 0.3s;
  border: 1px gray solid;
  border-radius: 0.5em;
  padding: 0.5em 0;
  margin: 1em;
  text-align: center;
}
.hub-modal.active {
  pointer-events: auto;
}
.hub-modal:not(.active) {
  opacity: 0;
  display: none;
}
.hub-modal .upper-right {
  position: absolute;
  top: -1em;
  right: -0.8em;
}
.hub-modal .upper-right .button-touch {
  font-size: 1.2em;
}
.hub-mmPanel {
  align-items: center;
  bottom: auto;
  display: flex;
  height: 95%;
  left: auto;
  min-width: initial !important;
  pointer-events: all;
  position: absolute;
  top: auto;
  transform: initial;
}
#master.patient-not-ready fieldset > div,
#master.patient-not-ready .allpages {
  filter: blur(5px);
  pointer-events: none;
}
.index-control-segment {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.3ch 0;
  white-space: nowrap;
}
.ultra-black-hub {
  position: absolute;
  left: 0;
  right: 0;
  top: 10ch;
  bottom: 10ch;
  z-index: 999;
}
.customer-GE .swiper {
  background: #141414;
}