@font-face {
  font-family: Proxima;
  src: url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot");
  src: url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff") format("woff"), url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf") format("truetype"), url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: TekoBold;
  src: url(../fonts/Teko-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: TekoLight;
  src: url(../fonts/Teko-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: TekoMedium;
  src: url(../fonts/Teko-Medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Teko;
  src: url(../fonts/Teko-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: TekoSemiBold;
  src: url(../fonts/Teko-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fas,
.fa-solid,
.accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons .btn-accordion.open + div.accordion-image,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons .btn-accordion.open + div.accordion-image {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
  content: "\30 ";
}

.fa-1::before {
  content: "\31 ";
}

.fa-2::before {
  content: "\32 ";
}

.fa-3::before {
  content: "\33 ";
}

.fa-4::before {
  content: "\34 ";
}

.fa-5::before {
  content: "\35 ";
}

.fa-6::before {
  content: "\36 ";
}

.fa-7::before {
  content: "\37 ";
}

.fa-8::before {
  content: "\38 ";
}

.fa-9::before {
  content: "\39 ";
}

.fa-a::before {
  content: "A";
}

.fa-address-book::before {
  content: "\f2b9";
}

.fa-contact-book::before {
  content: "\f2b9";
}

.fa-address-card::before {
  content: "\f2bb";
}

.fa-contact-card::before {
  content: "\f2bb";
}

.fa-vcard::before {
  content: "\f2bb";
}

.fa-align-center::before {
  content: "\f037";
}

.fa-align-justify::before {
  content: "\f039";
}

.fa-align-left::before {
  content: "\f036";
}

.fa-align-right::before {
  content: "\f038";
}

.fa-anchor::before {
  content: "\f13d";
}

.fa-anchor-circle-check::before {
  content: "\e4aa";
}

.fa-anchor-circle-exclamation::before {
  content: "\e4ab";
}

.fa-anchor-circle-xmark::before {
  content: "\e4ac";
}

.fa-anchor-lock::before {
  content: "\e4ad";
}

.fa-angle-down::before {
  content: "\f107";
}

.fa-angle-left::before {
  content: "\f104";
}

.fa-angle-right::before {
  content: "\f105";
}

.fa-angle-up::before {
  content: "\f106";
}

.fa-angles-down::before {
  content: "\f103";
}

.fa-angle-double-down::before {
  content: "\f103";
}

.fa-angles-left::before {
  content: "\f100";
}

.fa-angle-double-left::before {
  content: "\f100";
}

.fa-angles-right::before {
  content: "\f101";
}

.fa-angle-double-right::before {
  content: "\f101";
}

.fa-angles-up::before {
  content: "\f102";
}

.fa-angle-double-up::before {
  content: "\f102";
}

.fa-ankh::before {
  content: "\f644";
}

.fa-apple-whole::before {
  content: "\f5d1";
}

.fa-apple-alt::before {
  content: "\f5d1";
}

.fa-archway::before {
  content: "\f557";
}

.fa-arrow-down::before {
  content: "\f063";
}

.fa-arrow-down-1-9::before {
  content: "\f162";
}

.fa-sort-numeric-asc::before {
  content: "\f162";
}

.fa-sort-numeric-down::before {
  content: "\f162";
}

.fa-arrow-down-9-1::before {
  content: "\f886";
}

.fa-sort-numeric-desc::before {
  content: "\f886";
}

.fa-sort-numeric-down-alt::before {
  content: "\f886";
}

.fa-arrow-down-a-z::before {
  content: "\f15d";
}

.fa-sort-alpha-asc::before {
  content: "\f15d";
}

.fa-sort-alpha-down::before {
  content: "\f15d";
}

.fa-arrow-down-long::before {
  content: "\f175";
}

.fa-long-arrow-down::before {
  content: "\f175";
}

.fa-arrow-down-short-wide::before {
  content: "\f884";
}

.fa-sort-amount-desc::before {
  content: "\f884";
}

.fa-sort-amount-down-alt::before {
  content: "\f884";
}

.fa-arrow-down-up-across-line::before {
  content: "\e4af";
}

.fa-arrow-down-up-lock::before {
  content: "\e4b0";
}

.fa-arrow-down-wide-short::before {
  content: "\f160";
}

.fa-sort-amount-asc::before {
  content: "\f160";
}

.fa-sort-amount-down::before {
  content: "\f160";
}

.fa-arrow-down-z-a::before {
  content: "\f881";
}

.fa-sort-alpha-desc::before {
  content: "\f881";
}

.fa-sort-alpha-down-alt::before {
  content: "\f881";
}

.fa-arrow-left::before {
  content: "\f060";
}

.fa-arrow-left-long::before {
  content: "\f177";
}

.fa-long-arrow-left::before {
  content: "\f177";
}

.fa-arrow-pointer::before {
  content: "\f245";
}

.fa-mouse-pointer::before {
  content: "\f245";
}

.fa-arrow-right::before {
  content: "\f061";
}

.fa-arrow-right-arrow-left::before {
  content: "\f0ec";
}

.fa-exchange::before {
  content: "\f0ec";
}

.fa-arrow-right-from-bracket::before {
  content: "\f08b";
}

.fa-sign-out::before {
  content: "\f08b";
}

.fa-arrow-right-long::before {
  content: "\f178";
}

.fa-long-arrow-right::before {
  content: "\f178";
}

.fa-arrow-right-to-bracket::before {
  content: "\f090";
}

.fa-sign-in::before {
  content: "\f090";
}

.fa-arrow-right-to-city::before {
  content: "\e4b3";
}

.fa-arrow-rotate-left::before {
  content: "\f0e2";
}

.fa-arrow-left-rotate::before {
  content: "\f0e2";
}

.fa-arrow-rotate-back::before {
  content: "\f0e2";
}

.fa-arrow-rotate-backward::before {
  content: "\f0e2";
}

.fa-undo::before {
  content: "\f0e2";
}

.fa-arrow-rotate-right::before {
  content: "\f01e";
}

.fa-arrow-right-rotate::before {
  content: "\f01e";
}

.fa-arrow-rotate-forward::before {
  content: "\f01e";
}

.fa-redo::before {
  content: "\f01e";
}

.fa-arrow-trend-down::before {
  content: "\e097";
}

.fa-arrow-trend-up::before {
  content: "\e098";
}

.fa-arrow-turn-down::before {
  content: "\f149";
}

.fa-level-down::before {
  content: "\f149";
}

.fa-arrow-turn-up::before {
  content: "\f148";
}

.fa-level-up::before {
  content: "\f148";
}

.fa-arrow-up::before {
  content: "\f062";
}

.fa-arrow-up-1-9::before {
  content: "\f163";
}

.fa-sort-numeric-up::before {
  content: "\f163";
}

.fa-arrow-up-9-1::before {
  content: "\f887";
}

.fa-sort-numeric-up-alt::before {
  content: "\f887";
}

.fa-arrow-up-a-z::before {
  content: "\f15e";
}

.fa-sort-alpha-up::before {
  content: "\f15e";
}

.fa-arrow-up-from-bracket::before {
  content: "\e09a";
}

.fa-arrow-up-from-ground-water::before {
  content: "\e4b5";
}

.fa-arrow-up-from-water-pump::before {
  content: "\e4b6";
}

.fa-arrow-up-long::before {
  content: "\f176";
}

.fa-long-arrow-up::before {
  content: "\f176";
}

.fa-arrow-up-right-dots::before {
  content: "\e4b7";
}

.fa-arrow-up-right-from-square::before {
  content: "\f08e";
}

.fa-external-link::before {
  content: "\f08e";
}

.fa-arrow-up-short-wide::before {
  content: "\f885";
}

.fa-sort-amount-up-alt::before {
  content: "\f885";
}

.fa-arrow-up-wide-short::before {
  content: "\f161";
}

.fa-sort-amount-up::before {
  content: "\f161";
}

.fa-arrow-up-z-a::before {
  content: "\f882";
}

.fa-sort-alpha-up-alt::before {
  content: "\f882";
}

.fa-arrows-down-to-line::before {
  content: "\e4b8";
}

.fa-arrows-down-to-people::before {
  content: "\e4b9";
}

.fa-arrows-left-right::before {
  content: "\f07e";
}

.fa-arrows-h::before {
  content: "\f07e";
}

.fa-arrows-left-right-to-line::before {
  content: "\e4ba";
}

.fa-arrows-rotate::before {
  content: "\f021";
}

.fa-refresh::before {
  content: "\f021";
}

.fa-sync::before {
  content: "\f021";
}

.fa-arrows-spin::before {
  content: "\e4bb";
}

.fa-arrows-split-up-and-left::before {
  content: "\e4bc";
}

.fa-arrows-to-circle::before {
  content: "\e4bd";
}

.fa-arrows-to-dot::before {
  content: "\e4be";
}

.fa-arrows-to-eye::before {
  content: "\e4bf";
}

.fa-arrows-turn-right::before {
  content: "\e4c0";
}

.fa-arrows-turn-to-dots::before {
  content: "\e4c1";
}

.fa-arrows-up-down::before {
  content: "\f07d";
}

.fa-arrows-v::before {
  content: "\f07d";
}

.fa-arrows-up-down-left-right::before {
  content: "\f047";
}

.fa-arrows::before {
  content: "\f047";
}

.fa-arrows-up-to-line::before {
  content: "\e4c2";
}

.fa-asterisk::before {
  content: "\*";
}

.fa-at::before {
  content: "\@";
}

.fa-atom::before {
  content: "\f5d2";
}

.fa-audio-description::before {
  content: "\f29e";
}

.fa-austral-sign::before {
  content: "\e0a9";
}

.fa-award::before {
  content: "\f559";
}

.fa-b::before {
  content: "B";
}

.fa-baby::before {
  content: "\f77c";
}

.fa-baby-carriage::before {
  content: "\f77d";
}

.fa-carriage-baby::before {
  content: "\f77d";
}

.fa-backward::before {
  content: "\f04a";
}

.fa-backward-fast::before {
  content: "\f049";
}

.fa-fast-backward::before {
  content: "\f049";
}

.fa-backward-step::before {
  content: "\f048";
}

.fa-step-backward::before {
  content: "\f048";
}

.fa-bacon::before {
  content: "\f7e5";
}

.fa-bacteria::before {
  content: "\e059";
}

.fa-bacterium::before {
  content: "\e05a";
}

.fa-bag-shopping::before {
  content: "\f290";
}

.fa-shopping-bag::before {
  content: "\f290";
}

.fa-bahai::before {
  content: "\f666";
}

.fa-baht-sign::before {
  content: "\e0ac";
}

.fa-ban::before {
  content: "\f05e";
}

.fa-cancel::before {
  content: "\f05e";
}

.fa-ban-smoking::before {
  content: "\f54d";
}

.fa-smoking-ban::before {
  content: "\f54d";
}

.fa-bandage::before {
  content: "\f462";
}

.fa-band-aid::before {
  content: "\f462";
}

.fa-barcode::before {
  content: "\f02a";
}

.fa-bars::before {
  content: "\f0c9";
}

.fa-navicon::before {
  content: "\f0c9";
}

.fa-bars-progress::before {
  content: "\f828";
}

.fa-tasks-alt::before {
  content: "\f828";
}

.fa-bars-staggered::before {
  content: "\f550";
}

.fa-reorder::before {
  content: "\f550";
}

.fa-stream::before {
  content: "\f550";
}

.fa-baseball::before {
  content: "\f433";
}

.fa-baseball-ball::before {
  content: "\f433";
}

.fa-baseball-bat-ball::before {
  content: "\f432";
}

.fa-basket-shopping::before {
  content: "\f291";
}

.fa-shopping-basket::before {
  content: "\f291";
}

.fa-basketball::before {
  content: "\f434";
}

.fa-basketball-ball::before {
  content: "\f434";
}

.fa-bath::before {
  content: "\f2cd";
}

.fa-bathtub::before {
  content: "\f2cd";
}

.fa-battery-empty::before {
  content: "\f244";
}

.fa-battery-0::before {
  content: "\f244";
}

.fa-battery-full::before {
  content: "\f240";
}

.fa-battery::before {
  content: "\f240";
}

.fa-battery-5::before {
  content: "\f240";
}

.fa-battery-half::before {
  content: "\f242";
}

.fa-battery-3::before {
  content: "\f242";
}

.fa-battery-quarter::before {
  content: "\f243";
}

.fa-battery-2::before {
  content: "\f243";
}

.fa-battery-three-quarters::before {
  content: "\f241";
}

.fa-battery-4::before {
  content: "\f241";
}

.fa-bed::before {
  content: "\f236";
}

.fa-bed-pulse::before {
  content: "\f487";
}

.fa-procedures::before {
  content: "\f487";
}

.fa-beer-mug-empty::before {
  content: "\f0fc";
}

.fa-beer::before {
  content: "\f0fc";
}

.fa-bell::before {
  content: "\f0f3";
}

.fa-bell-concierge::before {
  content: "\f562";
}

.fa-concierge-bell::before {
  content: "\f562";
}

.fa-bell-slash::before {
  content: "\f1f6";
}

.fa-bezier-curve::before {
  content: "\f55b";
}

.fa-bicycle::before {
  content: "\f206";
}

.fa-binoculars::before {
  content: "\f1e5";
}

.fa-biohazard::before {
  content: "\f780";
}

.fa-bitcoin-sign::before {
  content: "\e0b4";
}

.fa-blender::before {
  content: "\f517";
}

.fa-blender-phone::before {
  content: "\f6b6";
}

.fa-blog::before {
  content: "\f781";
}

.fa-bold::before {
  content: "\f032";
}

.fa-bolt::before {
  content: "\f0e7";
}

.fa-zap::before {
  content: "\f0e7";
}

.fa-bolt-lightning::before {
  content: "\e0b7";
}

.fa-bomb::before {
  content: "\f1e2";
}

.fa-bone::before {
  content: "\f5d7";
}

.fa-bong::before {
  content: "\f55c";
}

.fa-book::before {
  content: "\f02d";
}

.fa-book-atlas::before {
  content: "\f558";
}

.fa-atlas::before {
  content: "\f558";
}

.fa-book-bible::before {
  content: "\f647";
}

.fa-bible::before {
  content: "\f647";
}

.fa-book-bookmark::before {
  content: "\e0bb";
}

.fa-book-journal-whills::before {
  content: "\f66a";
}

.fa-journal-whills::before {
  content: "\f66a";
}

.fa-book-medical::before {
  content: "\f7e6";
}

.fa-book-open::before {
  content: "\f518";
}

.fa-book-open-reader::before {
  content: "\f5da";
}

.fa-book-reader::before {
  content: "\f5da";
}

.fa-book-quran::before {
  content: "\f687";
}

.fa-quran::before {
  content: "\f687";
}

.fa-book-skull::before {
  content: "\f6b7";
}

.fa-book-dead::before {
  content: "\f6b7";
}

.fa-bookmark::before {
  content: "\f02e";
}

.fa-border-all::before {
  content: "\f84c";
}

.fa-border-none::before {
  content: "\f850";
}

.fa-border-top-left::before {
  content: "\f853";
}

.fa-border-style::before {
  content: "\f853";
}

.fa-bore-hole::before {
  content: "\e4c3";
}

.fa-bottle-droplet::before {
  content: "\e4c4";
}

.fa-bottle-water::before {
  content: "\e4c5";
}

.fa-bowl-food::before {
  content: "\e4c6";
}

.fa-bowl-rice::before {
  content: "\e2eb";
}

.fa-bowling-ball::before {
  content: "\f436";
}

.fa-box::before {
  content: "\f466";
}

.fa-box-archive::before {
  content: "\f187";
}

.fa-archive::before {
  content: "\f187";
}

.fa-box-open::before {
  content: "\f49e";
}

.fa-box-tissue::before {
  content: "\e05b";
}

.fa-boxes-packing::before {
  content: "\e4c7";
}

.fa-boxes-stacked::before {
  content: "\f468";
}

.fa-boxes::before {
  content: "\f468";
}

.fa-boxes-alt::before {
  content: "\f468";
}

.fa-braille::before {
  content: "\f2a1";
}

.fa-brain::before {
  content: "\f5dc";
}

.fa-brazilian-real-sign::before {
  content: "\e46c";
}

.fa-bread-slice::before {
  content: "\f7ec";
}

.fa-bridge::before {
  content: "\e4c8";
}

.fa-bridge-circle-check::before {
  content: "\e4c9";
}

.fa-bridge-circle-exclamation::before {
  content: "\e4ca";
}

.fa-bridge-circle-xmark::before {
  content: "\e4cb";
}

.fa-bridge-lock::before {
  content: "\e4cc";
}

.fa-bridge-water::before {
  content: "\e4ce";
}

.fa-briefcase::before {
  content: "\f0b1";
}

.fa-briefcase-medical::before {
  content: "\f469";
}

.fa-broom::before {
  content: "\f51a";
}

.fa-broom-ball::before {
  content: "\f458";
}

.fa-quidditch::before {
  content: "\f458";
}

.fa-quidditch-broom-ball::before {
  content: "\f458";
}

.fa-brush::before {
  content: "\f55d";
}

.fa-bucket::before {
  content: "\e4cf";
}

.fa-bug::before {
  content: "\f188";
}

.fa-bug-slash::before {
  content: "\e490";
}

.fa-bugs::before {
  content: "\e4d0";
}

.fa-building::before {
  content: "\f1ad";
}

.fa-building-circle-arrow-right::before {
  content: "\e4d1";
}

.fa-building-circle-check::before {
  content: "\e4d2";
}

.fa-building-circle-exclamation::before {
  content: "\e4d3";
}

.fa-building-circle-xmark::before {
  content: "\e4d4";
}

.fa-building-columns::before {
  content: "\f19c";
}

.fa-bank::before {
  content: "\f19c";
}

.fa-institution::before {
  content: "\f19c";
}

.fa-museum::before {
  content: "\f19c";
}

.fa-university::before {
  content: "\f19c";
}

.fa-building-flag::before {
  content: "\e4d5";
}

.fa-building-lock::before {
  content: "\e4d6";
}

.fa-building-ngo::before {
  content: "\e4d7";
}

.fa-building-shield::before {
  content: "\e4d8";
}

.fa-building-un::before {
  content: "\e4d9";
}

.fa-building-user::before {
  content: "\e4da";
}

.fa-building-wheat::before {
  content: "\e4db";
}

.fa-bullhorn::before {
  content: "\f0a1";
}

.fa-bullseye::before {
  content: "\f140";
}

.fa-burger::before {
  content: "\f805";
}

.fa-hamburger::before {
  content: "\f805";
}

.fa-burst::before {
  content: "\e4dc";
}

.fa-bus::before {
  content: "\f207";
}

.fa-bus-simple::before {
  content: "\f55e";
}

.fa-bus-alt::before {
  content: "\f55e";
}

.fa-business-time::before {
  content: "\f64a";
}

.fa-briefcase-clock::before {
  content: "\f64a";
}

.fa-c::before {
  content: "C";
}

.fa-cake-candles::before {
  content: "\f1fd";
}

.fa-birthday-cake::before {
  content: "\f1fd";
}

.fa-cake::before {
  content: "\f1fd";
}

.fa-calculator::before {
  content: "\f1ec";
}

.fa-calendar::before {
  content: "\f133";
}

.fa-calendar-check::before {
  content: "\f274";
}

.fa-calendar-day::before {
  content: "\f783";
}

.fa-calendar-days::before {
  content: "\f073";
}

.fa-calendar-alt::before {
  content: "\f073";
}

.fa-calendar-minus::before {
  content: "\f272";
}

.fa-calendar-plus::before {
  content: "\f271";
}

.fa-calendar-week::before {
  content: "\f784";
}

.fa-calendar-xmark::before {
  content: "\f273";
}

.fa-calendar-times::before {
  content: "\f273";
}

.fa-camera::before {
  content: "\f030";
}

.fa-camera-alt::before {
  content: "\f030";
}

.fa-camera-retro::before {
  content: "\f083";
}

.fa-camera-rotate::before {
  content: "\e0d8";
}

.fa-campground::before {
  content: "\f6bb";
}

.fa-candy-cane::before {
  content: "\f786";
}

.fa-cannabis::before {
  content: "\f55f";
}

.fa-capsules::before {
  content: "\f46b";
}

.fa-car::before {
  content: "\f1b9";
}

.fa-automobile::before {
  content: "\f1b9";
}

.fa-car-battery::before {
  content: "\f5df";
}

.fa-battery-car::before {
  content: "\f5df";
}

.fa-car-burst::before {
  content: "\f5e1";
}

.fa-car-crash::before {
  content: "\f5e1";
}

.fa-car-on::before {
  content: "\e4dd";
}

.fa-car-rear::before {
  content: "\f5de";
}

.fa-car-alt::before {
  content: "\f5de";
}

.fa-car-side::before {
  content: "\f5e4";
}

.fa-car-tunnel::before {
  content: "\e4de";
}

.fa-caravan::before {
  content: "\f8ff";
}

.fa-caret-down::before {
  content: "\f0d7";
}

.fa-caret-left::before {
  content: "\f0d9";
}

.fa-caret-right::before {
  content: "\f0da";
}

.fa-caret-up::before {
  content: "\f0d8";
}

.fa-carrot::before {
  content: "\f787";
}

.fa-cart-arrow-down::before {
  content: "\f218";
}

.fa-cart-flatbed::before {
  content: "\f474";
}

.fa-dolly-flatbed::before {
  content: "\f474";
}

.fa-cart-flatbed-suitcase::before {
  content: "\f59d";
}

.fa-luggage-cart::before {
  content: "\f59d";
}

.fa-cart-plus::before {
  content: "\f217";
}

.fa-cart-shopping::before {
  content: "\f07a";
}

.fa-shopping-cart::before {
  content: "\f07a";
}

.fa-cash-register::before {
  content: "\f788";
}

.fa-cat::before {
  content: "\f6be";
}

.fa-cedi-sign::before {
  content: "\e0df";
}

.fa-cent-sign::before {
  content: "\e3f5";
}

.fa-certificate::before {
  content: "\f0a3";
}

.fa-chair::before {
  content: "\f6c0";
}

.fa-chalkboard::before {
  content: "\f51b";
}

.fa-blackboard::before {
  content: "\f51b";
}

.fa-chalkboard-user::before {
  content: "\f51c";
}

.fa-chalkboard-teacher::before {
  content: "\f51c";
}

.fa-champagne-glasses::before {
  content: "\f79f";
}

.fa-glass-cheers::before {
  content: "\f79f";
}

.fa-charging-station::before {
  content: "\f5e7";
}

.fa-chart-area::before {
  content: "\f1fe";
}

.fa-area-chart::before {
  content: "\f1fe";
}

.fa-chart-bar::before {
  content: "\f080";
}

.fa-bar-chart::before {
  content: "\f080";
}

.fa-chart-column::before {
  content: "\e0e3";
}

.fa-chart-gantt::before {
  content: "\e0e4";
}

.fa-chart-line::before {
  content: "\f201";
}

.fa-line-chart::before {
  content: "\f201";
}

.fa-chart-pie::before {
  content: "\f200";
}

.fa-pie-chart::before {
  content: "\f200";
}

.fa-chart-simple::before {
  content: "\e473";
}

.fa-check::before {
  content: "\f00c";
}

.fa-check-double::before {
  content: "\f560";
}

.fa-check-to-slot::before {
  content: "\f772";
}

.fa-vote-yea::before {
  content: "\f772";
}

.fa-cheese::before {
  content: "\f7ef";
}

.fa-chess::before {
  content: "\f439";
}

.fa-chess-bishop::before {
  content: "\f43a";
}

.fa-chess-board::before {
  content: "\f43c";
}

.fa-chess-king::before {
  content: "\f43f";
}

.fa-chess-knight::before {
  content: "\f441";
}

.fa-chess-pawn::before {
  content: "\f443";
}

.fa-chess-queen::before {
  content: "\f445";
}

.fa-chess-rook::before {
  content: "\f447";
}

.fa-chevron-down::before {
  content: "\f078";
}

.fa-chevron-left::before {
  content: "\f053";
}

.fa-chevron-right::before {
  content: "\f054";
}

.fa-chevron-up::before {
  content: "\f077";
}

.fa-child::before {
  content: "\f1ae";
}

.fa-child-dress::before {
  content: "\e59c";
}

.fa-child-reaching::before {
  content: "\e59d";
}

.fa-child-rifle::before {
  content: "\e4e0";
}

.fa-children::before {
  content: "\e4e1";
}

.fa-church::before {
  content: "\f51d";
}

.fa-circle::before {
  content: "\f111";
}

.fa-circle-arrow-down::before {
  content: "\f0ab";
}

.fa-arrow-circle-down::before {
  content: "\f0ab";
}

.fa-circle-arrow-left::before {
  content: "\f0a8";
}

.fa-arrow-circle-left::before {
  content: "\f0a8";
}

.fa-circle-arrow-right::before {
  content: "\f0a9";
}

.fa-arrow-circle-right::before {
  content: "\f0a9";
}

.fa-circle-arrow-up::before {
  content: "\f0aa";
}

.fa-arrow-circle-up::before {
  content: "\f0aa";
}

.fa-circle-check::before {
  content: "\f058";
}

.fa-check-circle::before {
  content: "\f058";
}

.fa-circle-chevron-down::before {
  content: "\f13a";
}

.fa-chevron-circle-down::before {
  content: "\f13a";
}

.fa-circle-chevron-left::before {
  content: "\f137";
}

.fa-chevron-circle-left::before {
  content: "\f137";
}

.fa-circle-chevron-right::before {
  content: "\f138";
}

.fa-chevron-circle-right::before {
  content: "\f138";
}

.fa-circle-chevron-up::before {
  content: "\f139";
}

.fa-chevron-circle-up::before {
  content: "\f139";
}

.fa-circle-dollar-to-slot::before {
  content: "\f4b9";
}

.fa-donate::before {
  content: "\f4b9";
}

.fa-circle-dot::before {
  content: "\f192";
}

.fa-dot-circle::before {
  content: "\f192";
}

.fa-circle-down::before {
  content: "\f358";
}

.fa-arrow-alt-circle-down::before {
  content: "\f358";
}

.fa-circle-exclamation::before {
  content: "\f06a";
}

.fa-exclamation-circle::before {
  content: "\f06a";
}

.fa-circle-h::before {
  content: "\f47e";
}

.fa-hospital-symbol::before {
  content: "\f47e";
}

.fa-circle-half-stroke::before {
  content: "\f042";
}

.fa-adjust::before {
  content: "\f042";
}

.fa-circle-info::before {
  content: "\f05a";
}

.fa-info-circle::before {
  content: "\f05a";
}

.fa-circle-left::before {
  content: "\f359";
}

.fa-arrow-alt-circle-left::before {
  content: "\f359";
}

.fa-circle-minus::before {
  content: "\f056";
}

.fa-minus-circle::before {
  content: "\f056";
}

.fa-circle-nodes::before {
  content: "\e4e2";
}

.fa-circle-notch::before {
  content: "\f1ce";
}

.fa-circle-pause::before {
  content: "\f28b";
}

.fa-pause-circle::before {
  content: "\f28b";
}

.fa-circle-play::before {
  content: "\f144";
}

.fa-play-circle::before {
  content: "\f144";
}

.fa-circle-plus::before {
  content: "\f055";
}

.fa-plus-circle::before {
  content: "\f055";
}

.fa-circle-question::before {
  content: "\f059";
}

.fa-question-circle::before {
  content: "\f059";
}

.fa-circle-radiation::before {
  content: "\f7ba";
}

.fa-radiation-alt::before {
  content: "\f7ba";
}

.fa-circle-right::before {
  content: "\f35a";
}

.fa-arrow-alt-circle-right::before {
  content: "\f35a";
}

.fa-circle-stop::before {
  content: "\f28d";
}

.fa-stop-circle::before {
  content: "\f28d";
}

.fa-circle-up::before {
  content: "\f35b";
}

.fa-arrow-alt-circle-up::before {
  content: "\f35b";
}

.fa-circle-user::before {
  content: "\f2bd";
}

.fa-user-circle::before {
  content: "\f2bd";
}

.fa-circle-xmark::before {
  content: "\f057";
}

.fa-times-circle::before {
  content: "\f057";
}

.fa-xmark-circle::before {
  content: "\f057";
}

.fa-city::before {
  content: "\f64f";
}

.fa-clapperboard::before {
  content: "\e131";
}

.fa-clipboard::before {
  content: "\f328";
}

.fa-clipboard-check::before {
  content: "\f46c";
}

.fa-clipboard-list::before {
  content: "\f46d";
}

.fa-clipboard-question::before {
  content: "\e4e3";
}

.fa-clipboard-user::before {
  content: "\f7f3";
}

.fa-clock::before {
  content: "\f017";
}

.fa-clock-four::before {
  content: "\f017";
}

.fa-clock-rotate-left::before {
  content: "\f1da";
}

.fa-history::before {
  content: "\f1da";
}

.fa-clone::before {
  content: "\f24d";
}

.fa-closed-captioning::before {
  content: "\f20a";
}

.fa-cloud::before {
  content: "\f0c2";
}

.fa-cloud-arrow-down::before {
  content: "\f0ed";
}

.fa-cloud-download::before {
  content: "\f0ed";
}

.fa-cloud-download-alt::before {
  content: "\f0ed";
}

.fa-cloud-arrow-up::before {
  content: "\f0ee";
}

.fa-cloud-upload::before {
  content: "\f0ee";
}

.fa-cloud-upload-alt::before {
  content: "\f0ee";
}

.fa-cloud-bolt::before {
  content: "\f76c";
}

.fa-thunderstorm::before {
  content: "\f76c";
}

.fa-cloud-meatball::before {
  content: "\f73b";
}

.fa-cloud-moon::before {
  content: "\f6c3";
}

.fa-cloud-moon-rain::before {
  content: "\f73c";
}

.fa-cloud-rain::before {
  content: "\f73d";
}

.fa-cloud-showers-heavy::before {
  content: "\f740";
}

.fa-cloud-showers-water::before {
  content: "\e4e4";
}

.fa-cloud-sun::before {
  content: "\f6c4";
}

.fa-cloud-sun-rain::before {
  content: "\f743";
}

.fa-clover::before {
  content: "\e139";
}

.fa-code::before {
  content: "\f121";
}

.fa-code-branch::before {
  content: "\f126";
}

.fa-code-commit::before {
  content: "\f386";
}

.fa-code-compare::before {
  content: "\e13a";
}

.fa-code-fork::before {
  content: "\e13b";
}

.fa-code-merge::before {
  content: "\f387";
}

.fa-code-pull-request::before {
  content: "\e13c";
}

.fa-coins::before {
  content: "\f51e";
}

.fa-colon-sign::before {
  content: "\e140";
}

.fa-comment::before {
  content: "\f075";
}

.fa-comment-dollar::before {
  content: "\f651";
}

.fa-comment-dots::before {
  content: "\f4ad";
}

.fa-commenting::before {
  content: "\f4ad";
}

.fa-comment-medical::before {
  content: "\f7f5";
}

.fa-comment-slash::before {
  content: "\f4b3";
}

.fa-comment-sms::before {
  content: "\f7cd";
}

.fa-sms::before {
  content: "\f7cd";
}

.fa-comments::before {
  content: "\f086";
}

.fa-comments-dollar::before {
  content: "\f653";
}

.fa-compact-disc::before {
  content: "\f51f";
}

.fa-compass::before {
  content: "\f14e";
}

.fa-compass-drafting::before {
  content: "\f568";
}

.fa-drafting-compass::before {
  content: "\f568";
}

.fa-compress::before {
  content: "\f066";
}

.fa-computer::before {
  content: "\e4e5";
}

.fa-computer-mouse::before {
  content: "\f8cc";
}

.fa-mouse::before {
  content: "\f8cc";
}

.fa-cookie::before {
  content: "\f563";
}

.fa-cookie-bite::before {
  content: "\f564";
}

.fa-copy::before {
  content: "\f0c5";
}

.fa-copyright::before {
  content: "\f1f9";
}

.fa-couch::before {
  content: "\f4b8";
}

.fa-cow::before {
  content: "\f6c8";
}

.fa-credit-card::before {
  content: "\f09d";
}

.fa-credit-card-alt::before {
  content: "\f09d";
}

.fa-crop::before {
  content: "\f125";
}

.fa-crop-simple::before {
  content: "\f565";
}

.fa-crop-alt::before {
  content: "\f565";
}

.fa-cross::before {
  content: "\f654";
}

.fa-crosshairs::before {
  content: "\f05b";
}

.fa-crow::before {
  content: "\f520";
}

.fa-crown::before {
  content: "\f521";
}

.fa-crutch::before {
  content: "\f7f7";
}

.fa-cruzeiro-sign::before {
  content: "\e152";
}

.fa-cube::before {
  content: "\f1b2";
}

.fa-cubes::before {
  content: "\f1b3";
}

.fa-cubes-stacked::before {
  content: "\e4e6";
}

.fa-d::before {
  content: "D";
}

.fa-database::before {
  content: "\f1c0";
}

.fa-delete-left::before {
  content: "\f55a";
}

.fa-backspace::before {
  content: "\f55a";
}

.fa-democrat::before {
  content: "\f747";
}

.fa-desktop::before {
  content: "\f390";
}

.fa-desktop-alt::before {
  content: "\f390";
}

.fa-dharmachakra::before {
  content: "\f655";
}

.fa-diagram-next::before {
  content: "\e476";
}

.fa-diagram-predecessor::before {
  content: "\e477";
}

.fa-diagram-project::before {
  content: "\f542";
}

.fa-project-diagram::before {
  content: "\f542";
}

.fa-diagram-successor::before {
  content: "\e47a";
}

.fa-diamond::before {
  content: "\f219";
}

.fa-diamond-turn-right::before {
  content: "\f5eb";
}

.fa-directions::before {
  content: "\f5eb";
}

.fa-dice::before {
  content: "\f522";
}

.fa-dice-d20::before {
  content: "\f6cf";
}

.fa-dice-d6::before {
  content: "\f6d1";
}

.fa-dice-five::before {
  content: "\f523";
}

.fa-dice-four::before {
  content: "\f524";
}

.fa-dice-one::before {
  content: "\f525";
}

.fa-dice-six::before {
  content: "\f526";
}

.fa-dice-three::before {
  content: "\f527";
}

.fa-dice-two::before {
  content: "\f528";
}

.fa-disease::before {
  content: "\f7fa";
}

.fa-display::before {
  content: "\e163";
}

.fa-divide::before {
  content: "\f529";
}

.fa-dna::before {
  content: "\f471";
}

.fa-dog::before {
  content: "\f6d3";
}

.fa-dollar-sign::before {
  content: "\$";
}

.fa-dollar::before {
  content: "\$";
}

.fa-usd::before {
  content: "\$";
}

.fa-dolly::before {
  content: "\f472";
}

.fa-dolly-box::before {
  content: "\f472";
}

.fa-dong-sign::before {
  content: "\e169";
}

.fa-door-closed::before {
  content: "\f52a";
}

.fa-door-open::before {
  content: "\f52b";
}

.fa-dove::before {
  content: "\f4ba";
}

.fa-down-left-and-up-right-to-center::before {
  content: "\f422";
}

.fa-compress-alt::before {
  content: "\f422";
}

.fa-down-long::before {
  content: "\f309";
}

.fa-long-arrow-alt-down::before {
  content: "\f309";
}

.fa-download::before {
  content: "\f019";
}

.fa-dragon::before {
  content: "\f6d5";
}

.fa-draw-polygon::before {
  content: "\f5ee";
}

.fa-droplet::before {
  content: "\f043";
}

.fa-tint::before {
  content: "\f043";
}

.fa-droplet-slash::before {
  content: "\f5c7";
}

.fa-tint-slash::before {
  content: "\f5c7";
}

.fa-drum::before {
  content: "\f569";
}

.fa-drum-steelpan::before {
  content: "\f56a";
}

.fa-drumstick-bite::before {
  content: "\f6d7";
}

.fa-dumbbell::before {
  content: "\f44b";
}

.fa-dumpster::before {
  content: "\f793";
}

.fa-dumpster-fire::before {
  content: "\f794";
}

.fa-dungeon::before {
  content: "\f6d9";
}

.fa-e::before {
  content: "E";
}

.fa-ear-deaf::before {
  content: "\f2a4";
}

.fa-deaf::before {
  content: "\f2a4";
}

.fa-deafness::before {
  content: "\f2a4";
}

.fa-hard-of-hearing::before {
  content: "\f2a4";
}

.fa-ear-listen::before {
  content: "\f2a2";
}

.fa-assistive-listening-systems::before {
  content: "\f2a2";
}

.fa-earth-africa::before {
  content: "\f57c";
}

.fa-globe-africa::before {
  content: "\f57c";
}

.fa-earth-americas::before {
  content: "\f57d";
}

.fa-earth::before {
  content: "\f57d";
}

.fa-earth-america::before {
  content: "\f57d";
}

.fa-globe-americas::before {
  content: "\f57d";
}

.fa-earth-asia::before {
  content: "\f57e";
}

.fa-globe-asia::before {
  content: "\f57e";
}

.fa-earth-europe::before {
  content: "\f7a2";
}

.fa-globe-europe::before {
  content: "\f7a2";
}

.fa-earth-oceania::before {
  content: "\e47b";
}

.fa-globe-oceania::before {
  content: "\e47b";
}

.fa-egg::before {
  content: "\f7fb";
}

.fa-eject::before {
  content: "\f052";
}

.fa-elevator::before {
  content: "\e16d";
}

.fa-ellipsis::before {
  content: "\f141";
}

.fa-ellipsis-h::before {
  content: "\f141";
}

.fa-ellipsis-vertical::before {
  content: "\f142";
}

.fa-ellipsis-v::before {
  content: "\f142";
}

.fa-envelope::before {
  content: "\f0e0";
}

.fa-envelope-circle-check::before {
  content: "\e4e8";
}

.fa-envelope-open::before {
  content: "\f2b6";
}

.fa-envelope-open-text::before {
  content: "\f658";
}

.fa-envelopes-bulk::before {
  content: "\f674";
}

.fa-mail-bulk::before {
  content: "\f674";
}

.fa-equals::before {
  content: "\=";
}

.fa-eraser::before {
  content: "\f12d";
}

.fa-ethernet::before {
  content: "\f796";
}

.fa-euro-sign::before {
  content: "\f153";
}

.fa-eur::before {
  content: "\f153";
}

.fa-euro::before {
  content: "\f153";
}

.fa-exclamation::before {
  content: "\!";
}

.fa-expand::before {
  content: "\f065";
}

.fa-explosion::before {
  content: "\e4e9";
}

.fa-eye::before {
  content: "\f06e";
}

.fa-eye-dropper::before {
  content: "\f1fb";
}

.fa-eye-dropper-empty::before {
  content: "\f1fb";
}

.fa-eyedropper::before {
  content: "\f1fb";
}

.fa-eye-low-vision::before {
  content: "\f2a8";
}

.fa-low-vision::before {
  content: "\f2a8";
}

.fa-eye-slash::before {
  content: "\f070";
}

.fa-f::before {
  content: "F";
}

.fa-face-angry::before {
  content: "\f556";
}

.fa-angry::before {
  content: "\f556";
}

.fa-face-dizzy::before {
  content: "\f567";
}

.fa-dizzy::before {
  content: "\f567";
}

.fa-face-flushed::before {
  content: "\f579";
}

.fa-flushed::before {
  content: "\f579";
}

.fa-face-frown::before {
  content: "\f119";
}

.fa-frown::before {
  content: "\f119";
}

.fa-face-frown-open::before {
  content: "\f57a";
}

.fa-frown-open::before {
  content: "\f57a";
}

.fa-face-grimace::before {
  content: "\f57f";
}

.fa-grimace::before {
  content: "\f57f";
}

.fa-face-grin::before {
  content: "\f580";
}

.fa-grin::before {
  content: "\f580";
}

.fa-face-grin-beam::before {
  content: "\f582";
}

.fa-grin-beam::before {
  content: "\f582";
}

.fa-face-grin-beam-sweat::before {
  content: "\f583";
}

.fa-grin-beam-sweat::before {
  content: "\f583";
}

.fa-face-grin-hearts::before {
  content: "\f584";
}

.fa-grin-hearts::before {
  content: "\f584";
}

.fa-face-grin-squint::before {
  content: "\f585";
}

.fa-grin-squint::before {
  content: "\f585";
}

.fa-face-grin-squint-tears::before {
  content: "\f586";
}

.fa-grin-squint-tears::before {
  content: "\f586";
}

.fa-face-grin-stars::before {
  content: "\f587";
}

.fa-grin-stars::before {
  content: "\f587";
}

.fa-face-grin-tears::before {
  content: "\f588";
}

.fa-grin-tears::before {
  content: "\f588";
}

.fa-face-grin-tongue::before {
  content: "\f589";
}

.fa-grin-tongue::before {
  content: "\f589";
}

.fa-face-grin-tongue-squint::before {
  content: "\f58a";
}

.fa-grin-tongue-squint::before {
  content: "\f58a";
}

.fa-face-grin-tongue-wink::before {
  content: "\f58b";
}

.fa-grin-tongue-wink::before {
  content: "\f58b";
}

.fa-face-grin-wide::before {
  content: "\f581";
}

.fa-grin-alt::before {
  content: "\f581";
}

.fa-face-grin-wink::before {
  content: "\f58c";
}

.fa-grin-wink::before {
  content: "\f58c";
}

.fa-face-kiss::before {
  content: "\f596";
}

.fa-kiss::before {
  content: "\f596";
}

.fa-face-kiss-beam::before {
  content: "\f597";
}

.fa-kiss-beam::before {
  content: "\f597";
}

.fa-face-kiss-wink-heart::before {
  content: "\f598";
}

.fa-kiss-wink-heart::before {
  content: "\f598";
}

.fa-face-laugh::before {
  content: "\f599";
}

.fa-laugh::before {
  content: "\f599";
}

.fa-face-laugh-beam::before {
  content: "\f59a";
}

.fa-laugh-beam::before {
  content: "\f59a";
}

.fa-face-laugh-squint::before {
  content: "\f59b";
}

.fa-laugh-squint::before {
  content: "\f59b";
}

.fa-face-laugh-wink::before {
  content: "\f59c";
}

.fa-laugh-wink::before {
  content: "\f59c";
}

.fa-face-meh::before {
  content: "\f11a";
}

.fa-meh::before {
  content: "\f11a";
}

.fa-face-meh-blank::before {
  content: "\f5a4";
}

.fa-meh-blank::before {
  content: "\f5a4";
}

.fa-face-rolling-eyes::before {
  content: "\f5a5";
}

.fa-meh-rolling-eyes::before {
  content: "\f5a5";
}

.fa-face-sad-cry::before {
  content: "\f5b3";
}

.fa-sad-cry::before {
  content: "\f5b3";
}

.fa-face-sad-tear::before {
  content: "\f5b4";
}

.fa-sad-tear::before {
  content: "\f5b4";
}

.fa-face-smile::before {
  content: "\f118";
}

.fa-smile::before {
  content: "\f118";
}

.fa-face-smile-beam::before {
  content: "\f5b8";
}

.fa-smile-beam::before {
  content: "\f5b8";
}

.fa-face-smile-wink::before {
  content: "\f4da";
}

.fa-smile-wink::before {
  content: "\f4da";
}

.fa-face-surprise::before {
  content: "\f5c2";
}

.fa-surprise::before {
  content: "\f5c2";
}

.fa-face-tired::before {
  content: "\f5c8";
}

.fa-tired::before {
  content: "\f5c8";
}

.fa-fan::before {
  content: "\f863";
}

.fa-faucet::before {
  content: "\e005";
}

.fa-faucet-drip::before {
  content: "\e006";
}

.fa-fax::before {
  content: "\f1ac";
}

.fa-feather::before {
  content: "\f52d";
}

.fa-feather-pointed::before {
  content: "\f56b";
}

.fa-feather-alt::before {
  content: "\f56b";
}

.fa-ferry::before {
  content: "\e4ea";
}

.fa-file::before {
  content: "\f15b";
}

.fa-file-arrow-down::before {
  content: "\f56d";
}

.fa-file-download::before {
  content: "\f56d";
}

.fa-file-arrow-up::before {
  content: "\f574";
}

.fa-file-upload::before {
  content: "\f574";
}

.fa-file-audio::before {
  content: "\f1c7";
}

.fa-file-circle-check::before {
  content: "\e493";
}

.fa-file-circle-exclamation::before {
  content: "\e4eb";
}

.fa-file-circle-minus::before {
  content: "\e4ed";
}

.fa-file-circle-plus::before {
  content: "\e4ee";
}

.fa-file-circle-question::before {
  content: "\e4ef";
}

.fa-file-circle-xmark::before {
  content: "\e494";
}

.fa-file-code::before {
  content: "\f1c9";
}

.fa-file-contract::before {
  content: "\f56c";
}

.fa-file-csv::before {
  content: "\f6dd";
}

.fa-file-excel::before {
  content: "\f1c3";
}

.fa-file-export::before {
  content: "\f56e";
}

.fa-arrow-right-from-file::before {
  content: "\f56e";
}

.fa-file-image::before {
  content: "\f1c5";
}

.fa-file-import::before {
  content: "\f56f";
}

.fa-arrow-right-to-file::before {
  content: "\f56f";
}

.fa-file-invoice::before {
  content: "\f570";
}

.fa-file-invoice-dollar::before {
  content: "\f571";
}

.fa-file-lines::before {
  content: "\f15c";
}

.fa-file-alt::before {
  content: "\f15c";
}

.fa-file-text::before {
  content: "\f15c";
}

.fa-file-medical::before {
  content: "\f477";
}

.fa-file-pdf::before {
  content: "\f1c1";
}

.fa-file-pen::before {
  content: "\f31c";
}

.fa-file-edit::before {
  content: "\f31c";
}

.fa-file-powerpoint::before {
  content: "\f1c4";
}

.fa-file-prescription::before {
  content: "\f572";
}

.fa-file-shield::before {
  content: "\e4f0";
}

.fa-file-signature::before {
  content: "\f573";
}

.fa-file-video::before {
  content: "\f1c8";
}

.fa-file-waveform::before {
  content: "\f478";
}

.fa-file-medical-alt::before {
  content: "\f478";
}

.fa-file-word::before {
  content: "\f1c2";
}

.fa-file-zipper::before {
  content: "\f1c6";
}

.fa-file-archive::before {
  content: "\f1c6";
}

.fa-fill::before {
  content: "\f575";
}

.fa-fill-drip::before {
  content: "\f576";
}

.fa-film::before {
  content: "\f008";
}

.fa-filter::before {
  content: "\f0b0";
}

.fa-filter-circle-dollar::before {
  content: "\f662";
}

.fa-funnel-dollar::before {
  content: "\f662";
}

.fa-filter-circle-xmark::before {
  content: "\e17b";
}

.fa-fingerprint::before {
  content: "\f577";
}

.fa-fire::before {
  content: "\f06d";
}

.fa-fire-burner::before {
  content: "\e4f1";
}

.fa-fire-extinguisher::before {
  content: "\f134";
}

.fa-fire-flame-curved::before {
  content: "\f7e4";
}

.fa-fire-alt::before {
  content: "\f7e4";
}

.fa-fire-flame-simple::before {
  content: "\f46a";
}

.fa-burn::before {
  content: "\f46a";
}

.fa-fish::before {
  content: "\f578";
}

.fa-fish-fins::before {
  content: "\e4f2";
}

.fa-flag::before {
  content: "\f024";
}

.fa-flag-checkered::before {
  content: "\f11e";
}

.fa-flag-usa::before {
  content: "\f74d";
}

.fa-flask::before {
  content: "\f0c3";
}

.fa-flask-vial::before {
  content: "\e4f3";
}

.fa-floppy-disk::before {
  content: "\f0c7";
}

.fa-save::before {
  content: "\f0c7";
}

.fa-florin-sign::before {
  content: "\e184";
}

.fa-folder::before {
  content: "\f07b";
}

.fa-folder-blank::before {
  content: "\f07b";
}

.fa-folder-closed::before {
  content: "\e185";
}

.fa-folder-minus::before {
  content: "\f65d";
}

.fa-folder-open::before {
  content: "\f07c";
}

.fa-folder-plus::before {
  content: "\f65e";
}

.fa-folder-tree::before {
  content: "\f802";
}

.fa-font::before {
  content: "\f031";
}

.fa-football::before {
  content: "\f44e";
}

.fa-football-ball::before {
  content: "\f44e";
}

.fa-forward::before {
  content: "\f04e";
}

.fa-forward-fast::before {
  content: "\f050";
}

.fa-fast-forward::before {
  content: "\f050";
}

.fa-forward-step::before {
  content: "\f051";
}

.fa-step-forward::before {
  content: "\f051";
}

.fa-franc-sign::before {
  content: "\e18f";
}

.fa-frog::before {
  content: "\f52e";
}

.fa-futbol::before {
  content: "\f1e3";
}

.fa-futbol-ball::before {
  content: "\f1e3";
}

.fa-soccer-ball::before {
  content: "\f1e3";
}

.fa-g::before {
  content: "G";
}

.fa-gamepad::before {
  content: "\f11b";
}

.fa-gas-pump::before {
  content: "\f52f";
}

.fa-gauge::before {
  content: "\f624";
}

.fa-dashboard::before {
  content: "\f624";
}

.fa-gauge-med::before {
  content: "\f624";
}

.fa-tachometer-alt-average::before {
  content: "\f624";
}

.fa-gauge-high::before {
  content: "\f625";
}

.fa-tachometer-alt::before {
  content: "\f625";
}

.fa-tachometer-alt-fast::before {
  content: "\f625";
}

.fa-gauge-simple::before {
  content: "\f629";
}

.fa-gauge-simple-med::before {
  content: "\f629";
}

.fa-tachometer-average::before {
  content: "\f629";
}

.fa-gauge-simple-high::before {
  content: "\f62a";
}

.fa-tachometer::before {
  content: "\f62a";
}

.fa-tachometer-fast::before {
  content: "\f62a";
}

.fa-gavel::before {
  content: "\f0e3";
}

.fa-legal::before {
  content: "\f0e3";
}

.fa-gear::before {
  content: "\f013";
}

.fa-cog::before {
  content: "\f013";
}

.fa-gears::before {
  content: "\f085";
}

.fa-cogs::before {
  content: "\f085";
}

.fa-gem::before {
  content: "\f3a5";
}

.fa-genderless::before {
  content: "\f22d";
}

.fa-ghost::before {
  content: "\f6e2";
}

.fa-gift::before {
  content: "\f06b";
}

.fa-gifts::before {
  content: "\f79c";
}

.fa-glass-water::before {
  content: "\e4f4";
}

.fa-glass-water-droplet::before {
  content: "\e4f5";
}

.fa-glasses::before {
  content: "\f530";
}

.fa-globe::before {
  content: "\f0ac";
}

.fa-golf-ball-tee::before {
  content: "\f450";
}

.fa-golf-ball::before {
  content: "\f450";
}

.fa-gopuram::before {
  content: "\f664";
}

.fa-graduation-cap::before {
  content: "\f19d";
}

.fa-mortar-board::before {
  content: "\f19d";
}

.fa-greater-than::before {
  content: "\>";
}

.fa-greater-than-equal::before {
  content: "\f532";
}

.fa-grip::before {
  content: "\f58d";
}

.fa-grip-horizontal::before {
  content: "\f58d";
}

.fa-grip-lines::before {
  content: "\f7a4";
}

.fa-grip-lines-vertical::before {
  content: "\f7a5";
}

.fa-grip-vertical::before {
  content: "\f58e";
}

.fa-group-arrows-rotate::before {
  content: "\e4f6";
}

.fa-guarani-sign::before {
  content: "\e19a";
}

.fa-guitar::before {
  content: "\f7a6";
}

.fa-gun::before {
  content: "\e19b";
}

.fa-h::before {
  content: "H";
}

.fa-hammer::before {
  content: "\f6e3";
}

.fa-hamsa::before {
  content: "\f665";
}

.fa-hand::before {
  content: "\f256";
}

.fa-hand-paper::before {
  content: "\f256";
}

.fa-hand-back-fist::before {
  content: "\f255";
}

.fa-hand-rock::before {
  content: "\f255";
}

.fa-hand-dots::before {
  content: "\f461";
}

.fa-allergies::before {
  content: "\f461";
}

.fa-hand-fist::before {
  content: "\f6de";
}

.fa-fist-raised::before {
  content: "\f6de";
}

.fa-hand-holding::before {
  content: "\f4bd";
}

.fa-hand-holding-dollar::before {
  content: "\f4c0";
}

.fa-hand-holding-usd::before {
  content: "\f4c0";
}

.fa-hand-holding-droplet::before {
  content: "\f4c1";
}

.fa-hand-holding-water::before {
  content: "\f4c1";
}

.fa-hand-holding-hand::before {
  content: "\e4f7";
}

.fa-hand-holding-heart::before {
  content: "\f4be";
}

.fa-hand-holding-medical::before {
  content: "\e05c";
}

.fa-hand-lizard::before {
  content: "\f258";
}

.fa-hand-middle-finger::before {
  content: "\f806";
}

.fa-hand-peace::before {
  content: "\f25b";
}

.fa-hand-point-down::before {
  content: "\f0a7";
}

.fa-hand-point-left::before {
  content: "\f0a5";
}

.fa-hand-point-right::before {
  content: "\f0a4";
}

.fa-hand-point-up::before {
  content: "\f0a6";
}

.fa-hand-pointer::before {
  content: "\f25a";
}

.fa-hand-scissors::before {
  content: "\f257";
}

.fa-hand-sparkles::before {
  content: "\e05d";
}

.fa-hand-spock::before {
  content: "\f259";
}

.fa-handcuffs::before {
  content: "\e4f8";
}

.fa-hands::before {
  content: "\f2a7";
}

.fa-sign-language::before {
  content: "\f2a7";
}

.fa-signing::before {
  content: "\f2a7";
}

.fa-hands-asl-interpreting::before {
  content: "\f2a3";
}

.fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.fa-asl-interpreting::before {
  content: "\f2a3";
}

.fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.fa-hands-bound::before {
  content: "\e4f9";
}

.fa-hands-bubbles::before {
  content: "\e05e";
}

.fa-hands-wash::before {
  content: "\e05e";
}

.fa-hands-clapping::before {
  content: "\e1a8";
}

.fa-hands-holding::before {
  content: "\f4c2";
}

.fa-hands-holding-child::before {
  content: "\e4fa";
}

.fa-hands-holding-circle::before {
  content: "\e4fb";
}

.fa-hands-praying::before {
  content: "\f684";
}

.fa-praying-hands::before {
  content: "\f684";
}

.fa-handshake::before {
  content: "\f2b5";
}

.fa-handshake-angle::before {
  content: "\f4c4";
}

.fa-hands-helping::before {
  content: "\f4c4";
}

.fa-handshake-simple::before {
  content: "\f4c6";
}

.fa-handshake-alt::before {
  content: "\f4c6";
}

.fa-handshake-simple-slash::before {
  content: "\e05f";
}

.fa-handshake-alt-slash::before {
  content: "\e05f";
}

.fa-handshake-slash::before {
  content: "\e060";
}

.fa-hanukiah::before {
  content: "\f6e6";
}

.fa-hard-drive::before {
  content: "\f0a0";
}

.fa-hdd::before {
  content: "\f0a0";
}

.fa-hashtag::before {
  content: "\#";
}

.fa-hat-cowboy::before {
  content: "\f8c0";
}

.fa-hat-cowboy-side::before {
  content: "\f8c1";
}

.fa-hat-wizard::before {
  content: "\f6e8";
}

.fa-head-side-cough::before {
  content: "\e061";
}

.fa-head-side-cough-slash::before {
  content: "\e062";
}

.fa-head-side-mask::before {
  content: "\e063";
}

.fa-head-side-virus::before {
  content: "\e064";
}

.fa-heading::before {
  content: "\f1dc";
}

.fa-header::before {
  content: "\f1dc";
}

.fa-headphones::before {
  content: "\f025";
}

.fa-headphones-simple::before {
  content: "\f58f";
}

.fa-headphones-alt::before {
  content: "\f58f";
}

.fa-headset::before {
  content: "\f590";
}

.fa-heart::before {
  content: "\f004";
}

.fa-heart-circle-bolt::before {
  content: "\e4fc";
}

.fa-heart-circle-check::before {
  content: "\e4fd";
}

.fa-heart-circle-exclamation::before {
  content: "\e4fe";
}

.fa-heart-circle-minus::before {
  content: "\e4ff";
}

.fa-heart-circle-plus::before {
  content: "\e500";
}

.fa-heart-circle-xmark::before {
  content: "\e501";
}

.fa-heart-crack::before {
  content: "\f7a9";
}

.fa-heart-broken::before {
  content: "\f7a9";
}

.fa-heart-pulse::before {
  content: "\f21e";
}

.fa-heartbeat::before {
  content: "\f21e";
}

.fa-helicopter::before {
  content: "\f533";
}

.fa-helicopter-symbol::before {
  content: "\e502";
}

.fa-helmet-safety::before {
  content: "\f807";
}

.fa-hard-hat::before {
  content: "\f807";
}

.fa-hat-hard::before {
  content: "\f807";
}

.fa-helmet-un::before {
  content: "\e503";
}

.fa-highlighter::before {
  content: "\f591";
}

.fa-hill-avalanche::before {
  content: "\e507";
}

.fa-hill-rockslide::before {
  content: "\e508";
}

.fa-hippo::before {
  content: "\f6ed";
}

.fa-hockey-puck::before {
  content: "\f453";
}

.fa-holly-berry::before {
  content: "\f7aa";
}

.fa-horse::before {
  content: "\f6f0";
}

.fa-horse-head::before {
  content: "\f7ab";
}

.fa-hospital::before {
  content: "\f0f8";
}

.fa-hospital-alt::before {
  content: "\f0f8";
}

.fa-hospital-wide::before {
  content: "\f0f8";
}

.fa-hospital-user::before {
  content: "\f80d";
}

.fa-hot-tub-person::before {
  content: "\f593";
}

.fa-hot-tub::before {
  content: "\f593";
}

.fa-hotdog::before {
  content: "\f80f";
}

.fa-hotel::before {
  content: "\f594";
}

.fa-hourglass::before {
  content: "\f254";
}

.fa-hourglass-2::before {
  content: "\f254";
}

.fa-hourglass-half::before {
  content: "\f254";
}

.fa-hourglass-empty::before {
  content: "\f252";
}

.fa-hourglass-end::before {
  content: "\f253";
}

.fa-hourglass-3::before {
  content: "\f253";
}

.fa-hourglass-start::before {
  content: "\f251";
}

.fa-hourglass-1::before {
  content: "\f251";
}

.fa-house::before {
  content: "\f015";
}

.fa-home::before {
  content: "\f015";
}

.fa-home-alt::before {
  content: "\f015";
}

.fa-home-lg-alt::before {
  content: "\f015";
}

.fa-house-chimney::before {
  content: "\e3af";
}

.fa-home-lg::before {
  content: "\e3af";
}

.fa-house-chimney-crack::before {
  content: "\f6f1";
}

.fa-house-damage::before {
  content: "\f6f1";
}

.fa-house-chimney-medical::before {
  content: "\f7f2";
}

.fa-clinic-medical::before {
  content: "\f7f2";
}

.fa-house-chimney-user::before {
  content: "\e065";
}

.fa-house-chimney-window::before {
  content: "\e00d";
}

.fa-house-circle-check::before {
  content: "\e509";
}

.fa-house-circle-exclamation::before {
  content: "\e50a";
}

.fa-house-circle-xmark::before {
  content: "\e50b";
}

.fa-house-crack::before {
  content: "\e3b1";
}

.fa-house-fire::before {
  content: "\e50c";
}

.fa-house-flag::before {
  content: "\e50d";
}

.fa-house-flood-water::before {
  content: "\e50e";
}

.fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f";
}

.fa-house-laptop::before {
  content: "\e066";
}

.fa-laptop-house::before {
  content: "\e066";
}

.fa-house-lock::before {
  content: "\e510";
}

.fa-house-medical::before {
  content: "\e3b2";
}

.fa-house-medical-circle-check::before {
  content: "\e511";
}

.fa-house-medical-circle-exclamation::before {
  content: "\e512";
}

.fa-house-medical-circle-xmark::before {
  content: "\e513";
}

.fa-house-medical-flag::before {
  content: "\e514";
}

.fa-house-signal::before {
  content: "\e012";
}

.fa-house-tsunami::before {
  content: "\e515";
}

.fa-house-user::before {
  content: "\e1b0";
}

.fa-home-user::before {
  content: "\e1b0";
}

.fa-hryvnia-sign::before {
  content: "\f6f2";
}

.fa-hryvnia::before {
  content: "\f6f2";
}

.fa-hurricane::before {
  content: "\f751";
}

.fa-i::before {
  content: "I";
}

.fa-i-cursor::before {
  content: "\f246";
}

.fa-ice-cream::before {
  content: "\f810";
}

.fa-icicles::before {
  content: "\f7ad";
}

.fa-icons::before {
  content: "\f86d";
}

.fa-heart-music-camera-bolt::before {
  content: "\f86d";
}

.fa-id-badge::before {
  content: "\f2c1";
}

.fa-id-card::before {
  content: "\f2c2";
}

.fa-drivers-license::before {
  content: "\f2c2";
}

.fa-id-card-clip::before {
  content: "\f47f";
}

.fa-id-card-alt::before {
  content: "\f47f";
}

.fa-igloo::before {
  content: "\f7ae";
}

.fa-image::before {
  content: "\f03e";
}

.fa-image-portrait::before {
  content: "\f3e0";
}

.fa-portrait::before {
  content: "\f3e0";
}

.fa-images::before {
  content: "\f302";
}

.fa-inbox::before {
  content: "\f01c";
}

.fa-indent::before {
  content: "\f03c";
}

.fa-indian-rupee-sign::before {
  content: "\e1bc";
}

.fa-indian-rupee::before {
  content: "\e1bc";
}

.fa-inr::before {
  content: "\e1bc";
}

.fa-industry::before {
  content: "\f275";
}

.fa-infinity::before {
  content: "\f534";
}

.fa-info::before {
  content: "\f129";
}

.fa-italic::before {
  content: "\f033";
}

.fa-j::before {
  content: "J";
}

.fa-jar::before {
  content: "\e516";
}

.fa-jar-wheat::before {
  content: "\e517";
}

.fa-jedi::before {
  content: "\f669";
}

.fa-jet-fighter::before {
  content: "\f0fb";
}

.fa-fighter-jet::before {
  content: "\f0fb";
}

.fa-jet-fighter-up::before {
  content: "\e518";
}

.fa-joint::before {
  content: "\f595";
}

.fa-jug-detergent::before {
  content: "\e519";
}

.fa-k::before {
  content: "K";
}

.fa-kaaba::before {
  content: "\f66b";
}

.fa-key::before {
  content: "\f084";
}

.fa-keyboard::before {
  content: "\f11c";
}

.fa-khanda::before {
  content: "\f66d";
}

.fa-kip-sign::before {
  content: "\e1c4";
}

.fa-kit-medical::before {
  content: "\f479";
}

.fa-first-aid::before {
  content: "\f479";
}

.fa-kitchen-set::before {
  content: "\e51a";
}

.fa-kiwi-bird::before {
  content: "\f535";
}

.fa-l::before {
  content: "L";
}

.fa-land-mine-on::before {
  content: "\e51b";
}

.fa-landmark::before {
  content: "\f66f";
}

.fa-landmark-dome::before {
  content: "\f752";
}

.fa-landmark-alt::before {
  content: "\f752";
}

.fa-landmark-flag::before {
  content: "\e51c";
}

.fa-language::before {
  content: "\f1ab";
}

.fa-laptop::before {
  content: "\f109";
}

.fa-laptop-code::before {
  content: "\f5fc";
}

.fa-laptop-file::before {
  content: "\e51d";
}

.fa-laptop-medical::before {
  content: "\f812";
}

.fa-lari-sign::before {
  content: "\e1c8";
}

.fa-layer-group::before {
  content: "\f5fd";
}

.fa-leaf::before {
  content: "\f06c";
}

.fa-left-long::before {
  content: "\f30a";
}

.fa-long-arrow-alt-left::before {
  content: "\f30a";
}

.fa-left-right::before {
  content: "\f337";
}

.fa-arrows-alt-h::before {
  content: "\f337";
}

.fa-lemon::before {
  content: "\f094";
}

.fa-less-than::before {
  content: "\<";
}

.fa-less-than-equal::before {
  content: "\f537";
}

.fa-life-ring::before {
  content: "\f1cd";
}

.fa-lightbulb::before {
  content: "\f0eb";
}

.fa-lines-leaning::before {
  content: "\e51e";
}

.fa-link::before {
  content: "\f0c1";
}

.fa-chain::before {
  content: "\f0c1";
}

.fa-link-slash::before {
  content: "\f127";
}

.fa-chain-broken::before {
  content: "\f127";
}

.fa-chain-slash::before {
  content: "\f127";
}

.fa-unlink::before {
  content: "\f127";
}

.fa-lira-sign::before {
  content: "\f195";
}

.fa-list::before {
  content: "\f03a";
}

.fa-list-squares::before {
  content: "\f03a";
}

.fa-list-check::before {
  content: "\f0ae";
}

.fa-tasks::before {
  content: "\f0ae";
}

.fa-list-ol::before {
  content: "\f0cb";
}

.fa-list-1-2::before {
  content: "\f0cb";
}

.fa-list-numeric::before {
  content: "\f0cb";
}

.fa-list-ul::before {
  content: "\f0ca";
}

.fa-list-dots::before {
  content: "\f0ca";
}

.fa-litecoin-sign::before {
  content: "\e1d3";
}

.fa-location-arrow::before {
  content: "\f124";
}

.fa-location-crosshairs::before {
  content: "\f601";
}

.fa-location::before {
  content: "\f601";
}

.fa-location-dot::before {
  content: "\f3c5";
}

.fa-map-marker-alt::before {
  content: "\f3c5";
}

.fa-location-pin::before {
  content: "\f041";
}

.fa-map-marker::before {
  content: "\f041";
}

.fa-location-pin-lock::before {
  content: "\e51f";
}

.fa-lock::before {
  content: "\f023";
}

.fa-lock-open::before {
  content: "\f3c1";
}

.fa-locust::before {
  content: "\e520";
}

.fa-lungs::before {
  content: "\f604";
}

.fa-lungs-virus::before {
  content: "\e067";
}

.fa-m::before {
  content: "M";
}

.fa-magnet::before {
  content: "\f076";
}

.fa-magnifying-glass::before {
  content: "\f002";
}

.fa-search::before {
  content: "\f002";
}

.fa-magnifying-glass-arrow-right::before {
  content: "\e521";
}

.fa-magnifying-glass-chart::before {
  content: "\e522";
}

.fa-magnifying-glass-dollar::before {
  content: "\f688";
}

.fa-search-dollar::before {
  content: "\f688";
}

.fa-magnifying-glass-location::before {
  content: "\f689";
}

.fa-search-location::before {
  content: "\f689";
}

.fa-magnifying-glass-minus::before {
  content: "\f010";
}

.fa-search-minus::before {
  content: "\f010";
}

.fa-magnifying-glass-plus::before {
  content: "\f00e";
}

.fa-search-plus::before {
  content: "\f00e";
}

.fa-manat-sign::before {
  content: "\e1d5";
}

.fa-map::before {
  content: "\f279";
}

.fa-map-location::before {
  content: "\f59f";
}

.fa-map-marked::before {
  content: "\f59f";
}

.fa-map-location-dot::before {
  content: "\f5a0";
}

.fa-map-marked-alt::before {
  content: "\f5a0";
}

.fa-map-pin::before {
  content: "\f276";
}

.fa-marker::before {
  content: "\f5a1";
}

.fa-mars::before {
  content: "\f222";
}

.fa-mars-and-venus::before {
  content: "\f224";
}

.fa-mars-and-venus-burst::before {
  content: "\e523";
}

.fa-mars-double::before {
  content: "\f227";
}

.fa-mars-stroke::before {
  content: "\f229";
}

.fa-mars-stroke-right::before {
  content: "\f22b";
}

.fa-mars-stroke-h::before {
  content: "\f22b";
}

.fa-mars-stroke-up::before {
  content: "\f22a";
}

.fa-mars-stroke-v::before {
  content: "\f22a";
}

.fa-martini-glass::before {
  content: "\f57b";
}

.fa-glass-martini-alt::before {
  content: "\f57b";
}

.fa-martini-glass-citrus::before {
  content: "\f561";
}

.fa-cocktail::before {
  content: "\f561";
}

.fa-martini-glass-empty::before {
  content: "\f000";
}

.fa-glass-martini::before {
  content: "\f000";
}

.fa-mask::before {
  content: "\f6fa";
}

.fa-mask-face::before {
  content: "\e1d7";
}

.fa-mask-ventilator::before {
  content: "\e524";
}

.fa-masks-theater::before {
  content: "\f630";
}

.fa-theater-masks::before {
  content: "\f630";
}

.fa-mattress-pillow::before {
  content: "\e525";
}

.fa-maximize::before {
  content: "\f31e";
}

.fa-expand-arrows-alt::before {
  content: "\f31e";
}

.fa-medal::before {
  content: "\f5a2";
}

.fa-memory::before {
  content: "\f538";
}

.fa-menorah::before {
  content: "\f676";
}

.fa-mercury::before {
  content: "\f223";
}

.fa-message::before {
  content: "\f27a";
}

.fa-comment-alt::before {
  content: "\f27a";
}

.fa-meteor::before {
  content: "\f753";
}

.fa-microchip::before {
  content: "\f2db";
}

.fa-microphone::before {
  content: "\f130";
}

.fa-microphone-lines::before {
  content: "\f3c9";
}

.fa-microphone-alt::before {
  content: "\f3c9";
}

.fa-microphone-lines-slash::before {
  content: "\f539";
}

.fa-microphone-alt-slash::before {
  content: "\f539";
}

.fa-microphone-slash::before {
  content: "\f131";
}

.fa-microscope::before {
  content: "\f610";
}

.fa-mill-sign::before {
  content: "\e1ed";
}

.fa-minimize::before {
  content: "\f78c";
}

.fa-compress-arrows-alt::before {
  content: "\f78c";
}

.fa-minus::before {
  content: "\f068";
}

.fa-subtract::before {
  content: "\f068";
}

.fa-mitten::before {
  content: "\f7b5";
}

.fa-mobile::before {
  content: "\f3ce";
}

.fa-mobile-android::before {
  content: "\f3ce";
}

.fa-mobile-phone::before {
  content: "\f3ce";
}

.fa-mobile-button::before {
  content: "\f10b";
}

.fa-mobile-retro::before {
  content: "\e527";
}

.fa-mobile-screen::before {
  content: "\f3cf";
}

.fa-mobile-android-alt::before {
  content: "\f3cf";
}

.fa-mobile-screen-button::before {
  content: "\f3cd";
}

.fa-mobile-alt::before {
  content: "\f3cd";
}

.fa-money-bill::before {
  content: "\f0d6";
}

.fa-money-bill-1::before {
  content: "\f3d1";
}

.fa-money-bill-alt::before {
  content: "\f3d1";
}

.fa-money-bill-1-wave::before {
  content: "\f53b";
}

.fa-money-bill-wave-alt::before {
  content: "\f53b";
}

.fa-money-bill-transfer::before {
  content: "\e528";
}

.fa-money-bill-trend-up::before {
  content: "\e529";
}

.fa-money-bill-wave::before {
  content: "\f53a";
}

.fa-money-bill-wheat::before {
  content: "\e52a";
}

.fa-money-bills::before {
  content: "\e1f3";
}

.fa-money-check::before {
  content: "\f53c";
}

.fa-money-check-dollar::before {
  content: "\f53d";
}

.fa-money-check-alt::before {
  content: "\f53d";
}

.fa-monument::before {
  content: "\f5a6";
}

.fa-moon::before {
  content: "\f186";
}

.fa-mortar-pestle::before {
  content: "\f5a7";
}

.fa-mosque::before {
  content: "\f678";
}

.fa-mosquito::before {
  content: "\e52b";
}

.fa-mosquito-net::before {
  content: "\e52c";
}

.fa-motorcycle::before {
  content: "\f21c";
}

.fa-mound::before {
  content: "\e52d";
}

.fa-mountain::before {
  content: "\f6fc";
}

.fa-mountain-city::before {
  content: "\e52e";
}

.fa-mountain-sun::before {
  content: "\e52f";
}

.fa-mug-hot::before {
  content: "\f7b6";
}

.fa-mug-saucer::before {
  content: "\f0f4";
}

.fa-coffee::before {
  content: "\f0f4";
}

.fa-music::before {
  content: "\f001";
}

.fa-n::before {
  content: "N";
}

.fa-naira-sign::before {
  content: "\e1f6";
}

.fa-network-wired::before {
  content: "\f6ff";
}

.fa-neuter::before {
  content: "\f22c";
}

.fa-newspaper::before {
  content: "\f1ea";
}

.fa-not-equal::before {
  content: "\f53e";
}

.fa-note-sticky::before {
  content: "\f249";
}

.fa-sticky-note::before {
  content: "\f249";
}

.fa-notes-medical::before {
  content: "\f481";
}

.fa-o::before {
  content: "O";
}

.fa-object-group::before {
  content: "\f247";
}

.fa-object-ungroup::before {
  content: "\f248";
}

.fa-oil-can::before {
  content: "\f613";
}

.fa-oil-well::before {
  content: "\e532";
}

.fa-om::before {
  content: "\f679";
}

.fa-otter::before {
  content: "\f700";
}

.fa-outdent::before {
  content: "\f03b";
}

.fa-dedent::before {
  content: "\f03b";
}

.fa-p::before {
  content: "P";
}

.fa-pager::before {
  content: "\f815";
}

.fa-paint-roller::before {
  content: "\f5aa";
}

.fa-paintbrush::before {
  content: "\f1fc";
}

.fa-paint-brush::before {
  content: "\f1fc";
}

.fa-palette::before {
  content: "\f53f";
}

.fa-pallet::before {
  content: "\f482";
}

.fa-panorama::before {
  content: "\e209";
}

.fa-paper-plane::before {
  content: "\f1d8";
}

.fa-paperclip::before {
  content: "\f0c6";
}

.fa-parachute-box::before {
  content: "\f4cd";
}

.fa-paragraph::before {
  content: "\f1dd";
}

.fa-passport::before {
  content: "\f5ab";
}

.fa-paste::before {
  content: "\f0ea";
}

.fa-file-clipboard::before {
  content: "\f0ea";
}

.fa-pause::before {
  content: "\f04c";
}

.fa-paw::before {
  content: "\f1b0";
}

.fa-peace::before {
  content: "\f67c";
}

.fa-pen::before {
  content: "\f304";
}

.fa-pen-clip::before {
  content: "\f305";
}

.fa-pen-alt::before {
  content: "\f305";
}

.fa-pen-fancy::before {
  content: "\f5ac";
}

.fa-pen-nib::before {
  content: "\f5ad";
}

.fa-pen-ruler::before {
  content: "\f5ae";
}

.fa-pencil-ruler::before {
  content: "\f5ae";
}

.fa-pen-to-square::before {
  content: "\f044";
}

.fa-edit::before {
  content: "\f044";
}

.fa-pencil::before {
  content: "\f303";
}

.fa-pencil-alt::before {
  content: "\f303";
}

.fa-people-arrows-left-right::before {
  content: "\e068";
}

.fa-people-arrows::before {
  content: "\e068";
}

.fa-people-carry-box::before {
  content: "\f4ce";
}

.fa-people-carry::before {
  content: "\f4ce";
}

.fa-people-group::before {
  content: "\e533";
}

.fa-people-line::before {
  content: "\e534";
}

.fa-people-pulling::before {
  content: "\e535";
}

.fa-people-robbery::before {
  content: "\e536";
}

.fa-people-roof::before {
  content: "\e537";
}

.fa-pepper-hot::before {
  content: "\f816";
}

.fa-percent::before {
  content: "\%";
}

.fa-percentage::before {
  content: "\%";
}

.fa-person::before {
  content: "\f183";
}

.fa-male::before {
  content: "\f183";
}

.fa-person-arrow-down-to-line::before {
  content: "\e538";
}

.fa-person-arrow-up-from-line::before {
  content: "\e539";
}

.fa-person-biking::before {
  content: "\f84a";
}

.fa-biking::before {
  content: "\f84a";
}

.fa-person-booth::before {
  content: "\f756";
}

.fa-person-breastfeeding::before {
  content: "\e53a";
}

.fa-person-burst::before {
  content: "\e53b";
}

.fa-person-cane::before {
  content: "\e53c";
}

.fa-person-chalkboard::before {
  content: "\e53d";
}

.fa-person-circle-check::before {
  content: "\e53e";
}

.fa-person-circle-exclamation::before {
  content: "\e53f";
}

.fa-person-circle-minus::before {
  content: "\e540";
}

.fa-person-circle-plus::before {
  content: "\e541";
}

.fa-person-circle-question::before {
  content: "\e542";
}

.fa-person-circle-xmark::before {
  content: "\e543";
}

.fa-person-digging::before {
  content: "\f85e";
}

.fa-digging::before {
  content: "\f85e";
}

.fa-person-dots-from-line::before {
  content: "\f470";
}

.fa-diagnoses::before {
  content: "\f470";
}

.fa-person-dress::before {
  content: "\f182";
}

.fa-female::before {
  content: "\f182";
}

.fa-person-dress-burst::before {
  content: "\e544";
}

.fa-person-drowning::before {
  content: "\e545";
}

.fa-person-falling::before {
  content: "\e546";
}

.fa-person-falling-burst::before {
  content: "\e547";
}

.fa-person-half-dress::before {
  content: "\e548";
}

.fa-person-harassing::before {
  content: "\e549";
}

.fa-person-hiking::before {
  content: "\f6ec";
}

.fa-hiking::before {
  content: "\f6ec";
}

.fa-person-military-pointing::before {
  content: "\e54a";
}

.fa-person-military-rifle::before {
  content: "\e54b";
}

.fa-person-military-to-person::before {
  content: "\e54c";
}

.fa-person-praying::before {
  content: "\f683";
}

.fa-pray::before {
  content: "\f683";
}

.fa-person-pregnant::before {
  content: "\e31e";
}

.fa-person-rays::before {
  content: "\e54d";
}

.fa-person-rifle::before {
  content: "\e54e";
}

.fa-person-running::before {
  content: "\f70c";
}

.fa-running::before {
  content: "\f70c";
}

.fa-person-shelter::before {
  content: "\e54f";
}

.fa-person-skating::before {
  content: "\f7c5";
}

.fa-skating::before {
  content: "\f7c5";
}

.fa-person-skiing::before {
  content: "\f7c9";
}

.fa-skiing::before {
  content: "\f7c9";
}

.fa-person-skiing-nordic::before {
  content: "\f7ca";
}

.fa-skiing-nordic::before {
  content: "\f7ca";
}

.fa-person-snowboarding::before {
  content: "\f7ce";
}

.fa-snowboarding::before {
  content: "\f7ce";
}

.fa-person-swimming::before {
  content: "\f5c4";
}

.fa-swimmer::before {
  content: "\f5c4";
}

.fa-person-through-window::before {
  content: "\e433";
}

.fa-person-walking::before {
  content: "\f554";
}

.fa-walking::before {
  content: "\f554";
}

.fa-person-walking-arrow-loop-left::before {
  content: "\e551";
}

.fa-person-walking-arrow-right::before {
  content: "\e552";
}

.fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553";
}

.fa-person-walking-luggage::before {
  content: "\e554";
}

.fa-person-walking-with-cane::before {
  content: "\f29d";
}

.fa-blind::before {
  content: "\f29d";
}

.fa-peseta-sign::before {
  content: "\e221";
}

.fa-peso-sign::before {
  content: "\e222";
}

.fa-phone::before {
  content: "\f095";
}

.fa-phone-flip::before {
  content: "\f879";
}

.fa-phone-alt::before {
  content: "\f879";
}

.fa-phone-slash::before {
  content: "\f3dd";
}

.fa-phone-volume::before {
  content: "\f2a0";
}

.fa-volume-control-phone::before {
  content: "\f2a0";
}

.fa-photo-film::before {
  content: "\f87c";
}

.fa-photo-video::before {
  content: "\f87c";
}

.fa-piggy-bank::before {
  content: "\f4d3";
}

.fa-pills::before {
  content: "\f484";
}

.fa-pizza-slice::before {
  content: "\f818";
}

.fa-place-of-worship::before {
  content: "\f67f";
}

.fa-plane::before {
  content: "\f072";
}

.fa-plane-arrival::before {
  content: "\f5af";
}

.fa-plane-circle-check::before {
  content: "\e555";
}

.fa-plane-circle-exclamation::before {
  content: "\e556";
}

.fa-plane-circle-xmark::before {
  content: "\e557";
}

.fa-plane-departure::before {
  content: "\f5b0";
}

.fa-plane-lock::before {
  content: "\e558";
}

.fa-plane-slash::before {
  content: "\e069";
}

.fa-plane-up::before {
  content: "\e22d";
}

.fa-plant-wilt::before {
  content: "\e43b";
}

.fa-plate-wheat::before {
  content: "\e55a";
}

.fa-play::before {
  content: "\f04b";
}

.fa-plug::before {
  content: "\f1e6";
}

.fa-plug-circle-bolt::before {
  content: "\e55b";
}

.fa-plug-circle-check::before {
  content: "\e55c";
}

.fa-plug-circle-exclamation::before {
  content: "\e55d";
}

.fa-plug-circle-minus::before {
  content: "\e55e";
}

.fa-plug-circle-plus::before {
  content: "\e55f";
}

.fa-plug-circle-xmark::before {
  content: "\e560";
}

.fa-plus::before {
  content: "\+";
}

.fa-add::before {
  content: "\+";
}

.fa-plus-minus::before {
  content: "\e43c";
}

.fa-podcast::before {
  content: "\f2ce";
}

.fa-poo::before {
  content: "\f2fe";
}

.fa-poo-storm::before {
  content: "\f75a";
}

.fa-poo-bolt::before {
  content: "\f75a";
}

.fa-poop::before {
  content: "\f619";
}

.fa-power-off::before {
  content: "\f011";
}

.fa-prescription::before {
  content: "\f5b1";
}

.fa-prescription-bottle::before {
  content: "\f485";
}

.fa-prescription-bottle-medical::before {
  content: "\f486";
}

.fa-prescription-bottle-alt::before {
  content: "\f486";
}

.fa-print::before {
  content: "\f02f";
}

.fa-pump-medical::before {
  content: "\e06a";
}

.fa-pump-soap::before {
  content: "\e06b";
}

.fa-puzzle-piece::before {
  content: "\f12e";
}

.fa-q::before {
  content: "Q";
}

.fa-qrcode::before {
  content: "\f029";
}

.fa-question::before {
  content: "\?";
}

.fa-quote-left::before {
  content: "\f10d";
}

.fa-quote-left-alt::before {
  content: "\f10d";
}

.fa-quote-right::before {
  content: "\f10e";
}

.fa-quote-right-alt::before {
  content: "\f10e";
}

.fa-r::before {
  content: "R";
}

.fa-radiation::before {
  content: "\f7b9";
}

.fa-radio::before {
  content: "\f8d7";
}

.fa-rainbow::before {
  content: "\f75b";
}

.fa-ranking-star::before {
  content: "\e561";
}

.fa-receipt::before {
  content: "\f543";
}

.fa-record-vinyl::before {
  content: "\f8d9";
}

.fa-rectangle-ad::before {
  content: "\f641";
}

.fa-ad::before {
  content: "\f641";
}

.fa-rectangle-list::before {
  content: "\f022";
}

.fa-list-alt::before {
  content: "\f022";
}

.fa-rectangle-xmark::before {
  content: "\f410";
}

.fa-rectangle-times::before {
  content: "\f410";
}

.fa-times-rectangle::before {
  content: "\f410";
}

.fa-window-close::before {
  content: "\f410";
}

.fa-recycle::before {
  content: "\f1b8";
}

.fa-registered::before {
  content: "\f25d";
}

.fa-repeat::before {
  content: "\f363";
}

.fa-reply::before {
  content: "\f3e5";
}

.fa-mail-reply::before {
  content: "\f3e5";
}

.fa-reply-all::before {
  content: "\f122";
}

.fa-mail-reply-all::before {
  content: "\f122";
}

.fa-republican::before {
  content: "\f75e";
}

.fa-restroom::before {
  content: "\f7bd";
}

.fa-retweet::before {
  content: "\f079";
}

.fa-ribbon::before {
  content: "\f4d6";
}

.fa-right-from-bracket::before {
  content: "\f2f5";
}

.fa-sign-out-alt::before {
  content: "\f2f5";
}

.fa-right-left::before {
  content: "\f362";
}

.fa-exchange-alt::before {
  content: "\f362";
}

.fa-right-long::before {
  content: "\f30b";
}

.fa-long-arrow-alt-right::before {
  content: "\f30b";
}

.fa-right-to-bracket::before {
  content: "\f2f6";
}

.fa-sign-in-alt::before {
  content: "\f2f6";
}

.fa-ring::before {
  content: "\f70b";
}

.fa-road::before {
  content: "\f018";
}

.fa-road-barrier::before {
  content: "\e562";
}

.fa-road-bridge::before {
  content: "\e563";
}

.fa-road-circle-check::before {
  content: "\e564";
}

.fa-road-circle-exclamation::before {
  content: "\e565";
}

.fa-road-circle-xmark::before {
  content: "\e566";
}

.fa-road-lock::before {
  content: "\e567";
}

.fa-road-spikes::before {
  content: "\e568";
}

.fa-robot::before {
  content: "\f544";
}

.fa-rocket::before {
  content: "\f135";
}

.fa-rotate::before {
  content: "\f2f1";
}

.fa-sync-alt::before {
  content: "\f2f1";
}

.fa-rotate-left::before {
  content: "\f2ea";
}

.fa-rotate-back::before {
  content: "\f2ea";
}

.fa-rotate-backward::before {
  content: "\f2ea";
}

.fa-undo-alt::before {
  content: "\f2ea";
}

.fa-rotate-right::before {
  content: "\f2f9";
}

.fa-redo-alt::before {
  content: "\f2f9";
}

.fa-rotate-forward::before {
  content: "\f2f9";
}

.fa-route::before {
  content: "\f4d7";
}

.fa-rss::before {
  content: "\f09e";
}

.fa-feed::before {
  content: "\f09e";
}

.fa-ruble-sign::before {
  content: "\f158";
}

.fa-rouble::before {
  content: "\f158";
}

.fa-rub::before {
  content: "\f158";
}

.fa-ruble::before {
  content: "\f158";
}

.fa-rug::before {
  content: "\e569";
}

.fa-ruler::before {
  content: "\f545";
}

.fa-ruler-combined::before {
  content: "\f546";
}

.fa-ruler-horizontal::before {
  content: "\f547";
}

.fa-ruler-vertical::before {
  content: "\f548";
}

.fa-rupee-sign::before {
  content: "\f156";
}

.fa-rupee::before {
  content: "\f156";
}

.fa-rupiah-sign::before {
  content: "\e23d";
}

.fa-s::before {
  content: "S";
}

.fa-sack-dollar::before {
  content: "\f81d";
}

.fa-sack-xmark::before {
  content: "\e56a";
}

.fa-sailboat::before {
  content: "\e445";
}

.fa-satellite::before {
  content: "\f7bf";
}

.fa-satellite-dish::before {
  content: "\f7c0";
}

.fa-scale-balanced::before {
  content: "\f24e";
}

.fa-balance-scale::before {
  content: "\f24e";
}

.fa-scale-unbalanced::before {
  content: "\f515";
}

.fa-balance-scale-left::before {
  content: "\f515";
}

.fa-scale-unbalanced-flip::before {
  content: "\f516";
}

.fa-balance-scale-right::before {
  content: "\f516";
}

.fa-school::before {
  content: "\f549";
}

.fa-school-circle-check::before {
  content: "\e56b";
}

.fa-school-circle-exclamation::before {
  content: "\e56c";
}

.fa-school-circle-xmark::before {
  content: "\e56d";
}

.fa-school-flag::before {
  content: "\e56e";
}

.fa-school-lock::before {
  content: "\e56f";
}

.fa-scissors::before {
  content: "\f0c4";
}

.fa-cut::before {
  content: "\f0c4";
}

.fa-screwdriver::before {
  content: "\f54a";
}

.fa-screwdriver-wrench::before {
  content: "\f7d9";
}

.fa-tools::before {
  content: "\f7d9";
}

.fa-scroll::before {
  content: "\f70e";
}

.fa-scroll-torah::before {
  content: "\f6a0";
}

.fa-torah::before {
  content: "\f6a0";
}

.fa-sd-card::before {
  content: "\f7c2";
}

.fa-section::before {
  content: "\e447";
}

.fa-seedling::before {
  content: "\f4d8";
}

.fa-sprout::before {
  content: "\f4d8";
}

.fa-server::before {
  content: "\f233";
}

.fa-shapes::before {
  content: "\f61f";
}

.fa-triangle-circle-square::before {
  content: "\f61f";
}

.fa-share::before {
  content: "\f064";
}

.fa-arrow-turn-right::before {
  content: "\f064";
}

.fa-mail-forward::before {
  content: "\f064";
}

.fa-share-from-square::before {
  content: "\f14d";
}

.fa-share-square::before {
  content: "\f14d";
}

.fa-share-nodes::before {
  content: "\f1e0";
}

.fa-share-alt::before {
  content: "\f1e0";
}

.fa-sheet-plastic::before {
  content: "\e571";
}

.fa-shekel-sign::before {
  content: "\f20b";
}

.fa-ils::before {
  content: "\f20b";
}

.fa-shekel::before {
  content: "\f20b";
}

.fa-sheqel::before {
  content: "\f20b";
}

.fa-sheqel-sign::before {
  content: "\f20b";
}

.fa-shield::before {
  content: "\f132";
}

.fa-shield-blank::before {
  content: "\f132";
}

.fa-shield-cat::before {
  content: "\e572";
}

.fa-shield-dog::before {
  content: "\e573";
}

.fa-shield-halved::before {
  content: "\f3ed";
}

.fa-shield-alt::before {
  content: "\f3ed";
}

.fa-shield-heart::before {
  content: "\e574";
}

.fa-shield-virus::before {
  content: "\e06c";
}

.fa-ship::before {
  content: "\f21a";
}

.fa-shirt::before {
  content: "\f553";
}

.fa-t-shirt::before {
  content: "\f553";
}

.fa-tshirt::before {
  content: "\f553";
}

.fa-shoe-prints::before {
  content: "\f54b";
}

.fa-shop::before {
  content: "\f54f";
}

.fa-store-alt::before {
  content: "\f54f";
}

.fa-shop-lock::before {
  content: "\e4a5";
}

.fa-shop-slash::before {
  content: "\e070";
}

.fa-store-alt-slash::before {
  content: "\e070";
}

.fa-shower::before {
  content: "\f2cc";
}

.fa-shrimp::before {
  content: "\e448";
}

.fa-shuffle::before {
  content: "\f074";
}

.fa-random::before {
  content: "\f074";
}

.fa-shuttle-space::before {
  content: "\f197";
}

.fa-space-shuttle::before {
  content: "\f197";
}

.fa-sign-hanging::before {
  content: "\f4d9";
}

.fa-sign::before {
  content: "\f4d9";
}

.fa-signal::before {
  content: "\f012";
}

.fa-signal-5::before {
  content: "\f012";
}

.fa-signal-perfect::before {
  content: "\f012";
}

.fa-signature::before {
  content: "\f5b7";
}

.fa-signs-post::before {
  content: "\f277";
}

.fa-map-signs::before {
  content: "\f277";
}

.fa-sim-card::before {
  content: "\f7c4";
}

.fa-sink::before {
  content: "\e06d";
}

.fa-sitemap::before {
  content: "\f0e8";
}

.fa-skull::before {
  content: "\f54c";
}

.fa-skull-crossbones::before {
  content: "\f714";
}

.fa-slash::before {
  content: "\f715";
}

.fa-sleigh::before {
  content: "\f7cc";
}

.fa-sliders::before {
  content: "\f1de";
}

.fa-sliders-h::before {
  content: "\f1de";
}

.fa-smog::before {
  content: "\f75f";
}

.fa-smoking::before {
  content: "\f48d";
}

.fa-snowflake::before {
  content: "\f2dc";
}

.fa-snowman::before {
  content: "\f7d0";
}

.fa-snowplow::before {
  content: "\f7d2";
}

.fa-soap::before {
  content: "\e06e";
}

.fa-socks::before {
  content: "\f696";
}

.fa-solar-panel::before {
  content: "\f5ba";
}

.fa-sort::before {
  content: "\f0dc";
}

.fa-unsorted::before {
  content: "\f0dc";
}

.fa-sort-down::before {
  content: "\f0dd";
}

.fa-sort-desc::before {
  content: "\f0dd";
}

.fa-sort-up::before {
  content: "\f0de";
}

.fa-sort-asc::before {
  content: "\f0de";
}

.fa-spa::before {
  content: "\f5bb";
}

.fa-spaghetti-monster-flying::before {
  content: "\f67b";
}

.fa-pastafarianism::before {
  content: "\f67b";
}

.fa-spell-check::before {
  content: "\f891";
}

.fa-spider::before {
  content: "\f717";
}

.fa-spinner::before {
  content: "\f110";
}

.fa-splotch::before {
  content: "\f5bc";
}

.fa-spoon::before {
  content: "\f2e5";
}

.fa-utensil-spoon::before {
  content: "\f2e5";
}

.fa-spray-can::before {
  content: "\f5bd";
}

.fa-spray-can-sparkles::before {
  content: "\f5d0";
}

.fa-air-freshener::before {
  content: "\f5d0";
}

.fa-square::before {
  content: "\f0c8";
}

.fa-square-arrow-up-right::before {
  content: "\f14c";
}

.fa-external-link-square::before {
  content: "\f14c";
}

.fa-square-caret-down::before {
  content: "\f150";
}

.fa-caret-square-down::before {
  content: "\f150";
}

.fa-square-caret-left::before {
  content: "\f191";
}

.fa-caret-square-left::before {
  content: "\f191";
}

.fa-square-caret-right::before {
  content: "\f152";
}

.fa-caret-square-right::before {
  content: "\f152";
}

.fa-square-caret-up::before {
  content: "\f151";
}

.fa-caret-square-up::before {
  content: "\f151";
}

.fa-square-check::before {
  content: "\f14a";
}

.fa-check-square::before {
  content: "\f14a";
}

.fa-square-envelope::before {
  content: "\f199";
}

.fa-envelope-square::before {
  content: "\f199";
}

.fa-square-full::before {
  content: "\f45c";
}

.fa-square-h::before {
  content: "\f0fd";
}

.fa-h-square::before {
  content: "\f0fd";
}

.fa-square-minus::before {
  content: "\f146";
}

.fa-minus-square::before {
  content: "\f146";
}

.fa-square-nfi::before {
  content: "\e576";
}

.fa-square-parking::before {
  content: "\f540";
}

.fa-parking::before {
  content: "\f540";
}

.fa-square-pen::before {
  content: "\f14b";
}

.fa-pen-square::before {
  content: "\f14b";
}

.fa-pencil-square::before {
  content: "\f14b";
}

.fa-square-person-confined::before {
  content: "\e577";
}

.fa-square-phone::before {
  content: "\f098";
}

.fa-phone-square::before {
  content: "\f098";
}

.fa-square-phone-flip::before {
  content: "\f87b";
}

.fa-phone-square-alt::before {
  content: "\f87b";
}

.fa-square-plus::before {
  content: "\f0fe";
}

.fa-plus-square::before {
  content: "\f0fe";
}

.fa-square-poll-horizontal::before {
  content: "\f682";
}

.fa-poll-h::before {
  content: "\f682";
}

.fa-square-poll-vertical::before {
  content: "\f681";
}

.fa-poll::before {
  content: "\f681";
}

.fa-square-root-variable::before {
  content: "\f698";
}

.fa-square-root-alt::before {
  content: "\f698";
}

.fa-square-rss::before {
  content: "\f143";
}

.fa-rss-square::before {
  content: "\f143";
}

.fa-square-share-nodes::before {
  content: "\f1e1";
}

.fa-share-alt-square::before {
  content: "\f1e1";
}

.fa-square-up-right::before {
  content: "\f360";
}

.fa-external-link-square-alt::before {
  content: "\f360";
}

.fa-square-virus::before {
  content: "\e578";
}

.fa-square-xmark::before {
  content: "\f2d3";
}

.fa-times-square::before {
  content: "\f2d3";
}

.fa-xmark-square::before {
  content: "\f2d3";
}

.fa-staff-aesculapius::before {
  content: "\e579";
}

.fa-rod-asclepius::before {
  content: "\e579";
}

.fa-rod-snake::before {
  content: "\e579";
}

.fa-staff-snake::before {
  content: "\e579";
}

.fa-stairs::before {
  content: "\e289";
}

.fa-stamp::before {
  content: "\f5bf";
}

.fa-star::before {
  content: "\f005";
}

.fa-star-and-crescent::before {
  content: "\f699";
}

.fa-star-half::before {
  content: "\f089";
}

.fa-star-half-stroke::before {
  content: "\f5c0";
}

.fa-star-half-alt::before {
  content: "\f5c0";
}

.fa-star-of-david::before {
  content: "\f69a";
}

.fa-star-of-life::before {
  content: "\f621";
}

.fa-sterling-sign::before {
  content: "\f154";
}

.fa-gbp::before {
  content: "\f154";
}

.fa-pound-sign::before {
  content: "\f154";
}

.fa-stethoscope::before {
  content: "\f0f1";
}

.fa-stop::before {
  content: "\f04d";
}

.fa-stopwatch::before {
  content: "\f2f2";
}

.fa-stopwatch-20::before {
  content: "\e06f";
}

.fa-store::before {
  content: "\f54e";
}

.fa-store-slash::before {
  content: "\e071";
}

.fa-street-view::before {
  content: "\f21d";
}

.fa-strikethrough::before {
  content: "\f0cc";
}

.fa-stroopwafel::before {
  content: "\f551";
}

.fa-subscript::before {
  content: "\f12c";
}

.fa-suitcase::before {
  content: "\f0f2";
}

.fa-suitcase-medical::before {
  content: "\f0fa";
}

.fa-medkit::before {
  content: "\f0fa";
}

.fa-suitcase-rolling::before {
  content: "\f5c1";
}

.fa-sun::before {
  content: "\f185";
}

.fa-sun-plant-wilt::before {
  content: "\e57a";
}

.fa-superscript::before {
  content: "\f12b";
}

.fa-swatchbook::before {
  content: "\f5c3";
}

.fa-synagogue::before {
  content: "\f69b";
}

.fa-syringe::before {
  content: "\f48e";
}

.fa-t::before {
  content: "T";
}

.fa-table::before {
  content: "\f0ce";
}

.fa-table-cells::before {
  content: "\f00a";
}

.fa-th::before {
  content: "\f00a";
}

.fa-table-cells-large::before {
  content: "\f009";
}

.fa-th-large::before {
  content: "\f009";
}

.fa-table-columns::before {
  content: "\f0db";
}

.fa-columns::before {
  content: "\f0db";
}

.fa-table-list::before {
  content: "\f00b";
}

.fa-th-list::before {
  content: "\f00b";
}

.fa-table-tennis-paddle-ball::before {
  content: "\f45d";
}

.fa-ping-pong-paddle-ball::before {
  content: "\f45d";
}

.fa-table-tennis::before {
  content: "\f45d";
}

.fa-tablet::before {
  content: "\f3fb";
}

.fa-tablet-android::before {
  content: "\f3fb";
}

.fa-tablet-button::before {
  content: "\f10a";
}

.fa-tablet-screen-button::before {
  content: "\f3fa";
}

.fa-tablet-alt::before {
  content: "\f3fa";
}

.fa-tablets::before {
  content: "\f490";
}

.fa-tachograph-digital::before {
  content: "\f566";
}

.fa-digital-tachograph::before {
  content: "\f566";
}

.fa-tag::before {
  content: "\f02b";
}

.fa-tags::before {
  content: "\f02c";
}

.fa-tape::before {
  content: "\f4db";
}

.fa-tarp::before {
  content: "\e57b";
}

.fa-tarp-droplet::before {
  content: "\e57c";
}

.fa-taxi::before {
  content: "\f1ba";
}

.fa-cab::before {
  content: "\f1ba";
}

.fa-teeth::before {
  content: "\f62e";
}

.fa-teeth-open::before {
  content: "\f62f";
}

.fa-temperature-arrow-down::before {
  content: "\e03f";
}

.fa-temperature-down::before {
  content: "\e03f";
}

.fa-temperature-arrow-up::before {
  content: "\e040";
}

.fa-temperature-up::before {
  content: "\e040";
}

.fa-temperature-empty::before {
  content: "\f2cb";
}

.fa-temperature-0::before {
  content: "\f2cb";
}

.fa-thermometer-0::before {
  content: "\f2cb";
}

.fa-thermometer-empty::before {
  content: "\f2cb";
}

.fa-temperature-full::before {
  content: "\f2c7";
}

.fa-temperature-4::before {
  content: "\f2c7";
}

.fa-thermometer-4::before {
  content: "\f2c7";
}

.fa-thermometer-full::before {
  content: "\f2c7";
}

.fa-temperature-half::before {
  content: "\f2c9";
}

.fa-temperature-2::before {
  content: "\f2c9";
}

.fa-thermometer-2::before {
  content: "\f2c9";
}

.fa-thermometer-half::before {
  content: "\f2c9";
}

.fa-temperature-high::before {
  content: "\f769";
}

.fa-temperature-low::before {
  content: "\f76b";
}

.fa-temperature-quarter::before {
  content: "\f2ca";
}

.fa-temperature-1::before {
  content: "\f2ca";
}

.fa-thermometer-1::before {
  content: "\f2ca";
}

.fa-thermometer-quarter::before {
  content: "\f2ca";
}

.fa-temperature-three-quarters::before {
  content: "\f2c8";
}

.fa-temperature-3::before {
  content: "\f2c8";
}

.fa-thermometer-3::before {
  content: "\f2c8";
}

.fa-thermometer-three-quarters::before {
  content: "\f2c8";
}

.fa-tenge-sign::before {
  content: "\f7d7";
}

.fa-tenge::before {
  content: "\f7d7";
}

.fa-tent::before {
  content: "\e57d";
}

.fa-tent-arrow-down-to-line::before {
  content: "\e57e";
}

.fa-tent-arrow-left-right::before {
  content: "\e57f";
}

.fa-tent-arrow-turn-left::before {
  content: "\e580";
}

.fa-tent-arrows-down::before {
  content: "\e581";
}

.fa-tents::before {
  content: "\e582";
}

.fa-terminal::before {
  content: "\f120";
}

.fa-text-height::before {
  content: "\f034";
}

.fa-text-slash::before {
  content: "\f87d";
}

.fa-remove-format::before {
  content: "\f87d";
}

.fa-text-width::before {
  content: "\f035";
}

.fa-thermometer::before {
  content: "\f491";
}

.fa-thumbs-down::before {
  content: "\f165";
}

.fa-thumbs-up::before {
  content: "\f164";
}

.fa-thumbtack::before {
  content: "\f08d";
}

.fa-thumb-tack::before {
  content: "\f08d";
}

.fa-ticket::before {
  content: "\f145";
}

.fa-ticket-simple::before {
  content: "\f3ff";
}

.fa-ticket-alt::before {
  content: "\f3ff";
}

.fa-timeline::before {
  content: "\e29c";
}

.fa-toggle-off::before {
  content: "\f204";
}

.fa-toggle-on::before {
  content: "\f205";
}

.fa-toilet::before {
  content: "\f7d8";
}

.fa-toilet-paper::before {
  content: "\f71e";
}

.fa-toilet-paper-slash::before {
  content: "\e072";
}

.fa-toilet-portable::before {
  content: "\e583";
}

.fa-toilets-portable::before {
  content: "\e584";
}

.fa-toolbox::before {
  content: "\f552";
}

.fa-tooth::before {
  content: "\f5c9";
}

.fa-torii-gate::before {
  content: "\f6a1";
}

.fa-tornado::before {
  content: "\f76f";
}

.fa-tower-broadcast::before {
  content: "\f519";
}

.fa-broadcast-tower::before {
  content: "\f519";
}

.fa-tower-cell::before {
  content: "\e585";
}

.fa-tower-observation::before {
  content: "\e586";
}

.fa-tractor::before {
  content: "\f722";
}

.fa-trademark::before {
  content: "\f25c";
}

.fa-traffic-light::before {
  content: "\f637";
}

.fa-trailer::before {
  content: "\e041";
}

.fa-train::before {
  content: "\f238";
}

.fa-train-subway::before {
  content: "\f239";
}

.fa-subway::before {
  content: "\f239";
}

.fa-train-tram::before {
  content: "\f7da";
}

.fa-tram::before {
  content: "\f7da";
}

.fa-transgender::before {
  content: "\f225";
}

.fa-transgender-alt::before {
  content: "\f225";
}

.fa-trash::before {
  content: "\f1f8";
}

.fa-trash-arrow-up::before {
  content: "\f829";
}

.fa-trash-restore::before {
  content: "\f829";
}

.fa-trash-can::before {
  content: "\f2ed";
}

.fa-trash-alt::before {
  content: "\f2ed";
}

.fa-trash-can-arrow-up::before {
  content: "\f82a";
}

.fa-trash-restore-alt::before {
  content: "\f82a";
}

.fa-tree::before {
  content: "\f1bb";
}

.fa-tree-city::before {
  content: "\e587";
}

.fa-triangle-exclamation::before {
  content: "\f071";
}

.fa-exclamation-triangle::before {
  content: "\f071";
}

.fa-warning::before {
  content: "\f071";
}

.fa-trophy::before {
  content: "\f091";
}

.fa-trowel::before {
  content: "\e589";
}

.fa-trowel-bricks::before {
  content: "\e58a";
}

.fa-truck::before {
  content: "\f0d1";
}

.fa-truck-arrow-right::before {
  content: "\e58b";
}

.fa-truck-droplet::before {
  content: "\e58c";
}

.fa-truck-fast::before {
  content: "\f48b";
}

.fa-shipping-fast::before {
  content: "\f48b";
}

.fa-truck-field::before {
  content: "\e58d";
}

.fa-truck-field-un::before {
  content: "\e58e";
}

.fa-truck-front::before {
  content: "\e2b7";
}

.fa-truck-medical::before {
  content: "\f0f9";
}

.fa-ambulance::before {
  content: "\f0f9";
}

.fa-truck-monster::before {
  content: "\f63b";
}

.fa-truck-moving::before {
  content: "\f4df";
}

.fa-truck-pickup::before {
  content: "\f63c";
}

.fa-truck-plane::before {
  content: "\e58f";
}

.fa-truck-ramp-box::before {
  content: "\f4de";
}

.fa-truck-loading::before {
  content: "\f4de";
}

.fa-tty::before {
  content: "\f1e4";
}

.fa-teletype::before {
  content: "\f1e4";
}

.fa-turkish-lira-sign::before {
  content: "\e2bb";
}

.fa-try::before {
  content: "\e2bb";
}

.fa-turkish-lira::before {
  content: "\e2bb";
}

.fa-turn-down::before {
  content: "\f3be";
}

.fa-level-down-alt::before {
  content: "\f3be";
}

.fa-turn-up::before {
  content: "\f3bf";
}

.fa-level-up-alt::before {
  content: "\f3bf";
}

.fa-tv::before {
  content: "\f26c";
}

.fa-television::before {
  content: "\f26c";
}

.fa-tv-alt::before {
  content: "\f26c";
}

.fa-u::before {
  content: "U";
}

.fa-umbrella::before {
  content: "\f0e9";
}

.fa-umbrella-beach::before {
  content: "\f5ca";
}

.fa-underline::before {
  content: "\f0cd";
}

.fa-universal-access::before {
  content: "\f29a";
}

.fa-unlock::before {
  content: "\f09c";
}

.fa-unlock-keyhole::before {
  content: "\f13e";
}

.fa-unlock-alt::before {
  content: "\f13e";
}

.fa-up-down::before {
  content: "\f338";
}

.fa-arrows-alt-v::before {
  content: "\f338";
}

.fa-up-down-left-right::before {
  content: "\f0b2";
}

.fa-arrows-alt::before {
  content: "\f0b2";
}

.fa-up-long::before {
  content: "\f30c";
}

.fa-long-arrow-alt-up::before {
  content: "\f30c";
}

.fa-up-right-and-down-left-from-center::before {
  content: "\f424";
}

.fa-expand-alt::before {
  content: "\f424";
}

.fa-up-right-from-square::before {
  content: "\f35d";
}

.fa-external-link-alt::before {
  content: "\f35d";
}

.fa-upload::before {
  content: "\f093";
}

.fa-user::before {
  content: "\f007";
}

.fa-user-astronaut::before {
  content: "\f4fb";
}

.fa-user-check::before {
  content: "\f4fc";
}

.fa-user-clock::before {
  content: "\f4fd";
}

.fa-user-doctor::before {
  content: "\f0f0";
}

.fa-user-md::before {
  content: "\f0f0";
}

.fa-user-gear::before {
  content: "\f4fe";
}

.fa-user-cog::before {
  content: "\f4fe";
}

.fa-user-graduate::before {
  content: "\f501";
}

.fa-user-group::before {
  content: "\f500";
}

.fa-user-friends::before {
  content: "\f500";
}

.fa-user-injured::before {
  content: "\f728";
}

.fa-user-large::before {
  content: "\f406";
}

.fa-user-alt::before {
  content: "\f406";
}

.fa-user-large-slash::before {
  content: "\f4fa";
}

.fa-user-alt-slash::before {
  content: "\f4fa";
}

.fa-user-lock::before {
  content: "\f502";
}

.fa-user-minus::before {
  content: "\f503";
}

.fa-user-ninja::before {
  content: "\f504";
}

.fa-user-nurse::before {
  content: "\f82f";
}

.fa-user-pen::before {
  content: "\f4ff";
}

.fa-user-edit::before {
  content: "\f4ff";
}

.fa-user-plus::before {
  content: "\f234";
}

.fa-user-secret::before {
  content: "\f21b";
}

.fa-user-shield::before {
  content: "\f505";
}

.fa-user-slash::before {
  content: "\f506";
}

.fa-user-tag::before {
  content: "\f507";
}

.fa-user-tie::before {
  content: "\f508";
}

.fa-user-xmark::before {
  content: "\f235";
}

.fa-user-times::before {
  content: "\f235";
}

.fa-users::before {
  content: "\f0c0";
}

.fa-users-between-lines::before {
  content: "\e591";
}

.fa-users-gear::before {
  content: "\f509";
}

.fa-users-cog::before {
  content: "\f509";
}

.fa-users-line::before {
  content: "\e592";
}

.fa-users-rays::before {
  content: "\e593";
}

.fa-users-rectangle::before {
  content: "\e594";
}

.fa-users-slash::before {
  content: "\e073";
}

.fa-users-viewfinder::before {
  content: "\e595";
}

.fa-utensils::before {
  content: "\f2e7";
}

.fa-cutlery::before {
  content: "\f2e7";
}

.fa-v::before {
  content: "V";
}

.fa-van-shuttle::before {
  content: "\f5b6";
}

.fa-shuttle-van::before {
  content: "\f5b6";
}

.fa-vault::before {
  content: "\e2c5";
}

.fa-vector-square::before {
  content: "\f5cb";
}

.fa-venus::before {
  content: "\f221";
}

.fa-venus-double::before {
  content: "\f226";
}

.fa-venus-mars::before {
  content: "\f228";
}

.fa-vest::before {
  content: "\e085";
}

.fa-vest-patches::before {
  content: "\e086";
}

.fa-vial::before {
  content: "\f492";
}

.fa-vial-circle-check::before {
  content: "\e596";
}

.fa-vial-virus::before {
  content: "\e597";
}

.fa-vials::before {
  content: "\f493";
}

.fa-video::before {
  content: "\f03d";
}

.fa-video-camera::before {
  content: "\f03d";
}

.fa-video-slash::before {
  content: "\f4e2";
}

.fa-vihara::before {
  content: "\f6a7";
}

.fa-virus::before {
  content: "\e074";
}

.fa-virus-covid::before {
  content: "\e4a8";
}

.fa-virus-covid-slash::before {
  content: "\e4a9";
}

.fa-virus-slash::before {
  content: "\e075";
}

.fa-viruses::before {
  content: "\e076";
}

.fa-voicemail::before {
  content: "\f897";
}

.fa-volcano::before {
  content: "\f770";
}

.fa-volleyball::before {
  content: "\f45f";
}

.fa-volleyball-ball::before {
  content: "\f45f";
}

.fa-volume-high::before {
  content: "\f028";
}

.fa-volume-up::before {
  content: "\f028";
}

.fa-volume-low::before {
  content: "\f027";
}

.fa-volume-down::before {
  content: "\f027";
}

.fa-volume-off::before {
  content: "\f026";
}

.fa-volume-xmark::before {
  content: "\f6a9";
}

.fa-volume-mute::before {
  content: "\f6a9";
}

.fa-volume-times::before {
  content: "\f6a9";
}

.fa-vr-cardboard::before {
  content: "\f729";
}

.fa-w::before {
  content: "W";
}

.fa-walkie-talkie::before {
  content: "\f8ef";
}

.fa-wallet::before {
  content: "\f555";
}

.fa-wand-magic::before {
  content: "\f0d0";
}

.fa-magic::before {
  content: "\f0d0";
}

.fa-wand-magic-sparkles::before {
  content: "\e2ca";
}

.fa-magic-wand-sparkles::before {
  content: "\e2ca";
}

.fa-wand-sparkles::before {
  content: "\f72b";
}

.fa-warehouse::before {
  content: "\f494";
}

.fa-water::before {
  content: "\f773";
}

.fa-water-ladder::before {
  content: "\f5c5";
}

.fa-ladder-water::before {
  content: "\f5c5";
}

.fa-swimming-pool::before {
  content: "\f5c5";
}

.fa-wave-square::before {
  content: "\f83e";
}

.fa-weight-hanging::before {
  content: "\f5cd";
}

.fa-weight-scale::before {
  content: "\f496";
}

.fa-weight::before {
  content: "\f496";
}

.fa-wheat-awn::before {
  content: "\e2cd";
}

.fa-wheat-alt::before {
  content: "\e2cd";
}

.fa-wheat-awn-circle-exclamation::before {
  content: "\e598";
}

.fa-wheelchair::before {
  content: "\f193";
}

.fa-wheelchair-move::before {
  content: "\e2ce";
}

.fa-wheelchair-alt::before {
  content: "\e2ce";
}

.fa-whiskey-glass::before {
  content: "\f7a0";
}

.fa-glass-whiskey::before {
  content: "\f7a0";
}

.fa-wifi::before {
  content: "\f1eb";
}

.fa-wifi-3::before {
  content: "\f1eb";
}

.fa-wifi-strong::before {
  content: "\f1eb";
}

.fa-wind::before {
  content: "\f72e";
}

.fa-window-maximize::before {
  content: "\f2d0";
}

.fa-window-minimize::before {
  content: "\f2d1";
}

.fa-window-restore::before {
  content: "\f2d2";
}

.fa-wine-bottle::before {
  content: "\f72f";
}

.fa-wine-glass::before {
  content: "\f4e3";
}

.fa-wine-glass-empty::before {
  content: "\f5ce";
}

.fa-wine-glass-alt::before {
  content: "\f5ce";
}

.fa-won-sign::before {
  content: "\f159";
}

.fa-krw::before {
  content: "\f159";
}

.fa-won::before {
  content: "\f159";
}

.fa-worm::before {
  content: "\e599";
}

.fa-wrench::before {
  content: "\f0ad";
}

.fa-x::before {
  content: "X";
}

.fa-x-ray::before {
  content: "\f497";
}

.fa-xmark::before {
  content: "\f00d";
}

.fa-close::before {
  content: "\f00d";
}

.fa-multiply::before {
  content: "\f00d";
}

.fa-remove::before {
  content: "\f00d";
}

.fa-times::before {
  content: "\f00d";
}

.fa-xmarks-lines::before {
  content: "\e59a";
}

.fa-y::before {
  content: "Y";
}

.fa-yen-sign::before {
  content: "\f157";
}

.fa-cny::before {
  content: "\f157";
}

.fa-jpy::before {
  content: "\f157";
}

.fa-rmb::before {
  content: "\f157";
}

.fa-yen::before {
  content: "\f157";
}

.fa-yin-yang::before {
  content: "\f6ad";
}

.fa-z::before {
  content: "Z";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/Content/sass/webfonts/fa-regular-400.woff2") format("woff2"), url("/Content/sass/webfonts/fa-regular-400.ttf") format("truetype");
}
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/Content/sass/webfonts/fa-solid-900.woff2") format("woff2"), url("/Content/sass/webfonts/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid,
.accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons .btn-accordion.open + div.accordion-image {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  box-shadow: none;
  min-width: unset;
}

.toast-top-center {
  top: 50%;
  right: 0;
  width: 100%;
  transform: translateY(-50%);
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #009933;
}

.toast-error {
  background-color: #E7004C;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  color: #636569;
}

h1,
h2,
h3,
h4,
.header {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #31006F;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.25em;
}

.mobile-only {
  display: none;
}

label.error, label.danger,
p.error,
p.danger,
span.error,
span.danger {
  color: #E7004C;
}
label.success, label.confirmed,
p.success,
p.confirmed,
span.success,
span.confirmed {
  color: #009933;
}
label.bold-label,
p.bold-label,
span.bold-label {
  font-size: 1.15em;
  font-weight: 600;
}

div.hidden-div {
  display: none;
}

.body-content {
  width: 100%;
  margin: 0;
  padding: 0 2.5rem;
  background-color: #FFFFFF;
}

.full-container {
  width: 100%;
  padding: 0.5rem 1.5rem;
  text-align: left;
}

/* master page stuffs */
.modalBackgroundMaster {
  background-color: #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modalPopupMaster {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  padding-top: 10px;
  padding-left: 8px;
  width: 500px;
  height: 700px;
  overflow: auto;
}
.modalPopupMaster .close {
  border: none;
  background-color: transparent;
  box-shadow: none;
  padding: 8px;
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  min-width: unset;
}
.modalPopupMaster .menu-content {
  clear: both;
  margin: 35px auto 8px auto;
  padding: 1rem 0.5rem;
  width: 85%;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.modalPopupMaster .menu-content .menu-item {
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 6px 0;
  background-color: transparent;
  clear: both;
  display: block;
  color: #FFFFFF;
  padding: 2px 8px;
}
.modalPopupMaster .menu-content .menu-item i {
  padding-right: 1rem;
}
.modalPopupMaster .menu-content .menu-item.closed {
  position: relative;
}
.modalPopupMaster .menu-content .menu-item.closed:after {
  position: absolute;
  font-size: 0.8em;
  width: 50%;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  content: "\f078";
  transform: translateX(100%);
}
.modalPopupMaster .menu-content .menu-item.open {
  position: relative;
}
.modalPopupMaster .menu-content .menu-item.open:after {
  position: absolute;
  font-size: 0.8em;
  width: 50%;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  content: "\f077";
  transform: translateX(100%);
}
.modalPopupMaster .menu-content .sub-menu {
  padding-left: 2rem;
}
.modalPopupMaster .menu-content .sub-menu .menu-item {
  color: #9F9F9F;
}

.tooltipper title {
  display: inline-block;
}
.tooltipper:hover {
  cursor: pointer;
}

.modalBackground {
  background-color: #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modalPopup {
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #31006F;
  padding: 1.2rem;
  overflow: hidden;
  overflow-y: auto;
}
.modalPopup .close {
  border: none;
  background-color: transparent;
  box-shadow: none;
  padding: 8px;
  color: #31006F;
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  min-width: unset;
}
.modalPopup.small {
  width: 300px;
  height: 300px;
}
.modalPopup.medium {
  width: 500px;
  height: 500px;
}
.modalPopup.large {
  width: 800px;
  height: 700px;
}
.modalPopup.xlarge {
  width: 900px;
  height: 800px;
}
.modalPopup.taller {
  height: 400px;
}
.modalPopup.tall {
  height: 630px;
}
.modalPopup.error .modal-content {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  border: none;
  background-color: transparent;
}
.modalPopup.error .modal-content h3 {
  font-size: 1.8em;
  color: #30475E;
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 1rem;
}
.modalPopup.error .modal-content h3:after {
  content: " ";
  border-bottom: 1px solid #31006F;
  position: absolute;
  bottom: -8px;
  left: 0;
  margin: 0 auto;
  width: 100%;
}
.modalPopup.error .modal-content p {
  color: #31006F;
  text-align: left;
  font-size: 1.1em;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000;
  z-index: 998;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  height: 100vh;
  width: 100vw;
}

.loading {
  font-family: Arial;
  font-size: 10pt;
  border: none;
  width: 200px;
  height: 100px;
  display: none;
  position: fixed;
  background-color: transparent;
  z-index: 999;
}

#dvNavSmall {
  width: 100%;
  height: 100px;
  background-color: #31006F;
  position: relative;
  background-size: cover;
}
#dvNavSmall div {
  text-align: center;
  width: 100%;
  height: 100%;
}
#dvNavSmall div #btnMenuSmall {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: transparent;
}
#dvNavSmall div img {
  width: 80px;
  height: 80px;
  margin: 0.25rem auto;
}
#dvNavSmall div #btnCrisisSmall {
  position: absolute;
  top: 1.4rem;
  right: 10px;
  box-shadow: none;
}

input[type=text],
input[type=date],
input[type=checkbox],
input[type=password],
select,
textarea,
input[type=number] {
  display: block;
  padding: 4px;
  border-radius: 6px;
  margin: 4px;
  border: 1px solid #9F9F9F;
  color: #31006F;
  min-height: 40px;
}
input[type=text].invalid,
input[type=date].invalid,
input[type=checkbox].invalid,
input[type=password].invalid,
select.invalid,
textarea.invalid,
input[type=number].invalid {
  border: 1px solid #E7004C;
  background-color: rgba(231, 0, 76, 0.1254901961);
}
input[type=text][disabled],
input[type=date][disabled],
input[type=checkbox][disabled],
input[type=password][disabled],
select[disabled],
textarea[disabled],
input[type=number][disabled] {
  background-color: #c9c9c9;
  color: #636569;
  cursor: not-allowed;
}

input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 8px;
  border-radius: 3px;
  border: 1px solid #9F9F9F;
}

textarea {
  width: 350px;
  height: 120px;
}

button,
input[type=button],
input[type=submit],
.btn {
  background-color: #9e70ff;
  color: #FFFFFF;
  padding: 4px 10px;
  border: 1px solid #9e70ff;
  border-radius: 6px;
  min-width: 100px;
  text-decoration: none;
  box-shadow: 2px 2px 8px #aaaaaa;
  font-size: 1em;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.btn:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.error, button.danger,
input[type=button].error,
input[type=button].danger,
input[type=submit].error,
input[type=submit].danger,
.btn.error,
.btn.danger {
  background-color: #E7004C;
  color: #FFFFFF;
  border-color: #E7004C;
}
button.error:hover, button.danger:hover,
input[type=button].error:hover,
input[type=button].danger:hover,
input[type=submit].error:hover,
input[type=submit].danger:hover,
.btn.error:hover,
.btn.danger:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.confirm, button.success,
input[type=button].confirm,
input[type=button].success,
input[type=submit].confirm,
input[type=submit].success,
.btn.confirm,
.btn.success {
  background-color: #009933;
  color: #FFFFFF;
}
button.confirm:hover, button.success:hover,
input[type=button].confirm:hover,
input[type=button].success:hover,
input[type=submit].confirm:hover,
input[type=submit].success:hover,
.btn.confirm:hover,
.btn.success:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.exabs,
input[type=button].exabs,
input[type=submit].exabs,
.btn.exabs {
  background-color: #10d004;
}
button.exabs:hover,
input[type=button].exabs:hover,
input[type=submit].exabs:hover,
.btn.exabs:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.unlate,
input[type=button].unlate,
input[type=submit].unlate,
.btn.unlate {
  background-color: #c0d00b;
}
button.unlate:hover,
input[type=button].unlate:hover,
input[type=submit].unlate:hover,
.btn.unlate:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.warning,
input[type=button].warning,
input[type=submit].warning,
.btn.warning {
  background-color: #FFFF00;
  color: #000000;
}
button.warning:hover,
input[type=button].warning:hover,
input[type=submit].warning:hover,
.btn.warning:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button.normal-gray,
input[type=button].normal-gray,
input[type=submit].normal-gray,
.btn.normal-gray {
  background-color: #aaaaaa;
}
button.normal-gray:hover,
input[type=button].normal-gray:hover,
input[type=submit].normal-gray:hover,
.btn.normal-gray:hover {
  background-color: #FFFFFF;
  color: #31006F;
}
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
.btn:disabled {
  background-color: #aaaaaa;
  color: #636569;
  border-color: #aaaaaa;
  cursor: not-allowed;
}
button.btn-as-link,
input[type=button].btn-as-link,
input[type=submit].btn-as-link,
.btn.btn-as-link {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #31006F;
  min-width: unset;
  padding: 4px 8px;
  white-space: normal;
}
button.btn-as-link:hover,
input[type=button].btn-as-link:hover,
input[type=submit].btn-as-link:hover,
.btn.btn-as-link:hover {
  text-decoration: underline;
}
button.btn-as-link:disabled,
input[type=button].btn-as-link:disabled,
input[type=submit].btn-as-link:disabled,
.btn.btn-as-link:disabled {
  background-color: transparent;
  color: #aaaaaa;
  cursor: not-allowed;
}
button.btn-as-link:disabled:hover,
input[type=button].btn-as-link:disabled:hover,
input[type=submit].btn-as-link:disabled:hover,
.btn.btn-as-link:disabled:hover {
  text-decoration: none;
}
button.btn-as-link .fa-solid, button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons button.btn-as-link .btn-accordion.closed + div.accordion-image, button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons button.btn-as-link .btn-accordion.open + div.accordion-image,
input[type=button].btn-as-link .fa-solid,
input[type=button].btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons input[type=button].btn-as-link .btn-accordion.closed + div.accordion-image,
input[type=button].btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons input[type=button].btn-as-link .btn-accordion.open + div.accordion-image,
input[type=submit].btn-as-link .fa-solid,
input[type=submit].btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons input[type=submit].btn-as-link .btn-accordion.closed + div.accordion-image,
input[type=submit].btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons input[type=submit].btn-as-link .btn-accordion.open + div.accordion-image,
.btn.btn-as-link .fa-solid,
.btn.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons .btn.btn-as-link .btn-accordion.closed + div.accordion-image,
.btn.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons .btn.btn-as-link .btn-accordion.open + div.accordion-image {
  padding: 0 0.5rem;
}
button.btn-as-link.danger .fa-solid, button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons button.btn-as-link.danger .btn-accordion.closed + div.accordion-image, button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons button.btn-as-link.danger .btn-accordion.open + div.accordion-image,
input[type=button].btn-as-link.danger .fa-solid,
input[type=button].btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons input[type=button].btn-as-link.danger .btn-accordion.closed + div.accordion-image,
input[type=button].btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons input[type=button].btn-as-link.danger .btn-accordion.open + div.accordion-image,
input[type=submit].btn-as-link.danger .fa-solid,
input[type=submit].btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons input[type=submit].btn-as-link.danger .btn-accordion.closed + div.accordion-image,
input[type=submit].btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons input[type=submit].btn-as-link.danger .btn-accordion.open + div.accordion-image,
.btn.btn-as-link.danger .fa-solid,
.btn.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image,
.accordion-buttons .btn.btn-as-link.danger .btn-accordion.closed + div.accordion-image,
.btn.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image,
.accordion-buttons .btn.btn-as-link.danger .btn-accordion.open + div.accordion-image {
  color: #E7004C;
}
button.external-linker i,
input[type=button].external-linker i,
input[type=submit].external-linker i,
.btn.external-linker i {
  padding: 0 0.5rem;
  font-size: 0.7em;
  vertical-align: super;
}
button.external-linker i:after,
input[type=button].external-linker i:after,
input[type=submit].external-linker i:after,
.btn.external-linker i:after {
  font-weight: 600;
}

.accordion-buttons {
  padding: 2px 0;
  text-align: center;
  clear: both;
  width: 85%;
  margin: 8px auto;
  overflow: hidden;
  border-bottom: 1px solid #31006F;
  cursor: pointer;
}
.accordion-buttons .btn-accordion {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #31006F;
  float: left;
  text-align: left;
}
.accordion-buttons .btn-accordion.open + div.accordion-image {
  /*background-image: url('/Images/ic_expand_less_black_24dp.png')*/
}
.accordion-buttons .btn-accordion.open + div.accordion-image::before {
  content: "\f077";
}
.accordion-buttons .btn-accordion.closed + div.accordion-image {
  /*background-image: url('/Images/ic_expand_more_black_24dp.png');*/
}
.accordion-buttons .btn-accordion.closed + div.accordion-image::before {
  content: "\f078";
}
.accordion-buttons .btn-accordion:hover {
  text-decoration: underline;
}
.accordion-buttons .accordion-image {
  float: right;
  margin-right: 1rem;
  width: 32px;
  height: 32px;
  background-size: contain;
}

.input-container {
  padding: 2px 0;
  text-align: center;
  clear: both;
  width: 60%;
  margin: 10px auto;
  overflow: visible;
  min-height: 50px;
}
.input-container > label,
.input-container > span {
  width: 50%;
  float: left;
  text-align: right;
  padding: 6px 15px;
}
.input-container > label.short,
.input-container > span.short {
  max-width: 60px;
}
.input-container input[type=text],
.input-container input[type=date],
.input-container select,
.input-container textarea,
.input-container input[type=number] {
  width: 25%;
  float: left;
  margin-left: 10px;
  display: inline-block;
}
.input-container input[type=text].short,
.input-container input[type=date].short,
.input-container select.short,
.input-container textarea.short,
.input-container input[type=number].short {
  max-width: 100px;
}
.input-container input[type=text].medium,
.input-container input[type=date].medium,
.input-container select.medium,
.input-container textarea.medium,
.input-container input[type=number].medium {
  max-width: 150px;
}
.input-container input[type=text] + input[type=text],
.input-container input[type=text] + input[type=number],
.input-container input[type=text] + input[type=password],
.input-container input[type=text] + select,
.input-container input[type=date] + input[type=text],
.input-container input[type=date] + input[type=number],
.input-container input[type=date] + input[type=password],
.input-container input[type=date] + select,
.input-container select + input[type=text],
.input-container select + input[type=number],
.input-container select + input[type=password],
.input-container select + select,
.input-container textarea + input[type=text],
.input-container textarea + input[type=number],
.input-container textarea + input[type=password],
.input-container textarea + select,
.input-container input[type=number] + input[type=text],
.input-container input[type=number] + input[type=number],
.input-container input[type=number] + input[type=password],
.input-container input[type=number] + select {
  float: left;
  max-width: 25%;
  margin-left: 8px;
}
.input-container textarea {
  width: 45%;
  clear: right;
}
.input-container input[type=checkbox] {
  float: left;
  margin: 0;
}
.input-container button,
.input-container input[type=button],
.input-container input[type=submit],
.input-container .btn {
  /*float: right;*/
}
.input-container button.btn-as-input,
.input-container input[type=button].btn-as-input,
.input-container input[type=submit].btn-as-input,
.input-container .btn.btn-as-input {
  background-color: #FFFFFF;
  border-color: #31006F;
  float: left;
  margin-left: 10px;
  min-width: 20%;
}
.input-container.buttons {
  padding: 9px 0;
}
.input-container.buttons button,
.input-container.buttons input[type=button],
.input-container.buttons input[type=submit],
.input-container.buttons .btn {
  float: none;
  margin: 0 auto;
}
.input-container.buttons button + button,
.input-container.buttons button + input[type=button],
.input-container.buttons button + input[type=submit],
.input-container.buttons button + .btn,
.input-container.buttons input[type=button] + button,
.input-container.buttons input[type=button] + input[type=button],
.input-container.buttons input[type=button] + input[type=submit],
.input-container.buttons input[type=button] + .btn,
.input-container.buttons input[type=submit] + button,
.input-container.buttons input[type=submit] + input[type=button],
.input-container.buttons input[type=submit] + input[type=submit],
.input-container.buttons input[type=submit] + .btn,
.input-container.buttons .btn + button,
.input-container.buttons .btn + input[type=button],
.input-container.buttons .btn + input[type=submit],
.input-container.buttons .btn + .btn {
  margin-left: 8px;
}
.input-container.wrapped-button {
  padding: 12px 0;
}
.input-container.wrapped-button button,
.input-container.wrapped-button input[type=button],
.input-container.wrapped-button input[type=submit],
.input-container.wrapped-button .btn {
  clear: both;
  float: none;
  margin: 0 auto;
  display: block;
  transform: translateY(0.25rem);
}
.input-container.wrapped-button button + button,
.input-container.wrapped-button button + input[type=button],
.input-container.wrapped-button button + input[type=submit],
.input-container.wrapped-button button + .btn,
.input-container.wrapped-button input[type=button] + button,
.input-container.wrapped-button input[type=button] + input[type=button],
.input-container.wrapped-button input[type=button] + input[type=submit],
.input-container.wrapped-button input[type=button] + .btn,
.input-container.wrapped-button input[type=submit] + button,
.input-container.wrapped-button input[type=submit] + input[type=button],
.input-container.wrapped-button input[type=submit] + input[type=submit],
.input-container.wrapped-button input[type=submit] + .btn,
.input-container.wrapped-button .btn + button,
.input-container.wrapped-button .btn + input[type=button],
.input-container.wrapped-button .btn + input[type=submit],
.input-container.wrapped-button .btn + .btn {
  margin-left: 8px;
}
.input-container.info {
  padding: 0;
}
.input-container.info label,
.input-container.info span {
  width: 25%;
  display: inline-block;
  float: none;
  text-align: right;
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.input-container.info label + label,
.input-container.info label + span,
.input-container.info span + label,
.input-container.info span + span {
  text-align: left;
  font-weight: normal;
}
.input-container.info label + input[type=submit],
.input-container.info label + button,
.input-container.info label + .btn,
.input-container.info span + input[type=submit],
.input-container.info span + button,
.input-container.info span + .btn {
  margin-left: 10px;
}
.input-container.flowing {
  padding-left: 3.5rem;
  padding-right: 1rem;
}
.input-container.flowing * {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 2px 10px;
  padding: 4px;
}
.input-container.flowing label,
.input-container.flowing span {
  padding: 8px 4px;
}
.input-container.required label,
.input-container.required span {
  position: relative;
}
.input-container.required label::after,
.input-container.required span::after {
  position: absolute;
  right: 8px;
  top: 4px;
  content: "*";
}

.time-container {
  padding: 2px 0;
  text-align: center;
  clear: both;
  width: 50%;
  margin: 8px auto;
  margin-left: calc(50% + 10px);
  overflow: hidden;
}
.time-container label,
.time-container span {
  width: 50%;
  display: block;
  float: left;
  text-align: right;
  padding: 6px 15px;
}
.time-container input[type=text],
.time-container input[type=number],
.time-container select {
  width: 60px;
  float: left;
  margin: 0 8px 0 0;
}
.time-container input[type=text] + span,
.time-container input[type=number] + span,
.time-container select + span {
  position: relative;
  float: left;
  width: 35px;
}
.time-container input[type=text] + span:before,
.time-container input[type=number] + span:before,
.time-container select + span:before {
  content: " : ";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(10px);
  font-weight: 500;
  font-size: 1.45em;
}

.range-container {
  padding: 2px 0;
  text-align: center;
  clear: both;
  width: 60%;
  margin: 8px auto;
  overflow: hidden;
}
.range-container label,
.range-container span {
  width: 50%;
  display: block;
  float: left;
  text-align: right;
  padding: 6px 15px;
}
.range-container input[type=text],
.range-container input[type=number],
.range-container select {
  width: 100px;
  float: left;
  margin: 0 8px 0 0;
}
.range-container input[type=text] + span,
.range-container input[type=number] + span,
.range-container select + span {
  position: relative;
  float: left;
  width: 35px;
}
.range-container input[type=text] + span:before,
.range-container input[type=number] + span:before,
.range-container select + span:before {
  content: " - ";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(10px);
  font-weight: 500;
  font-size: 1.45em;
}

.action-option {
  text-align: center;
  width: 100%;
  padding: 0.5rem;
}
.action-option input[type=text],
.action-option input[type=number],
.action-option select,
.action-option textarea,
.action-option label,
.action-option span {
  width: 25%;
  display: inline-block;
  margin: 0 0.5rem;
}
.action-option input[type=text].short,
.action-option input[type=number].short,
.action-option select.short,
.action-option textarea.short,
.action-option label.short,
.action-option span.short {
  max-width: 60px;
}
.action-option button,
.action-option input[type=button],
.action-option input[type=submit],
.action-option .btn {
  display: inline-block;
  margin: 0 0.5rem;
}
.action-option.checkboxes {
  text-align: center;
}
.action-option.checkboxes label,
.action-option.checkboxes span,
.action-option.checkboxes input[type=checkbox] {
  display: inline-block;
  margin: 0 0.25rem;
}
.action-option.checkboxes label,
.action-option.checkboxes span {
  padding: 0.25rem 0;
  width: auto;
  transform: translateY(-10px);
}

.modalPopup .input-container {
  width: 100%;
  padding: 0.5rem 1rem;
}
.modalPopup .input-container > label,
.modalPopup .input-container > span {
  width: 35%;
}
.modalPopup .input-container input[type=text],
.modalPopup .input-container input[type=date],
.modalPopup .input-container select,
.modalPopup .input-container textarea,
.modalPopup .input-container input[type=number] {
  width: 45%;
}
.modalPopup .input-container input[type=text] + input[type=text],
.modalPopup .input-container input[type=text] + input[type=number],
.modalPopup .input-container input[type=text] + input[type=password],
.modalPopup .input-container input[type=text] + select,
.modalPopup .input-container input[type=date] + input[type=text],
.modalPopup .input-container input[type=date] + input[type=number],
.modalPopup .input-container input[type=date] + input[type=password],
.modalPopup .input-container input[type=date] + select,
.modalPopup .input-container select + input[type=text],
.modalPopup .input-container select + input[type=number],
.modalPopup .input-container select + input[type=password],
.modalPopup .input-container select + select,
.modalPopup .input-container textarea + input[type=text],
.modalPopup .input-container textarea + input[type=number],
.modalPopup .input-container textarea + input[type=password],
.modalPopup .input-container textarea + select,
.modalPopup .input-container input[type=number] + input[type=text],
.modalPopup .input-container input[type=number] + input[type=number],
.modalPopup .input-container input[type=number] + input[type=password],
.modalPopup .input-container input[type=number] + select {
  clear: both;
  margin-left: calc(35% + 10px);
  max-width: 45%;
}
.modalPopup .input-container.flowing {
  padding-left: 3.5rem;
}
.modalPopup .grid-view-container {
  width: 95%;
  margin: 0 auto;
  max-height: 75%;
  overflow-y: auto;
}
.modalPopup .time-container {
  margin-left: calc(35% + 10px);
}
.modalPopup .time-container input[type=text],
.modalPopup .time-container input[type=number],
.modalPopup .time-container select {
  width: 60px;
}
.modalPopup .time-container input[type=text] + span,
.modalPopup .time-container input[type=number] + span,
.modalPopup .time-container select + span {
  position: relative;
  float: left;
  width: 35px;
}
.modalPopup .time-container input[type=text] + span:before,
.modalPopup .time-container input[type=number] + span:before,
.modalPopup .time-container select + span:before {
  content: " : ";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(10px);
  font-weight: 500;
  font-size: 1.45em;
}

.table thead tr {
  color: #FFFFFF;
  background-color: #30475E;
}
.table thead tr th {
  font-weight: 700;
  text-align: center;
  padding: 3px 6px;
}
.table tbody tr th {
  color: #FFFFFF;
  background-color: #30475E;
  font-weight: 700;
  text-align: center;
  padding: 3px 6px;
  font-size: 1.15em;
}
.table tbody tr th.checkbox {
  width: 60px !important;
  text-align: center;
}
.table tbody tr td {
  font-size: 1em;
  padding: 3px 6px;
  color: #000000;
  text-align: center;
}
.table tbody tr td.checkbox {
  width: 60px !important;
  text-align: center;
}
.table tbody tr td.checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.table tbody tr td select,
.table tbody tr td input[type=text],
.table tbody tr td input[type=number] {
  border: 1px solid #31006F;
  border-radius: 5px;
  color: #31006F;
  background-color: #FFFFFF;
}
.table tbody tr td input[type=image] {
  width: 28px;
  height: 28px;
}
.table tbody tr td .student-photo {
  max-height: 50px;
}
.table tbody tr:nth-child(even) td {
  background-color: #CCCCCC;
}
.table tbody tr:nth-child(odd) td {
  background-color: #F7F6F3;
}

.full-calendar {
  width: 350px;
  height: 150px;
  margin: 10px auto;
  border: 1px solid #31006F;
  border-collapse: collapse;
}
.full-calendar tr th {
  color: #31006F;
}
.full-calendar tr td {
  background-color: #aaaaaa;
}
.full-calendar .calendar-day {
  color: #31006F;
}
.full-calendar .calendar-other-month {
  color: #777777;
}
.full-calendar .calendar-other-month a {
  color: #777777 !important;
}
.full-calendar .calendar-other-month a:hover {
  color: #31006F;
}
.full-calendar .calendar-title {
  background-color: #31006F;
  color: #FFFFFF;
}
.full-calendar .calendar-title tr td {
  background-color: #31006F;
  text-align: center;
  padding: 3px;
}
.full-calendar .calendar-title tr td a {
  color: #FFFFFF !important;
}
.full-calendar .calendar-title tr td a:hover {
  color: #FFFFFF;
}
.full-calendar .calendar-selected-day {
  background-color: #9F9F9F;
  color: #FFFFFF;
}

.shield-form {
  width: 60%;
  margin: 0 auto;
}
.shield-form .shield-form-group {
  width: 100%;
  display: block;
  min-height: 50px;
  clear: both;
  margin: 10px 0;
  padding: 5px 8px;
}
.shield-form .shield-form-group label,
.shield-form .shield-form-group span {
  width: 40%;
  float: left;
  text-align: right;
  margin-right: 22px;
  padding: 8px;
}
.shield-form .shield-form-group .shield-form-control {
  display: block;
  padding: 4px;
  border-radius: 6px;
  margin: 4px;
  border: 1px solid #9F9F9F;
  color: #31006F;
  min-height: 40px;
  width: 42%;
  float: left;
}
.shield-form .shield-form-group .shield-form-control.invalid {
  border: 1px solid #E7004C;
  background-color: rgba(231, 0, 76, 0.1254901961);
}
.shield-form .shield-form-group .shield-form-control[disabled] {
  background-color: #c9c9c9;
  color: #636569;
  cursor: not-allowed;
}

.centered {
  text-align: center;
}
.centered > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

.left-aligned {
  text-align: left;
}

.right-aligned {
  text-align: right;
}

.large-font {
  font-size: 1.5em;
}

.hidden {
  display: none;
}

@keyframes pulse {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.endorsement-selector {
  padding: 10px 0 20px;
  width: 75%;
  margin: 0 auto;
}

.chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1.5px solid #d1d5db;
  background: #f9fafb;
  color: #6b7280;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.chip:hover {
  border-color: #9ca3af;
  color: #374151;
}

.chip.selected {
  background: #f0fdf4;
  border-color: #86efac;
  color: #166534;
}

.chip-check {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4ade80;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.chip-check svg {
  width: 9px;
  height: 9px;
}

.chip.selected .chip-check {
  display: flex;
}

.endorsement-summary {
  margin-top: 12px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.summary-count {
  font-size: 14px;
  font-weight: 600;
  color: #166534;
  display: block;
  margin-bottom: 8px;
}

.summary-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.summary-tag {
  font-size: 12px;
  padding: 3px 10px;
  background: #dcfce7;
  border-radius: 999px;
  color: #166534;
  border: 1px solid #bbf7d0;
}

@media (max-width: 767px) {
  .chip-grid {
    gap: 6px;
  }
  .chip {
    padding: 6px 12px;
    font-size: 13px;
  }
  .endorsement-summary {
    padding: 10px 12px;
  }
}
.ai-chat-container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}

.ai-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #4c1d95;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ai-bubble {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0 12px 12px 12px;
  padding: 14px 16px;
  max-width: 85%;
  flex: 1;
}

.ai-label {
  font-size: 11px;
  font-weight: 600;
  color: #4c1d95;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ai-message {
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
}

.ai-chips-container {
  padding-left: 48px;
}

.ai-chip-label {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 10px;
}

.ai-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.ai-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1.5px solid #d1d5db;
  background: #f9fafb;
  color: #374151;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
  font-family: Arial, sans-serif;
}

.ai-chip:hover {
  border-color: #7c3aed;
  color: #4c1d95;
  background: #ede9ff;
}

.ai-chip.primary {
  background: #4c1d95;
  border-color: #4c1d95;
  color: #ffffff;
}

.ai-chip.primary:hover {
  background: #3b1478;
  border-color: #3b1478;
  color: #ffffff;
}

.ai-chip.secondary {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #6b7280;
}

.ai-chip-btn {
  background: #4c1d95 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  margin-top: 8px;
}

.ai-action-section {
  margin-bottom: 16px;
}

.ai-loading {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 14px;
  background: #f3f4f6;
  border-radius: 8px;
}

.ai-loading-text {
  font-size: 13px;
  color: #6b7280;
  font-style: italic;
}

.loading-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7c3aed;
  animation: pulse 1.2s infinite;
}

.loading-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.loading-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@media (max-width: 767px) {
  body {
    color: #000000;
    background-color: #31006f;
    /*.body-content::before {
        content: "";
        position: fixed;
        left: 0;
        top: -10%;
        width: 100%;
        height: 50%;
        background-color: $primary-color;
        clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
        z-index: -1;
    }*/
  }
  body .mobile-only {
    display: block;
  }
  body .mobile-hide {
    display: none;
  }
  body .body-content {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #31006f;
    z-index: 0;
  }
}
@media (max-width: 767px) and (prefers-color-scheme: dark) {
  body .body-content {
    background-color: #000000;
  }
}
@media (max-width: 767px) {
  body .loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  body .spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  body h1,
  body h2,
  body h3,
  body h4,
  body .header {
    color: #FFFFFF;
  }
  body button,
  body input[type=button],
  body input[type=submit],
  body .btn {
    z-index: 10;
    box-shadow: 2px 2px 10px #9F9F9F;
    /*border-color: $white;*/
  }
  body button.danger,
  body input[type=button].danger,
  body input[type=submit].danger,
  body .btn.danger {
    /*border-color: $white;*/
  }
  body button.btn-as-link,
  body input[type=button].btn-as-link,
  body input[type=submit].btn-as-link,
  body .btn.btn-as-link {
    color: #000000;
    text-decoration: underline;
  }
  body button.btn-as-link:hover,
  body input[type=button].btn-as-link:hover,
  body input[type=submit].btn-as-link:hover,
  body .btn.btn-as-link:hover {
    color: #9F9F9F;
    text-decoration: none;
  }
  body button.btn-as-link:disabled,
  body input[type=button].btn-as-link:disabled,
  body input[type=submit].btn-as-link:disabled,
  body .btn.btn-as-link:disabled {
    text-decoration: none;
  }
  body .modalPopupMaster {
    width: 90%;
  }
  body .modalPopup {
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  body .modalPopup h2 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .modalPopup h3 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .modalPopup .close {
    color: #000000;
  }
  body .modalPopup.small {
    height: 250px;
    width: 90%;
  }
  body .modalPopup.medium, body .modalPopup.large {
    width: 90%;
  }
  body .modalPopup.medium .input-container label, body .modalPopup.large .input-container label {
    margin: auto;
  }
  body .modalPopup.taller {
    height: 400px;
  }
  body .modalPopup.tall {
    height: 630px;
  }
  body .modalPopup.tall .input-container span {
    margin: auto;
  }
  body .modalPopup.tall .grid-view-container {
    width: 75%;
  }
  body .modalPopup.tall h3 {
    width: auto;
    margin: auto;
    text-align: center;
  }
  body .modalPopup.tall .search-options .input-container label {
    margin: auto;
  }
  body .modalPopup.error .modal-content {
    border: none;
    background-color: transparent;
  }
  body .modalPopup.error .modal-content h3 {
    color: #000000;
  }
  body .modalPopup.error .modal-content h3:after {
    border-bottom: 1px solid #000000;
  }
  body .modalPopup.error .modal-content p {
    color: #000000;
    text-align: left;
    font-size: 1.1em;
  }
  body .modalPopup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 95%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .modalPopup select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body #dvNavSmall {
    z-index: 10;
    border-bottom: 2px solid #000000;
  }
  body #dvNavSmall div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body #dvNavSmall div #btnMenuSmall {
    max-height: 36px;
    transform: translate(1rem, 1.5rem);
  }
  body #dvNavSmall div img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    order: 2;
  }
  body #dvNavSmall div #btnCrisisSmall {
    float: right;
    margin-right: 10px;
    box-shadow: none;
    transform: translate(-0.25rem, 1.25rem);
    font-size: 0.85em;
    min-width: unset;
    width: 75px;
    white-space: normal;
    text-align: center;
    order: 3;
  }
  body #dvNavSmall div #btnCrisisBlank {
    float: right;
    margin-right: 10px;
    box-shadow: none;
    transform: translate(-0.25rem, 1.25rem);
    font-size: 0.85em;
    min-width: unset;
    width: 75px;
    white-space: normal;
    text-align: center;
  }
  body .login-container {
    height: 844px;
  }
  body .login-container .leftHalf {
    background-color: transparent;
    width: 100%;
    position: absolute;
    left: 0px;
    height: 60%;
    opacity: 100;
    clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
  }
  body .login-container .leftHalf.login-logo {
    text-align: center;
  }
  body .login-container .leftHalf.login-logo .login-logo-image {
    margin: 2rem auto;
    width: 150px;
    height: 150px;
  }
  body .login-container .rightHalf {
    background-color: transparent;
    position: absolute;
    bottom: 14%;
    left: 0;
    width: 100%;
    height: 30%;
  }
  body .login-container .rightHalf .login {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  body .login-container .rightHalf .login input[type=text],
  body .login-container .rightHalf .login input[type=password] {
    margin: 8px auto;
  }
  body .login-container .rightHalf .login input[type=button],
  body .login-container .rightHalf .login input[type=submit] {
    margin: 15px auto;
  }
  body .changeLanguage {
    position: fixed;
    right: 10px;
    bottom: 50px;
    display: flex;
    align-items: center;
    z-index: 1000;
  }
  body .changeLanguage span, body .changeLanguage select {
    margin-right: 10px;
  }
  body .changeLanguage span {
    color: white;
  }
  body .changeLanguage select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 125px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .changeLanguage select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body div.section-container {
    width: 100%;
    padding: 3rem 1rem;
    background-color: transparent;
    text-align: center;
  }
  body div.section-container h2 {
    width: 100%;
    text-align: center;
    margin: 10px 0 30px 0;
    font-size: 1.6em;
    font-weight: 500;
    position: relative;
  }
  body div.section-container h2:after {
    content: " ";
    border-bottom: 1px solid #aaaaaa;
    position: absolute;
    bottom: -8px;
    left: 0;
    transform: translateX(50%);
    margin: 0 auto;
    width: 50%;
  }
  body div.section-container .search-options {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  body div.section-container .input-container-group {
    max-height: 275px;
    width: 100%;
    margin-top: 10px;
    overflow: auto;
  }
  body .selectInstitution-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .selectInstitution-container > label,
  body .selectInstitution-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #FFFFFF;
  }
  body .selectInstitution-container .wide {
    width: 100%;
  }
  body .selectInstitution-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .selectInstitution-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-help {
    display: block;
    margin: 10px auto;
  }
  body .accordion-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  body .accordion-buttons .accordion-icon {
    font-size: 24px;
  }
  body .accordion-buttons .accordion-icon i.fa-solid {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
  }
  body .accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body .ICN-title {
    color: #FFFFFF;
  }
  body .CAD-counts {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .CAD-counts .btn-as-link {
    color: #FFFFFF;
  }
  body .MPI-shield-form-group {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  body .MPI-shield-form-group > label,
  body .MPI-shield-form-group > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .MPI-shield-form-group input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .MPI-shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MPI-shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .MPI-tag, body .MPI-link {
    display: flex;
    flex-direction: column;
  }
  body .MPI-tag span, body .MPI-tag input[type=submit], body .MPI-link span, body .MPI-link input[type=submit] {
    color: #FFFFFF;
    margin: 20px auto;
  }
  body .MPI-tag .btn-as-link, body .MPI-link .btn-as-link {
    color: #FFFFFF;
  }
  body .MG-accordion-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  body .MG-accordion-buttons .accordion-icon {
    font-size: 24px;
  }
  body .MG-accordion-buttons .accordion-icon i.fa-solid {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
    box-shadow: none;
  }
  body .MG-accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .MG-accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body .MG-search input[type=text] {
    margin: 20px auto;
    width: 250px;
  }
  body .MG-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MG-search select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .accordion-dropdown {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  body .accordion-dropdown .APP-period {
    color: #000000;
  }
  body .accordion-dropdown .APP-dropdown-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px 10px;
  }
  body .accordion-dropdown .APP-dropdown-input-container button,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button],
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit],
  body .accordion-dropdown .APP-dropdown-input-container .btn {
    clear: both;
  }
  body .accordion-dropdown .APP-dropdown-input-container button.btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    color: #31006f;
    clear: none;
    width: 125px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .APP-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .APP-input-container > label,
  body .APP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #FFFFFF;
  }
  body .APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .SS-search-options {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin: 5px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 75%;
  }
  body .CICO-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CICO-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body table,
  body .table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    margin: 0 auto;
  }
  body table tr th,
  body .table tr th {
    text-align: center;
  }
  body .checkin-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.6em;
    border-radius: 10px;
  }
  body .checkin-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .checkin-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .checkin-grid-view-container div table th, body .checkin-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .checkin-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .checkin-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .checkin-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .checkin-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .checkin-grid-view-container table th:last-child, body .checkin-grid-view-container table td:last-child {
    width: 25px !important;
  }
  body .checkin-grid-view-container table tr td:last-child input[type=image] {
    width: 15px;
    height: 15px;
  }
  body .PA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .PA-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .PA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .PA-grid-view-container div table th, body .PA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .PA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .Dep-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .Dep-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .dep-input-container {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    padding: 10px;
  }
  body .dep-input-container label > span {
    margin-right: 10px;
    flex: 0 1 auto;
    text-align: left;
    padding: 6px 15px;
    display: inline-block;
  }
  body .dep-input-container .ohw {
    width: 100px;
  }
  body .dep-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    flex-grow: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .dep-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .Groups-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
  }
  body .Groups-dropdown-container .Groups-group {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .GB-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GB-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .gb-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .gb-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .gb-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .gb-grid-view-container div table th, body .gb-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .gb-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .gb-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .gb-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon label, body .gb-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .gb-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .gb-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .gb-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ChkBoxClass input[type=checkbox] {
    transform: scale(0.75);
    margin: 0 auto;
  }
  body .div-gb-photo {
    border: none;
  }
  body .gb-photo {
    border: none;
    max-height: 100px;
    max-width: 100px;
    display: block;
    margin: 0 auto;
  }
  body .gb-grid-view-container table th:first-child, body .gb-grid-view-container table td:first-child {
    width: 70px !important;
  }
  body .gb-grid-view-container table th:nth-child(2), body .gb-grid-view-container table td:first-child {
    width: 70px !important;
  }
  body .gb-grid-view-container table th:last-child, body .gb-grid-view-container table td:last-child {
    width: 70px !important;
  }
  body .inst-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .inst-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .inst-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .inst-grid-view-container div table th, body .inst-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .inst-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .inst-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .inst-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .inst-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .inst-grid-view-container table th:first-child, body .inst-grid-container table td:first-child {
    width: 65px !important;
  }
  body .inst-grid-view-container table th:nth-child(3), body .inst-grid-container table td:first-child {
    width: 80px !important;
  }
  body .Default-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 250px;
  }
  body .Groups-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
    padding: 10px;
  }
  body .Groups-dropdown-container .groups-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  body .Groups-dropdown-container .groups-input-container .Groups-group, body .Groups-dropdown-container .groups-input-container #ddlGroups, body .Groups-dropdown-container .groups-input-container #btnManageGroup {
    margin: 0 auto;
    padding: 10px;
    width: auto;
    text-align: center;
  }
  body .Groups-dropdown-container .groups-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    flex-grow: 1;
    width: 300px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .Groups-dropdown-container .groups-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .BW-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BW-container .BW-search-options h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .BW-container .BW-input-container > label,
  body .BW-container .BW-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .BW-container .BW-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .BW-container .BW-input-container textarea {
    margin: 0 auto;
    width: 95%;
  }
  body .BW-container .BW-input-container input[type=number] {
    margin: 10px auto;
  }
  body .BW-container .BW-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .BW-container .BW-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .classroom-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 325px;
  }
  body .classroom-VS-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-VS-dropdown-container h2, body .classroom-VS-dropdown-container h3 {
    color: #000000;
  }
  body .classroom-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  body .classroom-cards-container .card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    color: #FFFFFF;
    width: calc(33.333% - 20px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  body .classroom-cards-container .card .card-header {
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(211.25, 211.25, 211.25);
  }
  body .classroom-cards-container .card .card-body {
    padding: 15px;
  }
  body .classroom-cards-container .card .card-footer {
    padding: 10px;
    background-color: rgb(254.75, 254.75, 254.75);
    border-top: 1px solid rgb(211.25, 211.25, 211.25);
  }
  body .classroom-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .classroom-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    color: #000000;
    padding: 0px;
    border: none;
  }
  body .classroom-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .classroom-grid-view-container div table th, body .classroom-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .classroom-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .classroom-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .fa-solid, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.open + div.accordion-image, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.closed + div.accordion-image {
    font-size: 3em;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon label, body .classroom-grid-view-container div table tbody tr td.status-icon span {
    display: block;
    margin: 10px auto;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .classroom-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .classroom-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .classroom-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .classroom-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .classroom-grid-view-container table th:first-child, body .classroom-grid-view-container table td:first-child {
    width: 50px !important;
  }
  body .classroom-input-container {
    margin: 10px auto;
    display: flex;
    justify-content: center;
  }
  body .classroom-input-container .btn, body .classroom-input-container input[type=button] {
    margin: 5px;
    display: inline-block;
  }
  body .classroom-input-container .btn.btn-as-link {
    color: #FFFFFF;
  }
  body .login-forgot-button .btn.btn-as-link {
    color: #FFFFFF;
  }
  body .classroom-confirm {
    background-color: #009933;
    margin: 10px auto;
    display: block;
  }
  body .classroom-warning {
    background-color: #E7004C;
    color: #FFFFFF;
    margin: 10px auto;
  }
  body .classroom-exabs {
    background-color: #10d004;
    margin: 10px auto;
    display: block;
  }
  body .classroom-clear {
    background-color: transparent;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-unlate {
    background-color: #c0d00b;
    margin: 10px auto;
    display: block;
  }
  body .classroom-exlate {
    background-color: #FFFF00;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-asa {
    background-color: #00BED6;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-danger {
    background-color: #9E3030;
    margin: 10px auto;
    display: block;
  }
  body .classroom-WO-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-WO-dropdown-container .classroom-weekOf {
    color: #000000;
  }
  body .classroom-WO-dropdown-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .classroom-WO-dropdown-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CS-selection-shield-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, max-content));
    grid-template-rows: auto auto;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
  }
  body .CS-selection-shield-form .shield-form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(-n+2) {
    width: 125px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(3) {
    grid-column: 1/span 2;
  }
  body .CS-selection-shield-form .shield-form-group label, body .CS-selection-shield-form .shield-form-group input[type=checkbox] {
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  body .CS-selection-shield-form .shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .CS-selection-shield-form .shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-search-options {
    display: block;
    align-items: center;
  }
  body .CS-search-options .CS-shield-form {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px auto;
  }
  body .CS-search-options .CS-action-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    width: 65%;
    padding: 15px;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout label, body .CS-search-options .CS-action-checkboxes .CS-action-layout input[type=checkbox] {
    margin: 0 auto;
    display: block;
  }
  body .CS-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .CS-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    color: #FFFFFF;
    padding: 0px;
  }
  body .CS-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .CS-grid-view-container div table th, body .CS-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .CS-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CS-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CS-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .CS-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CS-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CS-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CS-grid-view-container table th:nth-child(7) {
    width: 50px !important;
  }
  body .crisisMessages-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    overflow-y: scroll;
  }
  body .crisisMessages-grid-view-container .eye-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  body .crisisMessages-grid-view-container .leftJ.hidden, body .crisisMessages-grid-view-container .rightJ.hidden {
    display: none;
  }
  body .crisisMessages-grid-view-container .message-injured {
    background-color: red !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .message-missing {
    background-color: gold !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .leftJ, body .crisisMessages-grid-view-container .rightJ {
    padding: 8px 12px;
    display: inline-block;
    white-space: normal;
    border-radius: 15px;
  }
  body .crisisMessages-grid-view-container .leftJ {
    background-color: #e0e0e0;
    text-align: left;
    float: left;
    clear: both;
  }
  body .crisisMessages-grid-view-container .rightJ {
    background-color: skyblue;
    text-align: left;
    float: right;
    clear: both;
    color: white;
  }
  body .crisisMessages-grid-view-container .rightMessage {
    text-align: right;
  }
  body .crisisMessages-grid-view-container table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisisMessages-grid-view-container table th, body .crisisMessages-grid-view-container table td {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 2px 5px;
    border: none;
  }
  body .crisisMessages-grid-view-container .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CrisisMon-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .CrisisMon-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    color: #FFFFFF;
    padding: 0px;
  }
  body .CrisisMon-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .CrisisMon-grid-view-container div table th, body .CrisisMon-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .CrisisMon-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CrisisMon-grid-view-container div table tbody tr .checkbox input[type=checkbox] {
    margin: auto;
  }
  body .CrisisMon-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CrisisMon-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .CrisisMon-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CrisisMon-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CrisisMon-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CPS-Time-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-Time-form-group span {
    padding-right: 10px;
  }
  body .CPS-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-form-group span {
    padding-right: 10px;
  }
  body .KC-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .KC-container span {
    color: #000000;
  }
  body .dashboard-APP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-APP-container .dashboard-APP-input-container label {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    color: #000000;
  }
  body .dashboard-APP-container .dashboard-APP-input-container input[type=date] {
    display: inline-block;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-groups-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-groups-container label {
    color: #000000;
  }
  body .dashboard-departments-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-SS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-KCS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GMD-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .button-input-container {
    margin: 25px auto;
  }
  body .IHP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }
  body .IHP-container .IHP-input-container > label,
  body .IHP-container .IHP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .IHP-container .IHP-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .IHP-container .IHP-input-container textarea {
    margin: 0 auto;
    width: 95%;
  }
  body .IHP-container .IHP-input-container input[type=number] {
    margin: 10px auto;
  }
  body .IHP-container .IHP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .IHP-container .IHP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .OT-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .OT-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.55em;
    border-radius: 10px;
  }
  body .OT-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .OT-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .OT-grid-view-container div table th, body .OT-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .OT-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .OT-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .OT-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon label, body .OT-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .OT-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .HD-HF-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .HD-HF-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .HD-HF-grid-view-container div table th.status-icon, body .HD-HF-grid-view-container div table td.status-icon {
    display: none;
  }
  body .HD-HF-grid-view-container div table th, body .HD-HF-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .HD-HF-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HD-HF-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HD-HF-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HD-HF-grid-view-container div table tbody tr td input[type=submit] {
    margin: 10px auto;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HD-HF-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container table th:nth-child(3) {
    width: 150px !important;
  }
  body .ProAb-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ProAb-container .ProAb-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ProAb-container .ProAb-input-container > label,
  body .ProAb-container .ProAb-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ProAb-container .ProAb-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ProAb-container .ProAb-input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
  }
  body .ProAb-container .ProAb-input-container .time-container > span {
    min-height: 40px;
  }
  body .ProAb-container .ProAb-input-container .time-container select {
    width: 100px;
  }
  body .ProAb-container .ProAb-input-container input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date],
  body .ProAb-container .ProAb-input-container select,
  body .ProAb-container .ProAb-input-container textarea,
  body .ProAb-container .ProAb-input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .ProAb-container .ProAb-input-container input[type=text].short,
  body .ProAb-container .ProAb-input-container input[type=date].short,
  body .ProAb-container .ProAb-input-container select.short,
  body .ProAb-container .ProAb-input-container textarea.short,
  body .ProAb-container .ProAb-input-container input[type=number].short {
    max-width: 100px;
  }
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=text] + select,
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=date] + select,
  body .ProAb-container .ProAb-input-container select + input[type=text],
  body .ProAb-container .ProAb-input-container select + input[type=number],
  body .ProAb-container .ProAb-input-container select + input[type=password],
  body .ProAb-container .ProAb-input-container select + select,
  body .ProAb-container .ProAb-input-container textarea + input[type=text],
  body .ProAb-container .ProAb-input-container textarea + input[type=number],
  body .ProAb-container .ProAb-input-container textarea + input[type=password],
  body .ProAb-container .ProAb-input-container textarea + select,
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .ProAb-container .ProAb-input-container input[type=submit] {
    margin: 10px auto;
  }
  body .ProAb-container .ProAb-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ProAb-container .ProAb-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .reports-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .version {
    padding: 20px 0 0 0;
  }
  body .version span {
    color: #FFFFFF;
  }
  body .profile-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .profile-container h3 {
    padding: 20px 0 0 0;
    color: #000000;
  }
  body .profile-shield-form-group {
    display: inline-block;
    padding: 0 0 10px 0;
    margin: 0 auto;
  }
  body .profile-shield-form-group input[type=text] {
    width: 250px;
  }
  body .support-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .support-MP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container h3 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .ABA-container .ABA-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-container .ABA-input-container > label,
  body .ABA-container .ABA-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-container .ABA-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-container .ABA-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-container .ABA-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-WB-container .ABA-WB-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-WB-container .ABA-WB-input-container > label,
  body .ABA-WB-container .ABA-WB-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-WB-container .ABA-WB-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-WB-container .ABA-WB-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-WB-container .ABA-WB-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .ABA-WB-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .ABA-WB-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .ABA-WB-grid-view-container div table th, body .ABA-WB-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .ABA-WB-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ABA-WB-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ABA-WB-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ABA-WB-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ABA-WB-grid-view-container table th:first-child, body .ABA-WB-grid-container table td:first-child {
    width: 50px !important;
  }
  body .ABA-WB-grid-view-container table th:nth-child(3) td, body .ABA-WB-grid-container table td:first-child td {
    color: #FFFFFF;
  }
  body .BM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .BM-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BM-grid-view-container div table th, body .BM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BM-grid-view-container div table tbody tr td img {
    width: 100px;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BM-grid-view-container table th:first-child, body .BM-grid-container table td:first-child {
    width: 50px !important;
  }
  body .BM-grid-view-container table th:nth-child(3) {
    width: 125px !important;
  }
  body .sideCheckbox-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  body .sideCheckbox-input-container > label,
  body .sideCheckbox-input-container > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    color: #000000;
    text-align: center;
    margin: 0 auto;
  }
  body .sideCheckbox-input-container.checkboxes {
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .sideCheckbox-input-container input[type=checkbox], body .sideCheckbox-input-container input[type=number] {
    margin: 0 auto;
  }
  body .CM-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CM-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .CM-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .WB-mobile-grid-row {
    color: #FFFFFF;
    border: none;
  }
  body .AbLateAttAll-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.8em;
    border-radius: 10px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table th, body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td input[type=submit] {
    margin: 10px auto;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 175px;
    max-height: 75px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttAll-grid-view-container table th:last-child, body .AbLateAttAll-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttAll-mobile-grid-row {
    color: #FFFFFF;
  }
  body .AbLateAttInd-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container > label,
  body .AbLateAttInd-container .AbLateAttInd-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table th, body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttInd-grid-view-container table th:last-child, body .AbLateAttInd-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttInd-mobile-grid-row {
    color: #FFFFFF;
  }
  body .BC-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .BC-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BC-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BC-grid-view-container div table th, body .BC-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BC-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BC-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BC-grid-view-container div table tbody tr td select {
    margin: 5px auto;
  }
  body .BC-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BC-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BC-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BC-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BC-WO {
    color: #FFFFFF;
  }
  body .BSM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .BSM-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BSM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BSM-grid-view-container div table th, body .BSM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BSM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BSM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BSM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BSM-grid-view-container div table tbody tr .BSM-table-pattern input[type=text] {
    margin: 0 auto;
    width: 150px;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BSM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .comm-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.55em;
    border-radius: 10px;
  }
  body .comm-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .comm-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .comm-grid-view-container div table th, body .comm-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .comm-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .comm-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .comm-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .comm-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .comm-grid-view-container table th:first-child, body .comm-grid-container table td:first-child {
    width: 50px !important;
  }
  body .GMD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .GMD-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .GMD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .GMD-grid-view-container div table th, body .GMD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .GMD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .GMD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .GMD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .GMD-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
    max-width: 125px;
  }
  body .GMD-grid-view-container div table tbody tr td img {
    width: 75px;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .GMD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .reports-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .reports-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .reports-grid-view-container div table th, body .reports-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .reports-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .reports-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .reports-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .reports-grid-view-container div table tbody tr td img {
    width: 75px;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .reports-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container table th:first-child, body .reports-grid-container table td:first-child {
    width: 25px !important;
  }
  body .reports-grid-view-container table th:last-child, body .reports-grid-container table td:last-child {
    width: 200px !important;
  }
  body .ED-action-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px auto;
  }
  body .range-container {
    display: flex;
    align-items: center;
    width: 100%;
  }
  body .RA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BIP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BIP-container textarea {
    width: 300px;
  }
  body .default-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
  }
  body .default-container h2, body .default-container h3 {
    color: #000000;
  }
  body .default-container .MM-Text {
    width: 50%;
  }
  body .default-container .CA-time-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    width: auto;
    font-size: large;
  }
  body .default-container .CA-time-container input[type=text] {
    width: 100px;
  }
  body .default-container .action-option {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  body .default-container .action-option input[type=text], body .default-container .action-option span {
    width: 150px;
  }
  body .TDM-table {
    font-size: 0.6em;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 20px 0;
  }
  body .TDM-table th, body .TDM-table td {
    text-align: center;
    padding: 2px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0e0e0;
  }
  body .TDM-table tr :nth-child(2) {
    width: 100px !important;
  }
  body .TDM-table tr:first-child td {
    white-space: normal;
    word-wrap: break-word;
  }
  body .TDM-table tr:first-child th {
    background-color: #31006f;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 10px;
  }
  body .TDM-table tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  body .TDM-table tr:nth-child(odd) {
    background-color: #FFFFFF;
  }
  body .TDM-table tr td input[type=checkbox] {
    margin: auto;
  }
  body .TDM-table tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .TDM-table tr td select, body .TDM-table tr td input[type=text], body .TDM-table tr td input[type=date], body .TDM-table tr td input[type=number] {
    width: auto;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    margin: auto;
  }
  body .TDM-table td:last-child .btn-as-link {
    background-color: #9e70ff;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 10px auto;
    display: block;
  }
  body .TDM-table tr:nth-last-child(-n+2) td {
    text-align: center;
  }
  body .TDM-table tr:nth-last-child(-n+2) td input[type=submit], body .TDM-table tr:nth-last-child(-n+2) td input[type=button] {
    margin: 0 auto;
    display: inline-block;
  }
  body .ABD-input-container {
    display: flex;
    align-items: center;
  }
  body .ABD-input-container label {
    margin-right: 8px;
  }
  body .ABD-input-container .checkbox-wrapper {
    display: flex;
  }
  body .ABD-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .MM-input-box {
    display: flex;
    margin: auto;
    width: auto;
    flex-direction: column;
    align-items: center;
  }
  body .default-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .default-input-container > label,
  body .default-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .default-input-container.checkboxes,
  body .default-input-container input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  body .default-input-container input[type=file] {
    width: 215px;
    padding: 0 0 10px 0;
  }
  body .default-input-container input[type=date], body .default-input-container input[type=sumbit] {
    margin: 0 auto;
  }
  body .default-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin-bottom: 10px;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    display: block;
  }
  body .default-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .default-input-container textarea, body .default-input-container input[type=number] {
    width: 75%;
    margin: 0 auto;
  }
  body .modalButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    text-align: center;
  }
  body .modalButton select {
    width: 250px;
  }
  body .modalButton input[type=submit] {
    width: 75px;
    margin: 10px auto;
  }
  body .commun-search-options h3 {
    color: #000000;
  }
  body .commun-search-options input[type=text] {
    width: 150px;
  }
  body .DMD-mobile-grid-row {
    color: #FFFFFF;
  }
  body .PD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .PD-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .PD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .PD-grid-view-container div table th, body .PD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .PD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HHA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.5em;
    border-radius: 10px;
  }
  body .HHA-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .HHA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .HHA-grid-view-container div table th, body .HHA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .HHA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HHA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HHA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HHA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HHA-grid-view-container table th:first-child, body .HHA-grid-container table td:first-child {
    width: 50px !important;
  }
  body .HHA-mobile-grid-row {
    color: #FFFFFF;
  }
  body .TM-bottom-container input[type=submit] {
    margin: 10px auto;
  }
  body .grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.95em;
    /*border-radius: $border-radius;*/
  }
  body .grid-view-container div {
    /*border: 1px solid $gray-border;*/
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
    border: none;
  }
  body .grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .grid-view-container div table .mobile-only {
    display: table-cell;
  }
  body .grid-view-container div table thead, body .grid-view-container div table tbody, body .grid-view-container div table th, body .grid-view-container div table td {
    text-align: center;
  }
  body .grid-view-container div table th, body .grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr th .mobile-only {
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td select,
  body .grid-view-container div table tbody tr td input[type=text],
  body .grid-view-container div table tbody tr td input[type=number] {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    background-color: #f2f2f2;
  }
  body .grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .grid-view-container div table tbody tr td.mobile-information select,
  body .grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .grid-view-container div table tbody tr td .student-photo {
    max-height: 90px;
    max-width: 90px;
  }
  body .grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.error, body .grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.error:hover, body .grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm, body .grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm:hover, body .grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .grid-view-container div table tbody tr td.status-icon label, body .grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
  }
  body .grid-view-container div .mobile-hide {
    display: none;
  }
  body .crisis-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .crisis-grid-view-container div {
    padding: 5px;
  }
  body .crisis-grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisis-grid-view-container div table.FixedWidth {
    width: 500px;
  }
  body .crisis-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .crisis-grid-view-container div table .mobile-only {
    display: none;
  }
  body .crisis-grid-view-container div table thead, body .crisis-grid-view-container div table tbody, body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    text-align: center;
  }
  body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .crisis-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .crisis-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr .time-container {
    display: flex;
    margin-left: auto;
    width: 150px;
  }
  body .crisis-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .crisis-grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td select,
  body .crisis-grid-view-container div table tbody tr td input[type=text],
  body .crisis-grid-view-container div table tbody tr td input[type=number],
  body .crisis-grid-view-container div table tbody tr td input[type=date],
  body .crisis-grid-view-container div table tbody tr td textarea {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 2px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .crisis-grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .crisis-grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information select,
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .crisis-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error, body .crisis-grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error:hover, body .crisis-grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm, body .crisis-grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm:hover, body .crisis-grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon label, body .crisis-grid-view-container div table tbody tr td.status-icon span {
    font-size: 1em;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ACD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .ACD-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .ACD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .ACD-grid-view-container div table .mobile-only {
    display: table-cell;
  }
  body .ACD-grid-view-container div table thead, body .ACD-grid-view-container div table tbody, body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    text-align: center;
  }
  body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .ACD-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .ACD-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ACD-grid-view-container div table tbody tr th .mobile-only {
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ACD-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .ACD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ACD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
  }
  body .ACD-grid-view-container div .mobile-hide {
    display: none;
  }
  body .personal-detail-container {
    width: 100%;
    padding: 0.5rem 1rem;
    margin: 1rem auto;
  }
  body .personal-detail-container h1, body .personal-detail-container h2, body .personal-detail-container h3, body .personal-detail-container h4 {
    color: #000000;
    font-weight: 500;
    margin: 0.5rem 1rem 2rem 1rem;
  }
  body .personal-detail-container h3 {
    font-size: 1.45em;
  }
  body .personal-detail-container .demographics {
    width: 100%;
    padding: 0.5rem;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
  }
  body .personal-detail-container .demographics .photo {
    float: none;
    margin: 0.5rem auto;
    width: 100%;
    min-width: unset;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-photo {
    margin: 0 auto;
    max-height: 230px;
  }
  body .personal-detail-container .demographics .photo .student-name,
  body .personal-detail-container .demographics .photo .student-location {
    color: #000000;
    width: 100%;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-name label,
  body .personal-detail-container .demographics .photo .student-name span,
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-size: 1.15em;
    font-weight: 600;
    padding: 0.5rem;
  }
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-weight: 500;
    font-size: 1rem;
  }
  body .personal-detail-container .demographics .student-counts {
    width: 100%;
    float: none;
    margin: 0.25rem auto;
    text-align: center;
  }
  body .personal-detail-container .demographics .student-counts .grid-view-container {
    width: 100%;
    margin: 0 auto;
  }
  body .shield-form .personal-detail-container {
    width: 90%;
  }
  body .shield-form .personal-detail-container .demographics .photo {
    width: 60%;
    margin: 0.5rem auto;
    float: none;
  }
  body .shield-form .personal-detail-container .demographics .photo-change {
    width: 60%;
    clear: both;
    text-align: center;
    margin: 0.5rem auto;
  }
  body .shield-form .personal-detail-container .demographics .photo-change .fa-solid, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.open + div.accordion-image, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.closed + div.accordion-image {
    padding: 0.5rem;
  }
  body .tiles-list li::marker {
    content: none;
    padding: 0;
  }
  body ul {
    padding: 0;
  }
  body .dashboard-tiles {
    width: 100%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles h2 {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #FFFFFF;
  }
  body .dashboard-tiles .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles .tile-contents .tiles-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline-start: 0;
    margin: 0 auto;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile {
    min-height: 200px;
    width: 100%;
    margin: 0.5rem;
    padding: 0.5rem;
    overflow: visible;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20px;
    border: 2px solid #31006f;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 1rem 0.75rem;
    background-color: #f0f0f0;
    list-style: none;
    color: #000000;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p.link-description {
    text-align: center;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #000000;
    color: #31006F;
    text-decoration: none;
  }
  body .dashboard-tiles3 {
    width: 100%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles3 h2 {
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile {
    flex: 1 1 48%;
    height: 225px;
    margin: 0.1rem;
    padding: 0.1rem;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 8px #aaaaaa;
    padding: 1rem 0.75rem;
    background-color: transparent;
    list-style: none;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #31006F;
    color: #FFFFFF;
    text-decoration: none;
  }
  body .input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .input-container > label,
  body .input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .input-container .medium {
    width: 150px;
  }
  body .input-container .wide {
    width: 85%;
  }
  body .input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .input-container .time-container > span {
    min-height: 40px;
  }
  body .input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .input-container input[type=text],
  body .input-container input[type=date],
  body .input-container select,
  body .input-container textarea,
  body .input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .input-container input[type=text].short,
  body .input-container input[type=date].short,
  body .input-container select.short,
  body .input-container textarea.short,
  body .input-container input[type=number].short {
    max-width: 100px;
  }
  body .input-container input[type=text].DateField,
  body .input-container input[type=date].DateField,
  body .input-container select.DateField,
  body .input-container textarea.DateField,
  body .input-container input[type=number].DateField {
    max-width: 150px;
  }
  body .input-container input[type=text] + input[type=text],
  body .input-container input[type=text] + input[type=number],
  body .input-container input[type=text] + input[type=password],
  body .input-container input[type=text] + select,
  body .input-container input[type=date] + input[type=text],
  body .input-container input[type=date] + input[type=number],
  body .input-container input[type=date] + input[type=password],
  body .input-container input[type=date] + select,
  body .input-container select + input[type=text],
  body .input-container select + input[type=number],
  body .input-container select + input[type=password],
  body .input-container select + select,
  body .input-container textarea + input[type=text],
  body .input-container textarea + input[type=number],
  body .input-container textarea + input[type=password],
  body .input-container textarea + select,
  body .input-container input[type=number] + input[type=text],
  body .input-container input[type=number] + input[type=number],
  body .input-container input[type=number] + input[type=password],
  body .input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .input-container textarea {
    width: 50%;
    margin: 0 auto;
    display: block;
    clear: right;
  }
  body .input-container button,
  body .input-container input[type=button],
  body .input-container input[type=submit],
  body .input-container .btn {
    clear: both;
    margin-right: 0.5rem;
  }
  body .input-container button.btn-as-input,
  body .input-container input[type=button].btn-as-input,
  body .input-container input[type=submit].btn-as-input,
  body .input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container input[type=checkbox] {
    float: left;
    margin-left: 10px;
  }
  body .input-container input[type=checkbox] + button, body .input-container input[type=checkbox] + input[type=button], body .input-container input[type=checkbox] + input[type=submit], body .input-container input[type=checkbox] + .btn {
    clear: none;
    margin-right: 0.5rem;
  }
  body .input-container input[type=checkbox] + button.btn-as-input, body .input-container input[type=checkbox] + input[type=button].btn-as-input, body .input-container input[type=checkbox] + input[type=submit].btn-as-input, body .input-container input[type=checkbox] + .btn.btn-as-input {
    background-color: #F4CDD4;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container.buttons {
    padding: 9px 0;
  }
  body .input-container.buttons button,
  body .input-container.buttons input[type=button],
  body .input-container.buttons input[type=submit],
  body .input-container.buttons .btn {
    float: none;
    clear: both;
    margin: 0.5rem auto;
    color: #FFFFFF;
  }
  body .input-container.buttons button + button,
  body .input-container.buttons button + input[type=button],
  body .input-container.buttons button + input[type=submit],
  body .input-container.buttons button + .btn,
  body .input-container.buttons input[type=button] + button,
  body .input-container.buttons input[type=button] + input[type=button],
  body .input-container.buttons input[type=button] + input[type=submit],
  body .input-container.buttons input[type=button] + .btn,
  body .input-container.buttons input[type=submit] + button,
  body .input-container.buttons input[type=submit] + input[type=button],
  body .input-container.buttons input[type=submit] + input[type=submit],
  body .input-container.buttons input[type=submit] + .btn,
  body .input-container.buttons .btn + button,
  body .input-container.buttons .btn + input[type=button],
  body .input-container.buttons .btn + input[type=submit],
  body .input-container.buttons .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.buttons button + button.class-button,
  body .input-container.buttons button + input[type=button].class-button,
  body .input-container.buttons button + input[type=submit].class-button,
  body .input-container.buttons button + .btn.class-button,
  body .input-container.buttons input[type=button] + button.class-button,
  body .input-container.buttons input[type=button] + input[type=button].class-button,
  body .input-container.buttons input[type=button] + input[type=submit].class-button,
  body .input-container.buttons input[type=button] + .btn.class-button,
  body .input-container.buttons input[type=submit] + button.class-button,
  body .input-container.buttons input[type=submit] + input[type=button].class-button,
  body .input-container.buttons input[type=submit] + input[type=submit].class-button,
  body .input-container.buttons input[type=submit] + .btn.class-button,
  body .input-container.buttons .btn + button.class-button,
  body .input-container.buttons .btn + input[type=button].class-button,
  body .input-container.buttons .btn + input[type=submit].class-button,
  body .input-container.buttons .btn + .btn.class-button {
    margin-left: 0.25rem;
    color: #000000;
  }
  body .input-container.buttons button.class-button,
  body .input-container.buttons input[type=button].class-button,
  body .input-container.buttons input[type=submit].class-button,
  body .input-container.buttons .btn.class-button {
    color: #f2f2f2;
    width: 45%;
    margin: 0.5rem 0.25rem;
  }
  body .input-container.wrapped-button {
    padding: 12px 0;
  }
  body .input-container.wrapped-button button,
  body .input-container.wrapped-button input[type=button],
  body .input-container.wrapped-button input[type=submit],
  body .input-container.wrapped-button .btn {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    transform: translateY(0.25rem);
  }
  body .input-container.wrapped-button button + button,
  body .input-container.wrapped-button button + input[type=button],
  body .input-container.wrapped-button button + input[type=submit],
  body .input-container.wrapped-button button + .btn,
  body .input-container.wrapped-button input[type=button] + button,
  body .input-container.wrapped-button input[type=button] + input[type=button],
  body .input-container.wrapped-button input[type=button] + input[type=submit],
  body .input-container.wrapped-button input[type=button] + .btn,
  body .input-container.wrapped-button input[type=submit] + button,
  body .input-container.wrapped-button input[type=submit] + input[type=button],
  body .input-container.wrapped-button input[type=submit] + input[type=submit],
  body .input-container.wrapped-button input[type=submit] + .btn,
  body .input-container.wrapped-button .btn + button,
  body .input-container.wrapped-button .btn + input[type=button],
  body .input-container.wrapped-button .btn + input[type=submit],
  body .input-container.wrapped-button .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.info {
    padding: 0;
  }
  body .input-container.info label,
  body .input-container.info span {
    width: 50%;
    display: inline-block;
    float: none;
    text-align: right;
    font-weight: 600;
    padding: 0.5rem 1rem;
  }
  body .input-container.info label + label,
  body .input-container.info label + span,
  body .input-container.info span + label,
  body .input-container.info span + span {
    width: 30%;
    text-align: left;
    font-weight: normal;
  }
  body .input-container.info label + input[type=submit],
  body .input-container.info label + button,
  body .input-container.info label + .btn,
  body .input-container.info span + input[type=submit],
  body .input-container.info span + button,
  body .input-container.info span + .btn {
    margin-left: 10px;
  }
  body .input-container.flowing {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body .input-container.flowing * {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 4px;
  }
  body .input-container.flowing label,
  body .input-container.flowing span {
    padding: 8px 4px;
    margin-left: 0;
    margin-right: 0;
  }
  body .input-container.flowing input[type=text],
  body .input-container.flowing input[type=number],
  body .input-container.flowing input[type=checkbox],
  body .input-container.flowing select {
    margin: 10px auto;
  }
  body .input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .blackText-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .blackText-input-container > label,
  body .blackText-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .blackText-input-container .medium {
    width: 150px;
  }
  body .blackText-input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .blackText-input-container .time-container > span {
    min-height: 40px;
  }
  body .blackText-input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .blackText-input-container input[type=text],
  body .blackText-input-container input[type=date],
  body .blackText-input-container select,
  body .blackText-input-container textarea,
  body .blackText-input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .blackText-input-container input[type=text].short,
  body .blackText-input-container input[type=date].short,
  body .blackText-input-container select.short,
  body .blackText-input-container textarea.short,
  body .blackText-input-container input[type=number].short {
    max-width: 100px;
  }
  body .blackText-input-container input[type=text].DateField,
  body .blackText-input-container input[type=date].DateField,
  body .blackText-input-container select.DateField,
  body .blackText-input-container textarea.DateField,
  body .blackText-input-container input[type=number].DateField {
    max-width: 150px;
  }
  body .blackText-input-container input[type=text] + input[type=text],
  body .blackText-input-container input[type=text] + input[type=number],
  body .blackText-input-container input[type=text] + input[type=password],
  body .blackText-input-container input[type=text] + select,
  body .blackText-input-container input[type=date] + input[type=text],
  body .blackText-input-container input[type=date] + input[type=number],
  body .blackText-input-container input[type=date] + input[type=password],
  body .blackText-input-container input[type=date] + select,
  body .blackText-input-container select + input[type=text],
  body .blackText-input-container select + input[type=number],
  body .blackText-input-container select + input[type=password],
  body .blackText-input-container select + select,
  body .blackText-input-container textarea + input[type=text],
  body .blackText-input-container textarea + input[type=number],
  body .blackText-input-container textarea + input[type=password],
  body .blackText-input-container textarea + select,
  body .blackText-input-container input[type=number] + input[type=text],
  body .blackText-input-container input[type=number] + input[type=number],
  body .blackText-input-container input[type=number] + input[type=password],
  body .blackText-input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .blackText-input-container textarea {
    width: 50%;
    margin: 0 auto;
    display: block;
    clear: right;
  }
  body .blackText-input-container button,
  body .blackText-input-container input[type=button],
  body .blackText-input-container input[type=submit],
  body .blackText-input-container .btn {
    clear: both;
    margin-right: 0.5rem;
  }
  body .blackText-input-container button.btn-as-input,
  body .blackText-input-container input[type=button].btn-as-input,
  body .blackText-input-container input[type=submit].btn-as-input,
  body .blackText-input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .blackText-input-container input[type=checkbox] {
    float: left;
    margin-left: 10px;
  }
  body .blackText-input-container input[type=checkbox] + button, body .blackText-input-container input[type=checkbox] + input[type=button], body .blackText-input-container input[type=checkbox] + input[type=submit], body .blackText-input-container input[type=checkbox] + .btn {
    clear: none;
    margin-right: 0.5rem;
  }
  body .blackText-input-container input[type=checkbox] + button.btn-as-input, body .blackText-input-container input[type=checkbox] + input[type=button].btn-as-input, body .blackText-input-container input[type=checkbox] + input[type=submit].btn-as-input, body .blackText-input-container input[type=checkbox] + .btn.btn-as-input {
    background-color: #F4CDD4;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .blackText-input-container.buttons {
    padding: 9px 0;
  }
  body .blackText-input-container.buttons button,
  body .blackText-input-container.buttons input[type=button],
  body .blackText-input-container.buttons input[type=submit],
  body .blackText-input-container.buttons .btn {
    float: none;
    clear: both;
    margin: 0.5rem auto;
    color: #000000;
  }
  body .blackText-input-container.buttons button + button,
  body .blackText-input-container.buttons button + input[type=button],
  body .blackText-input-container.buttons button + input[type=submit],
  body .blackText-input-container.buttons button + .btn,
  body .blackText-input-container.buttons input[type=button] + button,
  body .blackText-input-container.buttons input[type=button] + input[type=button],
  body .blackText-input-container.buttons input[type=button] + input[type=submit],
  body .blackText-input-container.buttons input[type=button] + .btn,
  body .blackText-input-container.buttons input[type=submit] + button,
  body .blackText-input-container.buttons input[type=submit] + input[type=button],
  body .blackText-input-container.buttons input[type=submit] + input[type=submit],
  body .blackText-input-container.buttons input[type=submit] + .btn,
  body .blackText-input-container.buttons .btn + button,
  body .blackText-input-container.buttons .btn + input[type=button],
  body .blackText-input-container.buttons .btn + input[type=submit],
  body .blackText-input-container.buttons .btn + .btn {
    margin-left: 8px;
  }
  body .blackText-input-container.buttons button + button.class-button,
  body .blackText-input-container.buttons button + input[type=button].class-button,
  body .blackText-input-container.buttons button + input[type=submit].class-button,
  body .blackText-input-container.buttons button + .btn.class-button,
  body .blackText-input-container.buttons input[type=button] + button.class-button,
  body .blackText-input-container.buttons input[type=button] + input[type=button].class-button,
  body .blackText-input-container.buttons input[type=button] + input[type=submit].class-button,
  body .blackText-input-container.buttons input[type=button] + .btn.class-button,
  body .blackText-input-container.buttons input[type=submit] + button.class-button,
  body .blackText-input-container.buttons input[type=submit] + input[type=button].class-button,
  body .blackText-input-container.buttons input[type=submit] + input[type=submit].class-button,
  body .blackText-input-container.buttons input[type=submit] + .btn.class-button,
  body .blackText-input-container.buttons .btn + button.class-button,
  body .blackText-input-container.buttons .btn + input[type=button].class-button,
  body .blackText-input-container.buttons .btn + input[type=submit].class-button,
  body .blackText-input-container.buttons .btn + .btn.class-button {
    margin-left: 0.25rem;
    color: #000000;
  }
  body .blackText-input-container.buttons button.class-button,
  body .blackText-input-container.buttons input[type=button].class-button,
  body .blackText-input-container.buttons input[type=submit].class-button,
  body .blackText-input-container.buttons .btn.class-button {
    color: #f2f2f2;
    width: 45%;
    margin: 0.5rem 0.25rem;
  }
  body .blackText-input-container.wrapped-button {
    padding: 12px 0;
  }
  body .blackText-input-container.wrapped-button button,
  body .blackText-input-container.wrapped-button input[type=button],
  body .blackText-input-container.wrapped-button input[type=submit],
  body .blackText-input-container.wrapped-button .btn {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    transform: translateY(0.25rem);
  }
  body .blackText-input-container.wrapped-button button + button,
  body .blackText-input-container.wrapped-button button + input[type=button],
  body .blackText-input-container.wrapped-button button + input[type=submit],
  body .blackText-input-container.wrapped-button button + .btn,
  body .blackText-input-container.wrapped-button input[type=button] + button,
  body .blackText-input-container.wrapped-button input[type=button] + input[type=button],
  body .blackText-input-container.wrapped-button input[type=button] + input[type=submit],
  body .blackText-input-container.wrapped-button input[type=button] + .btn,
  body .blackText-input-container.wrapped-button input[type=submit] + button,
  body .blackText-input-container.wrapped-button input[type=submit] + input[type=button],
  body .blackText-input-container.wrapped-button input[type=submit] + input[type=submit],
  body .blackText-input-container.wrapped-button input[type=submit] + .btn,
  body .blackText-input-container.wrapped-button .btn + button,
  body .blackText-input-container.wrapped-button .btn + input[type=button],
  body .blackText-input-container.wrapped-button .btn + input[type=submit],
  body .blackText-input-container.wrapped-button .btn + .btn {
    margin-left: 8px;
  }
  body .blackText-input-container.info {
    padding: 0;
  }
  body .blackText-input-container.info label,
  body .blackText-input-container.info span {
    width: 50%;
    display: inline-block;
    float: none;
    text-align: right;
    font-weight: 600;
    padding: 0.5rem 1rem;
  }
  body .blackText-input-container.info label + label,
  body .blackText-input-container.info label + span,
  body .blackText-input-container.info span + label,
  body .blackText-input-container.info span + span {
    width: 30%;
    text-align: left;
    font-weight: normal;
  }
  body .blackText-input-container.info label + input[type=submit],
  body .blackText-input-container.info label + button,
  body .blackText-input-container.info label + .btn,
  body .blackText-input-container.info span + input[type=submit],
  body .blackText-input-container.info span + button,
  body .blackText-input-container.info span + .btn {
    margin-left: 10px;
  }
  body .blackText-input-container.flowing {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body .blackText-input-container.flowing * {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 4px;
  }
  body .blackText-input-container.flowing label,
  body .blackText-input-container.flowing span {
    padding: 8px 4px;
    margin-left: 0;
    margin-right: 0;
  }
  body .blackText-input-container.flowing input[type=text],
  body .blackText-input-container.flowing input[type=number],
  body .blackText-input-container.flowing input[type=checkbox],
  body .blackText-input-container.flowing select {
    margin: 10px auto;
  }
  body .blackText-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .blackText-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .class-button {
    background-color: #FFFFFF;
  }
  body .modalPopup .input-container {
    width: 100%;
    padding: 0.5rem 1rem;
  }
  body .modalPopup .input-container.flowing {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  body .modalPopup .input-container span {
    margin: auto;
  }
  body .modalPopup .grid-view-container {
    width: 95%;
    margin: 0 auto;
    max-height: 75%;
    overflow-y: auto;
  }
  body .modalPopup.tall {
    height: 630px;
  }
  body .modalPopup.tall .grid-view-container {
    width: 100%;
  }
  body .modalPopup.tall .input-container label {
    width: 200px;
  }
  body .modalPopup.tall .input-container span {
    margin: auto;
  }
  body .modalPopup.tall .grid-view-container {
    width: 75%;
  }
  body .modalPopup.tall h3 {
    width: auto;
    margin: auto;
    text-align: center;
    color: #000000;
  }
  body .modalPopup.tall .search-options .input-container label {
    margin: auto;
  }
  body .department-card {
    display: flex;
    flex-direction: column;
    width: 300px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f2f2f2;
    color: #000000;
    margin: 0.75rem auto;
    overflow: hidden;
    min-height: 100px;
  }
  body .dc-teacher, body .dc-periods {
    width: 100%;
  }
  body .dc-teacher {
    padding: 0.5rem;
    text-align: center;
    position: relative;
  }
  body .dc-teacher-name {
    font-weight: 600;
    color: #31006f;
  }
  body .dc-periods {
    padding: 0.25rem;
    position: relative;
  }
  body .dc-periods:before {
    content: "";
    height: 1px;
    background-color: #000000;
    width: 100%;
    display: block;
  }
  body .dc-period-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-inline-start: 0;
    margin-top: 10px;
    justify-content: center;
    gap: 10px;
  }
  body .dc-period {
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
  }
  body .dc-period .btn {
    width: 100%;
    padding: 0.5rem;
    letter-spacing: 2px;
  }
  body .time-container {
    padding: 2px 0;
    text-align: center;
    width: 60%;
    clear: both;
    margin: 8px auto;
    margin-left: calc(35% + 10px);
    overflow: hidden;
  }
  body .time-container label,
  body .time-container span {
    width: 50%;
    display: block;
    float: left;
    text-align: right;
    padding: 6px 15px;
  }
  body .time-container input[type=text],
  body .time-container input[type=number],
  body .time-container select {
    width: 60px;
    float: left;
    margin: 0 8px 0 0;
  }
  body .time-container input[type=text] + span,
  body .time-container input[type=number] + span,
  body .time-container select + span {
    position: relative;
    float: left;
    width: 35px;
  }
  body .time-container input[type=text] + span:before,
  body .time-container input[type=number] + span:before,
  body .time-container select + span:before {
    content: " : ";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(10px);
    font-weight: 500;
    font-size: 1.45em;
  }
  body .action-option {
    text-align: center;
    width: 100%;
    padding: 0.5rem;
  }
  body .action-option input[type=text],
  body .action-option input[type=number],
  body .action-option textarea,
  body .action-option label,
  body .action-option span {
    width: 60%;
    display: inline-block;
    margin: 0.5rem;
    color: #000000;
  }
  body .action-option input[type=text].short,
  body .action-option input[type=number].short,
  body .action-option textarea.short,
  body .action-option label.short,
  body .action-option span.short {
    max-width: 60px;
  }
  body .action-option button,
  body .action-option input[type=button],
  body .action-option input[type=submit],
  body .action-option .btn {
    display: block;
    clear: both;
    float: none;
    margin: 0.5rem auto;
  }
  body .action-option.checkboxes {
    text-align: center;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span,
  body .action-option.checkboxes input[type=checkbox] {
    display: inline-block;
    margin: 0 0.25rem;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span {
    padding: 0.25rem 0;
    width: auto;
    transform: translateY(-10px);
  }
  body .action-option select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .action-option select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .full-calendar {
    width: 300px;
    height: auto;
    margin: 10px auto;
    border-radius: 20px;
    background-color: #f4f0fa;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
  }
  body .full-calendar:focus, body .full-calendar:focus-within {
    outline: none;
    border: none;
  }
  body .full-calendar tr th {
    color: #000000;
    background-color: transparent;
  }
  body .full-calendar tr td {
    background-color: transparent;
    border-radius: 10px;
    margin: 5px;
  }
  body .full-calendar tr td:hover {
    background-color: #dcd3f8;
  }
  body .full-calendar .calendar-day {
    color: #000000;
    width: auto !important;
  }
  body .full-calendar .calendar-other-month {
    color: #9da5b1;
  }
  body .full-calendar .calendar-other-month a {
    color: #9da5b1 !important;
  }
  body .full-calendar .calendar-other-month a:hover {
    color: #31006f;
  }
  body .full-calendar .calendar-title {
    background-color: #31006f;
    color: #ffffff;
    border-radius: 15px 15px 15px 15px;
  }
  body .full-calendar .calendar-title tr td {
    background-color: #31006f;
    text-align: center;
    padding: 3px;
  }
  body .full-calendar .calendar-title tr td a {
    color: #ffffff !important;
  }
  body .full-calendar .calendar-title tr td a:hover {
    color: #ffffff;
  }
  body .full-calendar .calendar-selected-day {
    background-color: #dcd3f8;
    color: #000000;
    border-radius: 10px;
  }
  body section.sc-you-content {
    width: 100%;
    border: none;
    margin: 0;
    box-shadow: none;
    background-color: #000000;
  }
  body section.sc-you-content .sc-you-header {
    width: 100%;
    padding: 15px 30px;
    max-height: 400px;
    border-bottom: 1px solid #9F9F9F;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo {
    text-align: center;
    display: block;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo img {
    max-height: 115px;
    max-width: 110px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text {
    height: 220px;
    margin: 0 auto;
    width: 95%;
    padding-top: 50px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text h2 {
    font-size: 1.35em;
    font-weight: 700;
    text-align: center;
    color: #31006F;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text p {
    text-align: center;
    font-size: 1.15em;
    color: #636569;
  }
  body section.sc-you-content .sc-you-form {
    width: 100%;
    padding: 15px 30px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row {
    width: 100%;
    padding: 10px 0;
    /*For the asp.net checkbox list*/
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row label {
    color: #636569;
    font-size: 1em;
    font-weight: 600;
    clear: both;
    display: block;
    width: 100%;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input {
    width: 60%;
    display: inline-block;
    margin: 0 auto;
    font-size: 0.9em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.sc-you-form-input {
    margin-bottom: 15px;
    clear: both;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.short {
    max-width: 80px;
    float: left;
    clear: none;
    margin-right: 10px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.long {
    width: 100%;
    float: none;
    clear: both;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row span {
    color: #31006F;
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=checkbox],
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=radio] {
    margin-right: 10px;
    float: left;
    min-height: 18px;
    margin-top: 0;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td label {
    clear: none;
    float: left;
    width: auto;
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form-submit {
    width: 100%;
    border-top: 1px solid #9F9F9F;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer {
    text-align: center;
    margin-top: 50px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span {
    font-size: 1em;
    color: #30475E;
    font-weight: normal;
    display: block;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span.bold-label {
    font-weight: 700;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body {
    color: #000000;
    background-color: #31006f;
    /*.body-content::before {
        content: "";
        position: fixed;
        left: 0;
        top: -10%;
        width: 100%;
        height: 50%;
        background-color: $primary-color;
        clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
        z-index: -1;
    }*/
  }
  body .mobile-only {
    display: block;
  }
  body .mobile-hide {
    display: none;
  }
  body .body-content {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #31006f;
    z-index: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) and (prefers-color-scheme: dark) {
  body .body-content {
    background-color: #000000;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body .loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  body .spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  body h1,
  body h2,
  body h3,
  body h4,
  body .header {
    color: #FFFFFF;
  }
  body button,
  body input[type=button],
  body input[type=submit],
  body .btn {
    z-index: 10;
    box-shadow: 2px 2px 10px #9F9F9F;
    /*border-color: $white;*/
  }
  body button.danger,
  body input[type=button].danger,
  body input[type=submit].danger,
  body .btn.danger {
    /*border-color: $white;*/
  }
  body button.btn-as-link,
  body input[type=button].btn-as-link,
  body input[type=submit].btn-as-link,
  body .btn.btn-as-link {
    color: #000000;
    text-decoration: underline;
  }
  body button.btn-as-link:hover,
  body input[type=button].btn-as-link:hover,
  body input[type=submit].btn-as-link:hover,
  body .btn.btn-as-link:hover {
    color: #9F9F9F;
    text-decoration: none;
  }
  body button.btn-as-link:disabled,
  body input[type=button].btn-as-link:disabled,
  body input[type=submit].btn-as-link:disabled,
  body .btn.btn-as-link:disabled {
    text-decoration: none;
  }
  body .modalPopupMaster {
    width: 90%;
  }
  body .modalPopup {
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  body .modalPopup h2 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .modalPopup h3 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .modalPopup .close {
    color: #000000;
  }
  body .modalPopup.small {
    height: 250px;
    width: 90%;
  }
  body .modalPopup.medium, body .modalPopup.large {
    width: 90%;
  }
  body .modalPopup.medium .input-container label, body .modalPopup.large .input-container label {
    margin: auto;
  }
  body .modalPopup.taller {
    height: 400px;
  }
  body .modalPopup.tall {
    height: 630px;
  }
  body .modalPopup.tall .input-container span {
    margin: auto;
  }
  body .modalPopup.tall .grid-view-container {
    width: 75%;
  }
  body .modalPopup.tall h3 {
    width: auto;
    margin: auto;
    text-align: center;
  }
  body .modalPopup.tall .search-options .input-container label {
    margin: auto;
  }
  body .modalPopup.error .modal-content {
    border: none;
    background-color: transparent;
  }
  body .modalPopup.error .modal-content h3 {
    color: #000000;
  }
  body .modalPopup.error .modal-content h3:after {
    border-bottom: 1px solid #000000;
  }
  body .modalPopup.error .modal-content p {
    color: #000000;
    text-align: left;
    font-size: 1.1em;
  }
  body .modalPopup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 95%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .modalPopup select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body #dvNavSmall {
    z-index: 10;
    border-bottom: 2px solid #000000;
  }
  body #dvNavSmall div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body #dvNavSmall div #btnMenuSmall {
    max-height: 36px;
    transform: translate(1rem, 1.5rem);
  }
  body #dvNavSmall div img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    order: 2;
  }
  body #dvNavSmall div #btnCrisisSmall {
    float: right;
    margin-right: 10px;
    box-shadow: none;
    transform: translate(-0.25rem, 1.25rem);
    font-size: 0.85em;
    min-width: unset;
    width: 75px;
    white-space: normal;
    text-align: center;
    order: 3;
  }
  body #dvNavSmall div #btnCrisisBlank {
    float: right;
    margin-right: 10px;
    box-shadow: none;
    transform: translate(-0.25rem, 1.25rem);
    font-size: 0.85em;
    min-width: unset;
    width: 75px;
    white-space: normal;
    text-align: center;
  }
  body .login-container {
    height: 844px;
  }
  body .login-container .leftHalf {
    background-color: transparent;
    width: 100%;
    position: absolute;
    left: 0px;
    height: 60%;
    opacity: 100;
    clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
  }
  body .login-container .leftHalf.login-logo {
    text-align: center;
  }
  body .login-container .leftHalf.login-logo .login-logo-image {
    margin: 2rem auto;
    width: 150px;
    height: 150px;
  }
  body .login-container .rightHalf {
    background-color: transparent;
    position: absolute;
    bottom: 14%;
    left: 0;
    width: 100%;
    height: 30%;
  }
  body .login-container .rightHalf .login {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  body .login-container .rightHalf .login input[type=text],
  body .login-container .rightHalf .login input[type=password] {
    margin: 8px auto;
  }
  body .login-container .rightHalf .login input[type=button],
  body .login-container .rightHalf .login input[type=submit] {
    margin: 15px auto;
  }
  body .changeLanguage {
    position: fixed;
    right: 10px;
    bottom: 50px;
    display: flex;
    align-items: center;
    z-index: 1000;
  }
  body .changeLanguage span, body .changeLanguage select {
    margin-right: 10px;
  }
  body .changeLanguage span {
    color: white;
  }
  body .changeLanguage select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 125px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .changeLanguage select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body div.section-container {
    width: 100%;
    padding: 3rem 1rem;
    background-color: transparent;
    text-align: center;
  }
  body div.section-container h2 {
    width: 100%;
    text-align: center;
    margin: 10px 0 30px 0;
    font-size: 1.6em;
    font-weight: 500;
    position: relative;
  }
  body div.section-container h2:after {
    content: " ";
    border-bottom: 1px solid #aaaaaa;
    position: absolute;
    bottom: -8px;
    left: 0;
    transform: translateX(50%);
    margin: 0 auto;
    width: 50%;
  }
  body div.section-container .search-options {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  body div.section-container .input-container-group {
    max-height: 275px;
    width: 100%;
    margin-top: 10px;
    overflow: auto;
  }
  body .selectInstitution-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .selectInstitution-container > label,
  body .selectInstitution-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #FFFFFF;
  }
  body .selectInstitution-container .wide {
    width: 100%;
  }
  body .selectInstitution-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .selectInstitution-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-help {
    display: block;
    margin: 10px auto;
  }
  body .accordion-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  body .accordion-buttons .accordion-icon {
    font-size: 24px;
  }
  body .accordion-buttons .accordion-icon i.fa-solid {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
  }
  body .accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body .ICN-title {
    color: #FFFFFF;
  }
  body .CAD-counts {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .CAD-counts .btn-as-link {
    color: #FFFFFF;
  }
  body .MPI-shield-form-group {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  body .MPI-shield-form-group > label,
  body .MPI-shield-form-group > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .MPI-shield-form-group input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .MPI-shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MPI-shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .MPI-tag, body .MPI-link {
    display: flex;
    flex-direction: column;
  }
  body .MPI-tag span, body .MPI-tag input[type=submit], body .MPI-link span, body .MPI-link input[type=submit] {
    color: #FFFFFF;
    margin: 20px auto;
  }
  body .MPI-tag .btn-as-link, body .MPI-link .btn-as-link {
    color: #FFFFFF;
  }
  body .MG-accordion-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  body .MG-accordion-buttons .accordion-icon {
    font-size: 24px;
  }
  body .MG-accordion-buttons .accordion-icon i.fa-solid {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
    box-shadow: none;
  }
  body .MG-accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .MG-accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body .MG-search input[type=text] {
    margin: 20px auto;
    width: 250px;
  }
  body .MG-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MG-search select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .accordion-dropdown {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  body .accordion-dropdown .APP-period {
    color: #000000;
  }
  body .accordion-dropdown .APP-dropdown-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px 10px;
  }
  body .accordion-dropdown .APP-dropdown-input-container button,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button],
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit],
  body .accordion-dropdown .APP-dropdown-input-container .btn {
    clear: both;
  }
  body .accordion-dropdown .APP-dropdown-input-container button.btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    color: #31006f;
    clear: none;
    width: 125px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .APP-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .APP-input-container > label,
  body .APP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #FFFFFF;
  }
  body .APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .SS-search-options {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin: 5px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 75%;
  }
  body .CICO-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CICO-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body table,
  body .table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    margin: 0 auto;
  }
  body table tr th,
  body .table tr th {
    text-align: center;
  }
  body .checkin-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.6em;
    border-radius: 10px;
  }
  body .checkin-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .checkin-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .checkin-grid-view-container div table th, body .checkin-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .checkin-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .checkin-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .checkin-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .checkin-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .checkin-grid-view-container table th:last-child, body .checkin-grid-view-container table td:last-child {
    width: 25px !important;
  }
  body .checkin-grid-view-container table tr td:last-child input[type=image] {
    width: 15px;
    height: 15px;
  }
  body .PA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .PA-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .PA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .PA-grid-view-container div table th, body .PA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .PA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .Dep-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .Dep-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .dep-input-container {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    padding: 10px;
  }
  body .dep-input-container label > span {
    margin-right: 10px;
    flex: 0 1 auto;
    text-align: left;
    padding: 6px 15px;
    display: inline-block;
  }
  body .dep-input-container .ohw {
    width: 100px;
  }
  body .dep-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    flex-grow: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .dep-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .Groups-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
  }
  body .Groups-dropdown-container .Groups-group {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .GB-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GB-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .gb-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .gb-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .gb-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .gb-grid-view-container div table th, body .gb-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .gb-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .gb-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .gb-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon label, body .gb-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .gb-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .gb-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .gb-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ChkBoxClass input[type=checkbox] {
    transform: scale(0.75);
    margin: 0 auto;
  }
  body .div-gb-photo {
    border: none;
  }
  body .gb-photo {
    border: none;
    max-height: 100px;
    max-width: 100px;
    display: block;
    margin: 0 auto;
  }
  body .gb-grid-view-container table th:first-child, body .gb-grid-view-container table td:first-child {
    width: 70px !important;
  }
  body .gb-grid-view-container table th:nth-child(2), body .gb-grid-view-container table td:first-child {
    width: 100px !important;
  }
  body .gb-grid-view-container table th:last-child, body .gb-grid-view-container table td:last-child {
    width: 70px !important;
  }
  body .inst-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .inst-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .inst-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .inst-grid-view-container div table th, body .inst-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .inst-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .inst-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .inst-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .inst-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .inst-grid-view-container table th:first-child, body .inst-grid-container table td:first-child {
    width: 65px !important;
  }
  body .inst-grid-view-container table th:nth-child(3), body .inst-grid-container table td:first-child {
    width: 80px !important;
  }
  body .Default-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 250px;
  }
  body .Groups-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
    padding: 10px;
  }
  body .Groups-dropdown-container .groups-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  body .Groups-dropdown-container .groups-input-container .Groups-group, body .Groups-dropdown-container .groups-input-container #ddlGroups, body .Groups-dropdown-container .groups-input-container #btnManageGroup {
    margin: 0 auto;
    padding: 10px;
    width: auto;
    text-align: center;
  }
  body .Groups-dropdown-container .groups-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    flex-grow: 1;
    width: 300px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .Groups-dropdown-container .groups-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .BW-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BW-container .BW-search-options h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .BW-container .BW-input-container > label,
  body .BW-container .BW-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .BW-container .BW-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .BW-container .BW-input-container textarea {
    margin: 0 auto;
    width: 95%;
  }
  body .BW-container .BW-input-container input[type=number] {
    margin: 10px auto;
  }
  body .BW-container .BW-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .BW-container .BW-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .classroom-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 325px;
  }
  body .classroom-VS-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-VS-dropdown-container h2, body .classroom-VS-dropdown-container h3 {
    color: #000000;
  }
  body .classroom-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  body .classroom-cards-container .card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    color: #FFFFFF;
    width: calc(33.333% - 20px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  body .classroom-cards-container .card .card-header {
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(211.25, 211.25, 211.25);
  }
  body .classroom-cards-container .card .card-body {
    padding: 15px;
  }
  body .classroom-cards-container .card .card-footer {
    padding: 10px;
    background-color: rgb(254.75, 254.75, 254.75);
    border-top: 1px solid rgb(211.25, 211.25, 211.25);
  }
  body .classroom-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .classroom-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    color: #000000;
    padding: 0px;
    border: none;
  }
  body .classroom-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .classroom-grid-view-container div table th, body .classroom-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .classroom-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .classroom-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .fa-solid, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.open + div.accordion-image, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.closed + div.accordion-image {
    font-size: 3em;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon label, body .classroom-grid-view-container div table tbody tr td.status-icon span {
    display: block;
    margin: 10px auto;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .classroom-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .classroom-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .classroom-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .classroom-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .classroom-grid-view-container table th:first-child, body .classroom-grid-view-container table td:first-child {
    width: 50px !important;
  }
  body .classroom-input-container {
    margin: 10px auto;
    display: flex;
    justify-content: center;
  }
  body .classroom-input-container .btn, body .classroom-input-container input[type=button] {
    margin: 5px;
    display: inline-block;
  }
  body .classroom-input-container .btn.btn-as-link {
    color: #FFFFFF;
  }
  body .login-forgot-button .btn.btn-as-link {
    color: #FFFFFF;
  }
  body .classroom-confirm {
    background-color: #009933;
    margin: 10px auto;
    display: block;
  }
  body .classroom-warning {
    background-color: #E7004C;
    color: #FFFFFF;
    margin: 10px auto;
  }
  body .classroom-exabs {
    background-color: #10d004;
    margin: 10px auto;
    display: block;
  }
  body .classroom-clear {
    background-color: transparent;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-unlate {
    background-color: #c0d00b;
    margin: 10px auto;
    display: block;
  }
  body .classroom-exlate {
    background-color: #FFFF00;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-asa {
    background-color: #00BED6;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-danger {
    background-color: #9E3030;
    margin: 10px auto;
    display: block;
  }
  body .classroom-WO-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-WO-dropdown-container .classroom-weekOf {
    color: #000000;
  }
  body .classroom-WO-dropdown-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .classroom-WO-dropdown-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CS-selection-shield-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, max-content));
    grid-template-rows: auto auto;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
  }
  body .CS-selection-shield-form .shield-form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(-n+2) {
    width: 125px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(3) {
    grid-column: 1/span 2;
  }
  body .CS-selection-shield-form .shield-form-group label, body .CS-selection-shield-form .shield-form-group input[type=checkbox] {
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  body .CS-selection-shield-form .shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .CS-selection-shield-form .shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-search-options {
    display: block;
    align-items: center;
  }
  body .CS-search-options .CS-shield-form {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px auto;
  }
  body .CS-search-options .CS-action-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    width: 65%;
    padding: 15px;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout label, body .CS-search-options .CS-action-checkboxes .CS-action-layout input[type=checkbox] {
    margin: 0 auto;
    display: block;
  }
  body .CS-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .CS-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    color: #FFFFFF;
    padding: 0px;
  }
  body .CS-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .CS-grid-view-container div table th, body .CS-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .CS-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CS-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CS-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .CS-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CS-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CS-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CS-grid-view-container table th:nth-child(7) {
    width: 50px !important;
  }
  body .crisisMessages-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
    overflow-y: scroll;
  }
  body .crisisMessages-grid-view-container .eye-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  body .crisisMessages-grid-view-container .leftJ.hidden, body .crisisMessages-grid-view-container .rightJ.hidden {
    display: none;
  }
  body .crisisMessages-grid-view-container .message-injured {
    background-color: red !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .message-missing {
    background-color: gold !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .leftJ, body .crisisMessages-grid-view-container .rightJ {
    padding: 8px 12px;
    display: inline-block;
    white-space: normal;
    border-radius: 15px;
  }
  body .crisisMessages-grid-view-container .leftJ {
    background-color: #e0e0e0;
    text-align: left;
    float: left;
    clear: both;
  }
  body .crisisMessages-grid-view-container .rightJ {
    background-color: skyblue;
    text-align: left;
    float: right;
    clear: both;
    color: white;
  }
  body .crisisMessages-grid-view-container .rightMessage {
    text-align: right;
  }
  body .crisisMessages-grid-view-container table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisisMessages-grid-view-container table th, body .crisisMessages-grid-view-container table td {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 2px 5px;
    border: none;
  }
  body .crisisMessages-grid-view-container .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CrisisMon-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .CrisisMon-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    color: #FFFFFF;
    padding: 5px;
  }
  body .CrisisMon-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .CrisisMon-grid-view-container div table th, body .CrisisMon-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .CrisisMon-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CrisisMon-grid-view-container div table tbody tr .checkbox input[type=checkbox] {
    margin: auto;
  }
  body .CrisisMon-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CrisisMon-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .CrisisMon-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CrisisMon-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CrisisMon-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CPS-Time-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-Time-form-group span {
    padding-right: 10px;
  }
  body .CPS-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-form-group span {
    padding-right: 10px;
  }
  body .KC-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .KC-container span {
    color: #000000;
  }
  body .dashboard-APP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-APP-container .dashboard-APP-input-container label {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    color: #000000;
  }
  body .dashboard-APP-container .dashboard-APP-input-container input[type=date] {
    display: inline-block;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-groups-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-groups-container label {
    color: #000000;
  }
  body .dashboard-departments-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-SS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-KCS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GMD-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .button-input-container {
    margin: 25px auto;
  }
  body .IHP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }
  body .IHP-container .IHP-input-container > label,
  body .IHP-container .IHP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .IHP-container .IHP-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .IHP-container .IHP-input-container textarea {
    margin: 0 auto;
    width: 95%;
  }
  body .IHP-container .IHP-input-container input[type=number] {
    margin: 10px auto;
  }
  body .IHP-container .IHP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .IHP-container .IHP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .OT-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .OT-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.55em;
    border-radius: 10px;
  }
  body .OT-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .OT-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .OT-grid-view-container div table th, body .OT-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .OT-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .OT-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .OT-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon label, body .OT-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .OT-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.55em;
    border-radius: 10px;
  }
  body .HD-HF-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .HD-HF-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .HD-HF-grid-view-container div table th.status-icon, body .HD-HF-grid-view-container div table td.status-icon {
    display: none;
  }
  body .HD-HF-grid-view-container div table th, body .HD-HF-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .HD-HF-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HD-HF-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HD-HF-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HD-HF-grid-view-container div table tbody tr td input[type=submit] {
    margin: 10px auto;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HD-HF-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container table th:nth-child(3) {
    width: 150px !important;
  }
  body .ProAb-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ProAb-container .ProAb-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ProAb-container .ProAb-input-container > label,
  body .ProAb-container .ProAb-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ProAb-container .ProAb-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ProAb-container .ProAb-input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
  }
  body .ProAb-container .ProAb-input-container .time-container > span {
    min-height: 40px;
  }
  body .ProAb-container .ProAb-input-container .time-container select {
    width: 100px;
  }
  body .ProAb-container .ProAb-input-container input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date],
  body .ProAb-container .ProAb-input-container select,
  body .ProAb-container .ProAb-input-container textarea,
  body .ProAb-container .ProAb-input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .ProAb-container .ProAb-input-container input[type=text].short,
  body .ProAb-container .ProAb-input-container input[type=date].short,
  body .ProAb-container .ProAb-input-container select.short,
  body .ProAb-container .ProAb-input-container textarea.short,
  body .ProAb-container .ProAb-input-container input[type=number].short {
    max-width: 100px;
  }
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=text] + select,
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=date] + select,
  body .ProAb-container .ProAb-input-container select + input[type=text],
  body .ProAb-container .ProAb-input-container select + input[type=number],
  body .ProAb-container .ProAb-input-container select + input[type=password],
  body .ProAb-container .ProAb-input-container select + select,
  body .ProAb-container .ProAb-input-container textarea + input[type=text],
  body .ProAb-container .ProAb-input-container textarea + input[type=number],
  body .ProAb-container .ProAb-input-container textarea + input[type=password],
  body .ProAb-container .ProAb-input-container textarea + select,
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .ProAb-container .ProAb-input-container input[type=submit] {
    margin: 10px auto;
  }
  body .ProAb-container .ProAb-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ProAb-container .ProAb-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .reports-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .version {
    padding: 20px 0 0 0;
  }
  body .version span {
    color: #FFFFFF;
  }
  body .profile-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .profile-container h3 {
    padding: 20px 0 0 0;
    color: #000000;
  }
  body .profile-shield-form-group {
    display: inline-block;
    padding: 0 0 10px 0;
    margin: 0 auto;
  }
  body .profile-shield-form-group input[type=text] {
    width: 250px;
  }
  body .support-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .support-MP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container h3 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .ABA-container .ABA-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-container .ABA-input-container > label,
  body .ABA-container .ABA-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-container .ABA-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-container .ABA-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-container .ABA-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-WB-container .ABA-WB-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-WB-container .ABA-WB-input-container > label,
  body .ABA-WB-container .ABA-WB-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-WB-container .ABA-WB-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-WB-container .ABA-WB-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-WB-container .ABA-WB-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em;
    border-radius: 10px;
  }
  body .ABA-WB-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .ABA-WB-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .ABA-WB-grid-view-container div table th, body .ABA-WB-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .ABA-WB-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ABA-WB-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ABA-WB-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ABA-WB-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ABA-WB-grid-view-container table th:first-child, body .ABA-WB-grid-container table td:first-child {
    width: 50px !important;
  }
  body .ABA-WB-grid-view-container table th:nth-child(3) td, body .ABA-WB-grid-container table td:first-child td {
    color: #FFFFFF;
  }
  body .BM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .BM-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BM-grid-view-container div table th, body .BM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BM-grid-view-container div table tbody tr td img {
    width: 100px;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BM-grid-view-container table th:first-child, body .BM-grid-container table td:first-child {
    width: 50px !important;
  }
  body .BM-grid-view-container table th:nth-child(3) {
    width: 125px !important;
  }
  body .sideCheckbox-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  body .sideCheckbox-input-container > label,
  body .sideCheckbox-input-container > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    color: #000000;
    text-align: center;
    margin: 0 auto;
  }
  body .sideCheckbox-input-container.checkboxes {
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .sideCheckbox-input-container input[type=checkbox], body .sideCheckbox-input-container input[type=number] {
    margin: 0 auto;
  }
  body .CM-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CM-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .CM-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .WB-mobile-grid-row {
    color: #FFFFFF;
    border: none;
  }
  body .AbLateAttAll-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.8em;
    border-radius: 10px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table th, body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td input[type=submit] {
    margin: 10px auto;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 175px;
    max-height: 75px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttAll-grid-view-container table th:last-child, body .AbLateAttAll-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttAll-mobile-grid-row {
    color: #FFFFFF;
  }
  body .AbLateAttInd-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container > label,
  body .AbLateAttInd-container .AbLateAttInd-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table th, body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttInd-grid-view-container table th:last-child, body .AbLateAttInd-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttInd-mobile-grid-row {
    color: #FFFFFF;
  }
  body .BC-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .BC-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BC-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BC-grid-view-container div table th, body .BC-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BC-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BC-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BC-grid-view-container div table tbody tr td select {
    margin: 5px auto;
  }
  body .BC-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BC-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BC-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BC-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BC-WO {
    color: #FFFFFF;
  }
  body .BSM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .BSM-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .BSM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .BSM-grid-view-container div table th, body .BSM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .BSM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BSM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BSM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BSM-grid-view-container div table tbody tr .BSM-table-pattern input[type=text] {
    margin: 0 auto;
    width: 150px;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BSM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .comm-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.55em;
    border-radius: 10px;
  }
  body .comm-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .comm-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .comm-grid-view-container div table th, body .comm-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .comm-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .comm-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .comm-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .comm-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .comm-grid-view-container table th:first-child, body .comm-grid-container table td:first-child {
    width: 50px !important;
  }
  body .GMD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .GMD-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .GMD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .GMD-grid-view-container div table th, body .GMD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .GMD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .GMD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .GMD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .GMD-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
    max-width: 125px;
  }
  body .GMD-grid-view-container div table tbody tr td img {
    width: 75px;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .GMD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9em;
    border-radius: 10px;
  }
  body .reports-grid-view-container div {
    border: 1px solid #e0e0e0;
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
  }
  body .reports-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .reports-grid-view-container div table th, body .reports-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .reports-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .reports-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .reports-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .reports-grid-view-container div table tbody tr td img {
    width: 75px;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .reports-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container table th:first-child, body .reports-grid-container table td:first-child {
    width: 25px !important;
  }
  body .reports-grid-view-container table th:last-child, body .reports-grid-container table td:last-child {
    width: 200px !important;
  }
  body .ED-action-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px auto;
  }
  body .range-container {
    display: flex;
    align-items: center;
    width: 100%;
  }
  body .RA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BIP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BIP-container textarea {
    width: 300px;
  }
  body .default-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 2px solid #31006f;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
  }
  body .default-container h2, body .default-container h3 {
    color: #000000;
  }
  body .default-container .MM-Text {
    width: 50%;
  }
  body .default-container .CA-time-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    width: auto;
    font-size: large;
  }
  body .default-container .CA-time-container input[type=text] {
    width: 100px;
  }
  body .default-container .action-option {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  body .default-container .action-option input[type=text], body .default-container .action-option span {
    width: 150px;
  }
  body .TDM-table {
    font-size: 0.6em;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 20px 0;
  }
  body .TDM-table th, body .TDM-table td {
    text-align: center;
    padding: 2px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0e0e0;
  }
  body .TDM-table tr :nth-child(2) {
    width: 100px !important;
  }
  body .TDM-table tr:first-child td {
    white-space: normal;
    word-wrap: break-word;
  }
  body .TDM-table tr:first-child th {
    background-color: #31006f;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 10px;
  }
  body .TDM-table tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  body .TDM-table tr:nth-child(odd) {
    background-color: #FFFFFF;
  }
  body .TDM-table tr td input[type=checkbox] {
    margin: auto;
  }
  body .TDM-table tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .TDM-table tr td select, body .TDM-table tr td input[type=text], body .TDM-table tr td input[type=date], body .TDM-table tr td input[type=number] {
    width: auto;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    margin: auto;
  }
  body .TDM-table td:last-child .btn-as-link {
    background-color: #9e70ff;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 10px auto;
    display: block;
  }
  body .TDM-table tr:nth-last-child(-n+2) td {
    text-align: center;
  }
  body .TDM-table tr:nth-last-child(-n+2) td input[type=submit], body .TDM-table tr:nth-last-child(-n+2) td input[type=button] {
    margin: 0 auto;
    display: inline-block;
  }
  body .ABD-input-container {
    display: flex;
    align-items: center;
  }
  body .ABD-input-container label {
    margin-right: 8px;
  }
  body .ABD-input-container .checkbox-wrapper {
    display: flex;
  }
  body .ABD-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .MM-input-box {
    display: flex;
    margin: auto;
    width: auto;
    flex-direction: column;
    align-items: center;
  }
  body .default-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .default-input-container > label,
  body .default-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .default-input-container.checkboxes,
  body .default-input-container input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  body .default-input-container input[type=file] {
    width: 215px;
    padding: 0 0 10px 0;
  }
  body .default-input-container input[type=date], body .default-input-container input[type=sumbit] {
    margin: 0 auto;
  }
  body .default-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin-bottom: 10px;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    display: block;
  }
  body .default-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .default-input-container textarea, body .default-input-container input[type=number] {
    width: 75%;
    margin: 0 auto;
  }
  body .modalButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    text-align: center;
  }
  body .modalButton select {
    width: 250px;
  }
  body .modalButton input[type=submit] {
    width: 75px;
    margin: 10px auto;
  }
  body .commun-search-options h3 {
    color: #000000;
  }
  body .commun-search-options input[type=text] {
    width: 150px;
  }
  body .DMD-mobile-grid-row {
    color: #FFFFFF;
  }
  body .PD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.85em;
    border-radius: 10px;
  }
  body .PD-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .PD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .PD-grid-view-container div table th, body .PD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .PD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HHA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.5em;
    border-radius: 10px;
  }
  body .HHA-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .HHA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .HHA-grid-view-container div table th, body .HHA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .HHA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HHA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HHA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HHA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HHA-grid-view-container table th:first-child, body .HHA-grid-container table td:first-child {
    width: 50px !important;
  }
  body .HHA-mobile-grid-row {
    color: #FFFFFF;
  }
  body .TM-bottom-container input[type=submit] {
    margin: 10px auto;
  }
  body .grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 0.95em;
    /*border-radius: $border-radius;*/
  }
  body .grid-view-container div {
    /*border: 1px solid $gray-border;*/
    /*border-radius: $border-radius;*/
    background-color: #31006f;
    padding: 0px;
    border: none;
  }
  body .grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .grid-view-container div table .mobile-only {
    display: table-cell;
  }
  body .grid-view-container div table thead, body .grid-view-container div table tbody, body .grid-view-container div table th, body .grid-view-container div table td {
    text-align: center;
  }
  body .grid-view-container div table th, body .grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr th .mobile-only {
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td select,
  body .grid-view-container div table tbody tr td input[type=text],
  body .grid-view-container div table tbody tr td input[type=number] {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    background-color: #f2f2f2;
  }
  body .grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .grid-view-container div table tbody tr td.mobile-information select,
  body .grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .grid-view-container div table tbody tr td .student-photo {
    max-height: 90px;
    max-width: 90px;
  }
  body .grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.error, body .grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.error:hover, body .grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm, body .grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm:hover, body .grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .grid-view-container div table tbody tr td.status-icon label, body .grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
  }
  body .grid-view-container div .mobile-hide {
    display: none;
  }
  body .crisis-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .crisis-grid-view-container div {
    padding: 5px;
  }
  body .crisis-grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisis-grid-view-container div table.FixedWidth {
    width: 500px;
  }
  body .crisis-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .crisis-grid-view-container div table .mobile-only {
    display: none;
  }
  body .crisis-grid-view-container div table thead, body .crisis-grid-view-container div table tbody, body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    text-align: center;
  }
  body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .crisis-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .crisis-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr .time-container {
    display: flex;
    margin-left: auto;
    width: 150px;
  }
  body .crisis-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .crisis-grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td select,
  body .crisis-grid-view-container div table tbody tr td input[type=text],
  body .crisis-grid-view-container div table tbody tr td input[type=number],
  body .crisis-grid-view-container div table tbody tr td input[type=date],
  body .crisis-grid-view-container div table tbody tr td textarea {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 2px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .crisis-grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .crisis-grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information select,
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .crisis-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error, body .crisis-grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error:hover, body .crisis-grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm, body .crisis-grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm:hover, body .crisis-grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon label, body .crisis-grid-view-container div table tbody tr td.status-icon span {
    font-size: 1em;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ACD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
  }
  body .ACD-grid-view-container div {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #31006f;
    padding: 5px;
  }
  body .ACD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  body .ACD-grid-view-container div table .mobile-only {
    display: table-cell;
  }
  body .ACD-grid-view-container div table thead, body .ACD-grid-view-container div table tbody, body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    text-align: center;
  }
  body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
  }
  body .ACD-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .ACD-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ACD-grid-view-container div table tbody tr th .mobile-only {
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ACD-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .ACD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ACD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
  }
  body .ACD-grid-view-container div .mobile-hide {
    display: none;
  }
  body .personal-detail-container {
    width: 100%;
    padding: 0.5rem 1rem;
    margin: 1rem auto;
  }
  body .personal-detail-container h1, body .personal-detail-container h2, body .personal-detail-container h3, body .personal-detail-container h4 {
    color: #000000;
    font-weight: 500;
    margin: 0.5rem 1rem 2rem 1rem;
  }
  body .personal-detail-container h3 {
    font-size: 1.45em;
  }
  body .personal-detail-container .demographics {
    width: 100%;
    padding: 0.5rem;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
  }
  body .personal-detail-container .demographics .photo {
    float: none;
    margin: 0.5rem auto;
    width: 100%;
    min-width: unset;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-photo {
    margin: 0 auto;
    max-height: 230px;
  }
  body .personal-detail-container .demographics .photo .student-name,
  body .personal-detail-container .demographics .photo .student-location {
    color: #000000;
    width: 100%;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-name label,
  body .personal-detail-container .demographics .photo .student-name span,
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-size: 1.15em;
    font-weight: 600;
    padding: 0.5rem;
  }
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-weight: 500;
    font-size: 1rem;
  }
  body .personal-detail-container .demographics .student-counts {
    width: 100%;
    float: none;
    margin: 0.25rem auto;
    text-align: center;
  }
  body .personal-detail-container .demographics .student-counts .grid-view-container {
    width: 100%;
    margin: 0 auto;
  }
  body .shield-form .personal-detail-container {
    width: 90%;
  }
  body .shield-form .personal-detail-container .demographics .photo {
    width: 60%;
    margin: 0.5rem auto;
    float: none;
  }
  body .shield-form .personal-detail-container .demographics .photo-change {
    width: 60%;
    clear: both;
    text-align: center;
    margin: 0.5rem auto;
  }
  body .shield-form .personal-detail-container .demographics .photo-change .fa-solid, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.open + div.accordion-image, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.closed + div.accordion-image {
    padding: 0.5rem;
  }
  body .tiles-list li::marker {
    content: none;
    padding: 0;
  }
  body ul {
    padding: 0;
  }
  body .dashboard-tiles {
    width: 100%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles h2 {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #FFFFFF;
  }
  body .dashboard-tiles .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles .tile-contents .tiles-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline-start: 0;
    margin: 0 auto;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile {
    min-height: 200px;
    width: 100%;
    margin: 0.5rem;
    padding: 0.5rem;
    overflow: visible;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20px;
    border: 2px solid #31006f;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 1rem 0.75rem;
    background-color: #f0f0f0;
    list-style: none;
    color: #000000;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p.link-description {
    text-align: center;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #000000;
    color: #31006F;
    text-decoration: none;
  }
  body .dashboard-tiles3 {
    width: 100%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles3 h2 {
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile {
    flex: 1 1 48%;
    height: 225px;
    margin: 0.1rem;
    padding: 0.1rem;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 8px #aaaaaa;
    padding: 1rem 0.75rem;
    background-color: transparent;
    list-style: none;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #31006F;
    color: #FFFFFF;
    text-decoration: none;
  }
  body .input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .input-container > label,
  body .input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .input-container .medium {
    width: 150px;
  }
  body .input-container .wide {
    width: 85%;
  }
  body .input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .input-container .time-container > span {
    min-height: 40px;
  }
  body .input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .input-container input[type=text],
  body .input-container input[type=date],
  body .input-container select,
  body .input-container textarea,
  body .input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .input-container input[type=text].short,
  body .input-container input[type=date].short,
  body .input-container select.short,
  body .input-container textarea.short,
  body .input-container input[type=number].short {
    max-width: 100px;
  }
  body .input-container input[type=text].DateField,
  body .input-container input[type=date].DateField,
  body .input-container select.DateField,
  body .input-container textarea.DateField,
  body .input-container input[type=number].DateField {
    max-width: 150px;
  }
  body .input-container input[type=text] + input[type=text],
  body .input-container input[type=text] + input[type=number],
  body .input-container input[type=text] + input[type=password],
  body .input-container input[type=text] + select,
  body .input-container input[type=date] + input[type=text],
  body .input-container input[type=date] + input[type=number],
  body .input-container input[type=date] + input[type=password],
  body .input-container input[type=date] + select,
  body .input-container select + input[type=text],
  body .input-container select + input[type=number],
  body .input-container select + input[type=password],
  body .input-container select + select,
  body .input-container textarea + input[type=text],
  body .input-container textarea + input[type=number],
  body .input-container textarea + input[type=password],
  body .input-container textarea + select,
  body .input-container input[type=number] + input[type=text],
  body .input-container input[type=number] + input[type=number],
  body .input-container input[type=number] + input[type=password],
  body .input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .input-container textarea {
    width: 50%;
    margin: 0 auto;
    display: block;
    clear: right;
  }
  body .input-container button,
  body .input-container input[type=button],
  body .input-container input[type=submit],
  body .input-container .btn {
    clear: both;
    margin-right: 0.5rem;
  }
  body .input-container button.btn-as-input,
  body .input-container input[type=button].btn-as-input,
  body .input-container input[type=submit].btn-as-input,
  body .input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container input[type=checkbox] {
    float: left;
    margin-left: 10px;
  }
  body .input-container input[type=checkbox] + button, body .input-container input[type=checkbox] + input[type=button], body .input-container input[type=checkbox] + input[type=submit], body .input-container input[type=checkbox] + .btn {
    clear: none;
    margin-right: 0.5rem;
  }
  body .input-container input[type=checkbox] + button.btn-as-input, body .input-container input[type=checkbox] + input[type=button].btn-as-input, body .input-container input[type=checkbox] + input[type=submit].btn-as-input, body .input-container input[type=checkbox] + .btn.btn-as-input {
    background-color: #F4CDD4;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container.buttons {
    padding: 9px 0;
  }
  body .input-container.buttons button,
  body .input-container.buttons input[type=button],
  body .input-container.buttons input[type=submit],
  body .input-container.buttons .btn {
    float: none;
    clear: both;
    margin: 0.5rem auto;
    color: #FFFFFF;
  }
  body .input-container.buttons button + button,
  body .input-container.buttons button + input[type=button],
  body .input-container.buttons button + input[type=submit],
  body .input-container.buttons button + .btn,
  body .input-container.buttons input[type=button] + button,
  body .input-container.buttons input[type=button] + input[type=button],
  body .input-container.buttons input[type=button] + input[type=submit],
  body .input-container.buttons input[type=button] + .btn,
  body .input-container.buttons input[type=submit] + button,
  body .input-container.buttons input[type=submit] + input[type=button],
  body .input-container.buttons input[type=submit] + input[type=submit],
  body .input-container.buttons input[type=submit] + .btn,
  body .input-container.buttons .btn + button,
  body .input-container.buttons .btn + input[type=button],
  body .input-container.buttons .btn + input[type=submit],
  body .input-container.buttons .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.buttons button + button.class-button,
  body .input-container.buttons button + input[type=button].class-button,
  body .input-container.buttons button + input[type=submit].class-button,
  body .input-container.buttons button + .btn.class-button,
  body .input-container.buttons input[type=button] + button.class-button,
  body .input-container.buttons input[type=button] + input[type=button].class-button,
  body .input-container.buttons input[type=button] + input[type=submit].class-button,
  body .input-container.buttons input[type=button] + .btn.class-button,
  body .input-container.buttons input[type=submit] + button.class-button,
  body .input-container.buttons input[type=submit] + input[type=button].class-button,
  body .input-container.buttons input[type=submit] + input[type=submit].class-button,
  body .input-container.buttons input[type=submit] + .btn.class-button,
  body .input-container.buttons .btn + button.class-button,
  body .input-container.buttons .btn + input[type=button].class-button,
  body .input-container.buttons .btn + input[type=submit].class-button,
  body .input-container.buttons .btn + .btn.class-button {
    margin-left: 0.25rem;
    color: #000000;
  }
  body .input-container.buttons button.class-button,
  body .input-container.buttons input[type=button].class-button,
  body .input-container.buttons input[type=submit].class-button,
  body .input-container.buttons .btn.class-button {
    color: #f2f2f2;
    width: 45%;
    margin: 0.5rem 0.25rem;
  }
  body .input-container.wrapped-button {
    padding: 12px 0;
  }
  body .input-container.wrapped-button button,
  body .input-container.wrapped-button input[type=button],
  body .input-container.wrapped-button input[type=submit],
  body .input-container.wrapped-button .btn {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    transform: translateY(0.25rem);
  }
  body .input-container.wrapped-button button + button,
  body .input-container.wrapped-button button + input[type=button],
  body .input-container.wrapped-button button + input[type=submit],
  body .input-container.wrapped-button button + .btn,
  body .input-container.wrapped-button input[type=button] + button,
  body .input-container.wrapped-button input[type=button] + input[type=button],
  body .input-container.wrapped-button input[type=button] + input[type=submit],
  body .input-container.wrapped-button input[type=button] + .btn,
  body .input-container.wrapped-button input[type=submit] + button,
  body .input-container.wrapped-button input[type=submit] + input[type=button],
  body .input-container.wrapped-button input[type=submit] + input[type=submit],
  body .input-container.wrapped-button input[type=submit] + .btn,
  body .input-container.wrapped-button .btn + button,
  body .input-container.wrapped-button .btn + input[type=button],
  body .input-container.wrapped-button .btn + input[type=submit],
  body .input-container.wrapped-button .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.info {
    padding: 0;
  }
  body .input-container.info label,
  body .input-container.info span {
    width: 50%;
    display: inline-block;
    float: none;
    text-align: right;
    font-weight: 600;
    padding: 0.5rem 1rem;
  }
  body .input-container.info label + label,
  body .input-container.info label + span,
  body .input-container.info span + label,
  body .input-container.info span + span {
    width: 30%;
    text-align: left;
    font-weight: normal;
  }
  body .input-container.info label + input[type=submit],
  body .input-container.info label + button,
  body .input-container.info label + .btn,
  body .input-container.info span + input[type=submit],
  body .input-container.info span + button,
  body .input-container.info span + .btn {
    margin-left: 10px;
  }
  body .input-container.flowing {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body .input-container.flowing * {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 4px;
  }
  body .input-container.flowing label,
  body .input-container.flowing span {
    padding: 8px 4px;
    margin-left: 0;
    margin-right: 0;
  }
  body .input-container.flowing input[type=text],
  body .input-container.flowing input[type=number],
  body .input-container.flowing input[type=checkbox],
  body .input-container.flowing select {
    margin: 10px auto;
  }
  body .input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .blackText-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .blackText-input-container > label,
  body .blackText-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .blackText-input-container .medium {
    width: 150px;
  }
  body .blackText-input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .blackText-input-container .time-container > span {
    min-height: 40px;
  }
  body .blackText-input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .blackText-input-container input[type=text],
  body .blackText-input-container input[type=date],
  body .blackText-input-container select,
  body .blackText-input-container textarea,
  body .blackText-input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .blackText-input-container input[type=text].short,
  body .blackText-input-container input[type=date].short,
  body .blackText-input-container select.short,
  body .blackText-input-container textarea.short,
  body .blackText-input-container input[type=number].short {
    max-width: 100px;
  }
  body .blackText-input-container input[type=text].DateField,
  body .blackText-input-container input[type=date].DateField,
  body .blackText-input-container select.DateField,
  body .blackText-input-container textarea.DateField,
  body .blackText-input-container input[type=number].DateField {
    max-width: 150px;
  }
  body .blackText-input-container input[type=text] + input[type=text],
  body .blackText-input-container input[type=text] + input[type=number],
  body .blackText-input-container input[type=text] + input[type=password],
  body .blackText-input-container input[type=text] + select,
  body .blackText-input-container input[type=date] + input[type=text],
  body .blackText-input-container input[type=date] + input[type=number],
  body .blackText-input-container input[type=date] + input[type=password],
  body .blackText-input-container input[type=date] + select,
  body .blackText-input-container select + input[type=text],
  body .blackText-input-container select + input[type=number],
  body .blackText-input-container select + input[type=password],
  body .blackText-input-container select + select,
  body .blackText-input-container textarea + input[type=text],
  body .blackText-input-container textarea + input[type=number],
  body .blackText-input-container textarea + input[type=password],
  body .blackText-input-container textarea + select,
  body .blackText-input-container input[type=number] + input[type=text],
  body .blackText-input-container input[type=number] + input[type=number],
  body .blackText-input-container input[type=number] + input[type=password],
  body .blackText-input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .blackText-input-container textarea {
    width: 50%;
    margin: 0 auto;
    display: block;
    clear: right;
  }
  body .blackText-input-container button,
  body .blackText-input-container input[type=button],
  body .blackText-input-container input[type=submit],
  body .blackText-input-container .btn {
    clear: both;
    margin-right: 0.5rem;
  }
  body .blackText-input-container button.btn-as-input,
  body .blackText-input-container input[type=button].btn-as-input,
  body .blackText-input-container input[type=submit].btn-as-input,
  body .blackText-input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .blackText-input-container input[type=checkbox] {
    float: left;
    margin-left: 10px;
  }
  body .blackText-input-container input[type=checkbox] + button, body .blackText-input-container input[type=checkbox] + input[type=button], body .blackText-input-container input[type=checkbox] + input[type=submit], body .blackText-input-container input[type=checkbox] + .btn {
    clear: none;
    margin-right: 0.5rem;
  }
  body .blackText-input-container input[type=checkbox] + button.btn-as-input, body .blackText-input-container input[type=checkbox] + input[type=button].btn-as-input, body .blackText-input-container input[type=checkbox] + input[type=submit].btn-as-input, body .blackText-input-container input[type=checkbox] + .btn.btn-as-input {
    background-color: #F4CDD4;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .blackText-input-container.buttons {
    padding: 9px 0;
  }
  body .blackText-input-container.buttons button,
  body .blackText-input-container.buttons input[type=button],
  body .blackText-input-container.buttons input[type=submit],
  body .blackText-input-container.buttons .btn {
    float: none;
    clear: both;
    margin: 0.5rem auto;
    color: #000000;
  }
  body .blackText-input-container.buttons button + button,
  body .blackText-input-container.buttons button + input[type=button],
  body .blackText-input-container.buttons button + input[type=submit],
  body .blackText-input-container.buttons button + .btn,
  body .blackText-input-container.buttons input[type=button] + button,
  body .blackText-input-container.buttons input[type=button] + input[type=button],
  body .blackText-input-container.buttons input[type=button] + input[type=submit],
  body .blackText-input-container.buttons input[type=button] + .btn,
  body .blackText-input-container.buttons input[type=submit] + button,
  body .blackText-input-container.buttons input[type=submit] + input[type=button],
  body .blackText-input-container.buttons input[type=submit] + input[type=submit],
  body .blackText-input-container.buttons input[type=submit] + .btn,
  body .blackText-input-container.buttons .btn + button,
  body .blackText-input-container.buttons .btn + input[type=button],
  body .blackText-input-container.buttons .btn + input[type=submit],
  body .blackText-input-container.buttons .btn + .btn {
    margin-left: 8px;
  }
  body .blackText-input-container.buttons button + button.class-button,
  body .blackText-input-container.buttons button + input[type=button].class-button,
  body .blackText-input-container.buttons button + input[type=submit].class-button,
  body .blackText-input-container.buttons button + .btn.class-button,
  body .blackText-input-container.buttons input[type=button] + button.class-button,
  body .blackText-input-container.buttons input[type=button] + input[type=button].class-button,
  body .blackText-input-container.buttons input[type=button] + input[type=submit].class-button,
  body .blackText-input-container.buttons input[type=button] + .btn.class-button,
  body .blackText-input-container.buttons input[type=submit] + button.class-button,
  body .blackText-input-container.buttons input[type=submit] + input[type=button].class-button,
  body .blackText-input-container.buttons input[type=submit] + input[type=submit].class-button,
  body .blackText-input-container.buttons input[type=submit] + .btn.class-button,
  body .blackText-input-container.buttons .btn + button.class-button,
  body .blackText-input-container.buttons .btn + input[type=button].class-button,
  body .blackText-input-container.buttons .btn + input[type=submit].class-button,
  body .blackText-input-container.buttons .btn + .btn.class-button {
    margin-left: 0.25rem;
    color: #000000;
  }
  body .blackText-input-container.buttons button.class-button,
  body .blackText-input-container.buttons input[type=button].class-button,
  body .blackText-input-container.buttons input[type=submit].class-button,
  body .blackText-input-container.buttons .btn.class-button {
    color: #f2f2f2;
    width: 45%;
    margin: 0.5rem 0.25rem;
  }
  body .blackText-input-container.wrapped-button {
    padding: 12px 0;
  }
  body .blackText-input-container.wrapped-button button,
  body .blackText-input-container.wrapped-button input[type=button],
  body .blackText-input-container.wrapped-button input[type=submit],
  body .blackText-input-container.wrapped-button .btn {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    transform: translateY(0.25rem);
  }
  body .blackText-input-container.wrapped-button button + button,
  body .blackText-input-container.wrapped-button button + input[type=button],
  body .blackText-input-container.wrapped-button button + input[type=submit],
  body .blackText-input-container.wrapped-button button + .btn,
  body .blackText-input-container.wrapped-button input[type=button] + button,
  body .blackText-input-container.wrapped-button input[type=button] + input[type=button],
  body .blackText-input-container.wrapped-button input[type=button] + input[type=submit],
  body .blackText-input-container.wrapped-button input[type=button] + .btn,
  body .blackText-input-container.wrapped-button input[type=submit] + button,
  body .blackText-input-container.wrapped-button input[type=submit] + input[type=button],
  body .blackText-input-container.wrapped-button input[type=submit] + input[type=submit],
  body .blackText-input-container.wrapped-button input[type=submit] + .btn,
  body .blackText-input-container.wrapped-button .btn + button,
  body .blackText-input-container.wrapped-button .btn + input[type=button],
  body .blackText-input-container.wrapped-button .btn + input[type=submit],
  body .blackText-input-container.wrapped-button .btn + .btn {
    margin-left: 8px;
  }
  body .blackText-input-container.info {
    padding: 0;
  }
  body .blackText-input-container.info label,
  body .blackText-input-container.info span {
    width: 50%;
    display: inline-block;
    float: none;
    text-align: right;
    font-weight: 600;
    padding: 0.5rem 1rem;
  }
  body .blackText-input-container.info label + label,
  body .blackText-input-container.info label + span,
  body .blackText-input-container.info span + label,
  body .blackText-input-container.info span + span {
    width: 30%;
    text-align: left;
    font-weight: normal;
  }
  body .blackText-input-container.info label + input[type=submit],
  body .blackText-input-container.info label + button,
  body .blackText-input-container.info label + .btn,
  body .blackText-input-container.info span + input[type=submit],
  body .blackText-input-container.info span + button,
  body .blackText-input-container.info span + .btn {
    margin-left: 10px;
  }
  body .blackText-input-container.flowing {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body .blackText-input-container.flowing * {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 4px;
  }
  body .blackText-input-container.flowing label,
  body .blackText-input-container.flowing span {
    padding: 8px 4px;
    margin-left: 0;
    margin-right: 0;
  }
  body .blackText-input-container.flowing input[type=text],
  body .blackText-input-container.flowing input[type=number],
  body .blackText-input-container.flowing input[type=checkbox],
  body .blackText-input-container.flowing select {
    margin: 10px auto;
  }
  body .blackText-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .blackText-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .class-button {
    background-color: #FFFFFF;
  }
  body .modalPopup .input-container {
    width: 100%;
    padding: 0.5rem 1rem;
  }
  body .modalPopup .input-container.flowing {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  body .modalPopup .input-container span {
    margin: auto;
  }
  body .modalPopup .grid-view-container {
    width: 95%;
    margin: 0 auto;
    max-height: 75%;
    overflow-y: auto;
  }
  body .modalPopup.tall {
    height: 630px;
  }
  body .modalPopup.tall .grid-view-container {
    width: 100%;
  }
  body .modalPopup.tall .input-container label {
    width: 200px;
  }
  body .modalPopup.tall .input-container span {
    margin: auto;
  }
  body .modalPopup.tall .grid-view-container {
    width: 75%;
  }
  body .modalPopup.tall h3 {
    width: auto;
    margin: auto;
    text-align: center;
    color: #000000;
  }
  body .modalPopup.tall .search-options .input-container label {
    margin: auto;
  }
  body .department-card {
    display: flex;
    flex-direction: column;
    width: 300px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f2f2f2;
    color: #000000;
    margin: 0.75rem auto;
    overflow: hidden;
    min-height: 100px;
  }
  body .dc-teacher, body .dc-periods {
    width: 100%;
  }
  body .dc-teacher {
    padding: 0.5rem;
    text-align: center;
    position: relative;
  }
  body .dc-teacher-name {
    font-weight: 600;
    color: #31006f;
  }
  body .dc-periods {
    padding: 0.25rem;
    position: relative;
  }
  body .dc-periods:before {
    content: "";
    height: 1px;
    background-color: #000000;
    width: 100%;
    display: block;
  }
  body .dc-period-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-inline-start: 0;
    margin-top: 10px;
    justify-content: center;
    gap: 10px;
  }
  body .dc-period {
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
  }
  body .dc-period .btn {
    width: 100%;
    padding: 0.5rem;
    letter-spacing: 2px;
  }
  body .time-container {
    padding: 2px 0;
    text-align: center;
    width: 60%;
    clear: both;
    margin: 8px auto;
    margin-left: calc(35% + 10px);
    overflow: hidden;
  }
  body .time-container label,
  body .time-container span {
    width: 50%;
    display: block;
    float: left;
    text-align: right;
    padding: 6px 15px;
  }
  body .time-container input[type=text],
  body .time-container input[type=number],
  body .time-container select {
    width: 60px;
    float: left;
    margin: 0 8px 0 0;
  }
  body .time-container input[type=text] + span,
  body .time-container input[type=number] + span,
  body .time-container select + span {
    position: relative;
    float: left;
    width: 35px;
  }
  body .time-container input[type=text] + span:before,
  body .time-container input[type=number] + span:before,
  body .time-container select + span:before {
    content: " : ";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(10px);
    font-weight: 500;
    font-size: 1.45em;
  }
  body .action-option {
    text-align: center;
    width: 100%;
    padding: 0.5rem;
  }
  body .action-option input[type=text],
  body .action-option input[type=number],
  body .action-option textarea,
  body .action-option label,
  body .action-option span {
    width: 60%;
    display: inline-block;
    margin: 0.5rem;
    color: #000000;
  }
  body .action-option input[type=text].short,
  body .action-option input[type=number].short,
  body .action-option textarea.short,
  body .action-option label.short,
  body .action-option span.short {
    max-width: 60px;
  }
  body .action-option button,
  body .action-option input[type=button],
  body .action-option input[type=submit],
  body .action-option .btn {
    display: block;
    clear: both;
    float: none;
    margin: 0.5rem auto;
  }
  body .action-option.checkboxes {
    text-align: center;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span,
  body .action-option.checkboxes input[type=checkbox] {
    display: inline-block;
    margin: 0 0.25rem;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span {
    padding: 0.25rem 0;
    width: auto;
    transform: translateY(-10px);
  }
  body .action-option select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .action-option select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .full-calendar {
    width: 300px;
    height: auto;
    margin: 10px auto;
    border-radius: 20px;
    background-color: #f4f0fa;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
  }
  body .full-calendar:focus, body .full-calendar:focus-within {
    outline: none;
    border: none;
  }
  body .full-calendar tr th {
    color: #000000;
    background-color: transparent;
  }
  body .full-calendar tr td {
    background-color: transparent;
    border-radius: 10px;
    margin: 5px;
  }
  body .full-calendar tr td:hover {
    background-color: #dcd3f8;
  }
  body .full-calendar .calendar-day {
    color: #000000;
    width: auto !important;
  }
  body .full-calendar .calendar-other-month {
    color: #9da5b1;
  }
  body .full-calendar .calendar-other-month a {
    color: #9da5b1 !important;
  }
  body .full-calendar .calendar-other-month a:hover {
    color: #31006f;
  }
  body .full-calendar .calendar-title {
    background-color: #31006f;
    color: #ffffff;
    border-radius: 15px 15px 15px 15px;
  }
  body .full-calendar .calendar-title tr td {
    background-color: #31006f;
    text-align: center;
    padding: 3px;
  }
  body .full-calendar .calendar-title tr td a {
    color: #ffffff !important;
  }
  body .full-calendar .calendar-title tr td a:hover {
    color: #ffffff;
  }
  body .full-calendar .calendar-selected-day {
    background-color: #dcd3f8;
    color: #000000;
    border-radius: 10px;
  }
  body section.sc-you-content {
    width: 100%;
    border: none;
    margin: 0;
    box-shadow: none;
    background-color: #000000;
  }
  body section.sc-you-content .sc-you-header {
    width: 100%;
    padding: 15px 30px;
    max-height: 400px;
    border-bottom: 1px solid #9F9F9F;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo {
    text-align: center;
    display: block;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo img {
    max-height: 115px;
    max-width: 110px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text {
    height: 220px;
    margin: 0 auto;
    width: 95%;
    padding-top: 50px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text h2 {
    font-size: 1.35em;
    font-weight: 700;
    text-align: center;
    color: #31006F;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text p {
    text-align: center;
    font-size: 1.15em;
    color: #636569;
  }
  body section.sc-you-content .sc-you-form {
    width: 100%;
    padding: 15px 30px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row {
    width: 100%;
    padding: 10px 0;
    /*For the asp.net checkbox list*/
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row label {
    color: #636569;
    font-size: 1em;
    font-weight: 600;
    clear: both;
    display: block;
    width: 100%;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input {
    width: 60%;
    display: inline-block;
    margin: 0 auto;
    font-size: 0.9em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.sc-you-form-input {
    margin-bottom: 15px;
    clear: both;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.short {
    max-width: 80px;
    float: left;
    clear: none;
    margin-right: 10px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.long {
    width: 100%;
    float: none;
    clear: both;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row span {
    color: #31006F;
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=checkbox],
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=radio] {
    margin-right: 10px;
    float: left;
    min-height: 18px;
    margin-top: 0;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td label {
    clear: none;
    float: left;
    width: auto;
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form-submit {
    width: 100%;
    border-top: 1px solid #9F9F9F;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer {
    text-align: center;
    margin-top: 50px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span {
    font-size: 1em;
    color: #30475E;
    font-weight: normal;
    display: block;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span.bold-label {
    font-weight: 700;
  }
}

@media (min-width: 1024px) {
  body .body-content {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #FFFFFF;
    z-index: 0;
  }
  body .login-container {
    height: 1000px;
  }
  body .login-container .leftHalf {
    background-color: transparent;
    width: 100%;
    position: absolute;
    left: 0px;
    height: 60%;
    opacity: 100;
    clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
  }
  body .login-container .leftHalf.login-logo {
    text-align: center;
  }
  body .login-container .leftHalf.login-logo .login-logo-image {
    margin: 8rem auto;
    width: 200px;
    height: 200px;
  }
  body .login-container .rightHalf {
    background-color: transparent;
    position: absolute;
    bottom: 14%;
    left: 0;
    width: 100%;
    height: 30%;
  }
  body .login-container .rightHalf .login {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  body .login-container .rightHalf .login input[type=text],
  body .login-container .rightHalf .login input[type=password] {
    margin: 8px auto;
  }
  body .login-container .rightHalf .login input[type=button],
  body .login-container .rightHalf .login input[type=submit] {
    margin: 15px auto;
  }
  body .changeLanguage {
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    z-index: 1000;
  }
  body .changeLanguage span, body .changeLanguage select {
    margin-right: 10px;
  }
  body .changeLanguage select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 125px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .changeLanguage select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  body .spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #31006e;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  body .selectInstitution-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .selectInstitution-container > label,
  body .selectInstitution-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .selectInstitution-container .wide {
    width: 400px;
  }
  body .selectInstitution-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .selectInstitution-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .APP-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .APP-input-container > label,
  body .APP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #FFFFFF;
  }
  body .APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .MM-input-box {
    display: flex;
    margin: auto;
    width: auto;
    flex-direction: column;
    align-items: center;
  }
  body .default-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .default-input-container > label,
  body .default-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .default-input-container.checkboxes,
  body .default-input-container input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  body .default-input-container input[type=date] {
    margin: 4px auto;
  }
  body .default-input-container input[type=file] {
    width: 215px;
    padding: 0 0 10px 0;
  }
  body .default-input-container textarea {
    width: 500px;
  }
  body .default-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 300px;
    margin-bottom: 10px;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    display: block;
  }
  body .default-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .default-input-container textarea, body .default-input-container input[type=number] {
    width: 75%;
    margin: 0 auto;
  }
  body .Dep-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .Dep-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .dep-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px auto;
    width: 400px;
    padding: 10px;
  }
  body .dep-input-container .ohw {
    width: 100px;
  }
  body .dep-input-container label > span {
    margin-right: 10px;
    flex: 0 1 auto;
    text-align: left;
    padding: 6px 15px;
    display: inline-block;
  }
  body .dep-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    flex-grow: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .dep-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .Groups-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
  }
  body .Groups-dropdown-container .groups-input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  body .Groups-dropdown-container .groups-input-container .Groups-group, body .Groups-dropdown-container .groups-input-container #ddlGroups, body .Groups-dropdown-container .groups-input-container #btnManageGroup {
    margin: 0;
    padding: 10px;
  }
  body .div-gb-photo {
    border: none;
  }
  body .gb-photo {
    border: none;
    max-height: 100px;
    max-width: 100px;
    display: block;
    margin: 0 auto;
  }
  body .GB-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GB-dropdown-container h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon label, body .gb-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .gb-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .gb-grid-view-container table th:first-child, body .gb-grid-view-container table td:first-child {
    width: 25px !important;
  }
  body .gb-grid-view-container table th:nth-child(2), body .gb-grid-view-container table td:first-child {
    width: 70px !important;
  }
  body .gb-grid-view-container table th:last-child, body .gb-grid-view-container table td:last-child {
    width: 70px !important;
  }
  body .PA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 55%;
    font-size: 0.8em;
  }
  body .PA-grid-view-container div {
    padding: 5px;
  }
  body .PA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .PA-grid-view-container div table tr, body .PA-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .PA-grid-view-container div table th, body .PA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .PA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .PA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .accordion-dropdown {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  body .accordion-dropdown .APP-period {
    color: #000000;
  }
  body .accordion-dropdown .APP-dropdown-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 75%;
    padding: 5px 10px;
    margin: 10px auto;
  }
  body .accordion-dropdown .APP-dropdown-input-container button,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button],
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit],
  body .accordion-dropdown .APP-dropdown-input-container .btn {
    clear: both;
  }
  body .accordion-dropdown .APP-dropdown-input-container button.btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=button].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container input[type=submit].btn-as-input,
  body .accordion-dropdown .APP-dropdown-input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    color: #31006f;
    clear: none;
    width: 125px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .accordion-dropdown .APP-dropdown-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .BW-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BW-container .BW-search-options h3 {
    color: #000000;
    padding: 10px 0 0 0;
  }
  body .BW-container .BW-input-container > label,
  body .BW-container .BW-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .BW-container .BW-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .BW-container .BW-input-container textarea {
    margin: 0 auto;
  }
  body .BW-container .BW-input-container input[type=number] {
    margin: 10px auto;
  }
  body .BW-container .BW-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .BW-container .BW-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .classroom-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 325px;
  }
  body .classroom-VS-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-VS-dropdown-container h2, body .classroom-VS-dropdown-container h3 {
    color: #000000;
  }
  body .classroom-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.75em;
  }
  body .classroom-grid-view-container div {
    padding: 5px;
  }
  body .classroom-grid-view-container div table {
    width: 45%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .classroom-grid-view-container div table tr, body .classroom-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .classroom-grid-view-container div table th, body .classroom-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .classroom-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .classroom-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .classroom-grid-view-container div table tbody tr td input[type=checkbox] {
    margin: 0 auto;
  }
  body .classroom-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .classroom-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .fa-solid, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.open + div.accordion-image, body .classroom-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .classroom-grid-view-container div table tbody tr td.status-icon .btn-accordion.closed + div.accordion-image {
    font-size: 3em;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon label, body .classroom-grid-view-container div table tbody tr td.status-icon span {
    display: block;
    margin: 10px auto;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .classroom-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .classroom-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .classroom-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .classroom-grid-view-container table th:first-child, body .classroom-grid-view-container table td:first-child {
    width: 50px !important;
  }
  body .classroom-input-container {
    margin: 10px auto;
    display: flex;
    justify-content: center;
  }
  body .classroom-input-container .btn, body .classroom-input-container input[type=button] {
    margin: 5px;
    display: inline-block;
  }
  body .classroom-input-container .btn.btn-as-link {
    color: #FFFFFF;
  }
  body .login-forgot-button .btn.btn-as-link {
    color: #000000;
  }
  body .classroom-confirm {
    background-color: #009933;
    margin: 10px auto;
    display: block;
  }
  body .classroom-warning {
    background-color: #E7004C;
    color: #FFFFFF;
    margin: 10px auto;
  }
  body .classroom-exabs {
    background-color: #10d004;
    margin: 10px auto;
    display: block;
  }
  body .classroom-clear {
    background-color: transparent;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-unlate {
    background-color: #c0d00b;
    margin: 10px auto;
    display: block;
  }
  body .classroom-exlate {
    background-color: #FFFF00;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-asa {
    background-color: #00BED6;
    color: black;
    margin: 10px auto;
    display: block;
  }
  body .classroom-danger {
    background-color: #9E3030;
    margin: 10px auto;
    display: block;
  }
  body .classroom-WO-dropdown-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .classroom-WO-dropdown-container .classroom-weekOf {
    color: #000000;
  }
  body .classroom-WO-dropdown-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .classroom-WO-dropdown-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CS-selection-shield-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, max-content));
    grid-template-rows: auto auto;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
  }
  body .CS-selection-shield-form .shield-form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(-n+2) {
    width: 125px;
  }
  body .CS-selection-shield-form .shield-form-group:nth-child(3) {
    grid-column: 1/span 2;
  }
  body .CS-selection-shield-form .shield-form-group label, body .CS-selection-shield-form .shield-form-group input[type=checkbox] {
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  body .CS-selection-shield-form .shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .CS-selection-shield-form .shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CS-search-options {
    display: block;
    align-items: center;
  }
  body .CS-search-options .CS-shield-form {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px auto;
  }
  body .CS-search-options .CS-action-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    width: 250px;
    padding: 15px;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  body .CS-search-options .CS-action-checkboxes .CS-action-layout label, body .CS-search-options .CS-action-checkboxes .CS-action-layout input[type=checkbox] {
    margin: 0 auto;
    display: block;
  }
  body .KC-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .KC-container span {
    color: #000000;
  }
  body .dashboard-APP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-APP-container .dashboard-APP-input-container label {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    color: #000000;
  }
  body .dashboard-APP-container .dashboard-APP-input-container input[type=date] {
    display: inline-block;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .dashboard-APP-container .dashboard-APP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-groups-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-groups-container label {
    color: #000000;
  }
  body .dashboard-departments-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-SS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .dashboard-KCS-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .GMD-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .IHP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .IHP-container .IHP-input-container > label,
  body .IHP-container .IHP-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .IHP-container .IHP-input-container input[type=submit] {
    margin: 15px 0;
  }
  body .IHP-container .IHP-input-container textarea {
    margin: 0 auto;
  }
  body .IHP-container .IHP-input-container input[type=number] {
    margin: 10px auto;
  }
  body .IHP-container .IHP-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .IHP-container .IHP-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .OT-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .OT-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .OT-grid-view-container div {
    padding: 5px;
  }
  body .OT-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .OT-grid-view-container div table tr, body .OT-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .OT-grid-view-container div table th, body .OT-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .OT-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .OT-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .OT-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon label, body .OT-grid-view-container div table tbody tr td.status-icon span {
    font-size: 3em;
    display: block;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .OT-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .OT-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .OT-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .HD-HF-grid-view-container div {
    padding: 5px;
  }
  body .HD-HF-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .HD-HF-grid-view-container div table tr, body .HD-HF-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .HD-HF-grid-view-container div table th, body .HD-HF-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .HD-HF-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HD-HF-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HD-HF-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HD-HF-grid-view-container div table tbody tr td input[type=submit] {
    margin: 10px auto;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .fa-solid, body .HD-HF-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .HD-HF-grid-view-container div table tbody tr td.status-icon .btn-accordion.open + div.accordion-image, body .HD-HF-grid-view-container div table tbody tr td.status-icon .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .HD-HF-grid-view-container div table tbody tr td.status-icon .btn-accordion.closed + div.accordion-image {
    font-size: 3em;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon label, body .HD-HF-grid-view-container div table tbody tr td.status-icon span {
    display: block;
    margin: 10px auto;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .HD-HF-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .HD-HF-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HD-HF-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .HD-HF-grid-view-container table th:nth-child(3) {
    width: 250px !important;
  }
  body .ProAb-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ProAb-container .ProAb-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ProAb-container .ProAb-input-container > label,
  body .ProAb-container .ProAb-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ProAb-container .ProAb-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ProAb-container .ProAb-input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .ProAb-container .ProAb-input-container .time-container > span {
    min-height: 40px;
  }
  body .ProAb-container .ProAb-input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .ProAb-container .ProAb-input-container input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date],
  body .ProAb-container .ProAb-input-container select,
  body .ProAb-container .ProAb-input-container textarea,
  body .ProAb-container .ProAb-input-container input[type=number] {
    float: none;
    margin: 10px auto;
    display: block;
  }
  body .ProAb-container .ProAb-input-container input[type=text].short,
  body .ProAb-container .ProAb-input-container input[type=date].short,
  body .ProAb-container .ProAb-input-container select.short,
  body .ProAb-container .ProAb-input-container textarea.short,
  body .ProAb-container .ProAb-input-container input[type=number].short {
    max-width: 100px;
  }
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=text] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=text] + select,
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=date] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=date] + select,
  body .ProAb-container .ProAb-input-container select + input[type=text],
  body .ProAb-container .ProAb-input-container select + input[type=number],
  body .ProAb-container .ProAb-input-container select + input[type=password],
  body .ProAb-container .ProAb-input-container select + select,
  body .ProAb-container .ProAb-input-container textarea + input[type=text],
  body .ProAb-container .ProAb-input-container textarea + input[type=number],
  body .ProAb-container .ProAb-input-container textarea + input[type=password],
  body .ProAb-container .ProAb-input-container textarea + select,
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=text],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=number],
  body .ProAb-container .ProAb-input-container input[type=number] + input[type=password],
  body .ProAb-container .ProAb-input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .ProAb-container .ProAb-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ProAb-container .ProAb-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .reports-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .version {
    padding: 20px 0 0 0;
  }
  body .version span {
    color: #000000;
  }
  body .profile-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .profile-container h3 {
    padding: 20px 0 0 0;
    color: #000000;
  }
  body .profile-shield-form-group {
    display: inline-block;
    padding: 0 0 10px 0;
  }
  body .profile-shield-form-group input[type=text] {
    width: 250px;
  }
  body .support-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .support-MP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-container h3 {
    padding: 10px 0 0 0;
    color: #000000;
  }
  body .ABA-container .ABA-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-container .ABA-input-container > label,
  body .ABA-container .ABA-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-container .ABA-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-container .ABA-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-container .ABA-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .ABA-WB-container .ABA-WB-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABA-WB-container .ABA-WB-input-container > label,
  body .ABA-WB-container .ABA-WB-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABA-WB-container .ABA-WB-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .ABA-WB-container .ABA-WB-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ABA-WB-container .ABA-WB-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ABA-WB-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 1em;
  }
  body .ABA-WB-grid-view-container div {
    padding: 5px;
  }
  body .ABA-WB-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .ABA-WB-grid-view-container div table tr, body .ABA-WB-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .ABA-WB-grid-view-container div table th, body .ABA-WB-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .ABA-WB-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ABA-WB-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ABA-WB-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .ABA-WB-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ABA-WB-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .ABD-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .ABD-input-container > label,
  body .ABD-input-container > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .ABD-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .modalButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    text-align: center;
  }
  body .modalButton select {
    width: 250px;
  }
  body .modalButton input[type=submit] {
    width: 75px;
    margin: 10px auto;
  }
  body .sideCheckbox-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    margin: auto;
  }
  body .sideCheckbox-input-container > label,
  body .sideCheckbox-input-container > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .sideCheckbox-input-container.checkboxes, body .sideCheckbox-input-container input[type=checkbox] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .CAD-counts {
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .CAD-counts .btn-as-link {
    color: #000000;
  }
  body .MPI-shield-form-group {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  body .MPI-shield-form-group > label,
  body .MPI-shield-form-group > span {
    float: left;
    text-align: left;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .MPI-shield-form-group input[type=text] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
  }
  body .MPI-shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MPI-shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .MPI-tag, body .MPI-link {
    display: flex;
    flex-direction: column;
  }
  body .MPI-tag span, body .MPI-tag input[type=submit], body .MPI-link span, body .MPI-link input[type=submit] {
    margin: 20px auto;
  }
  body .CM-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .CM-container .action-option input[type=text] {
    width: 250px;
  }
  body .CM-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .CM-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .WB-mobile-grid-row {
    color: #FFFFFF;
  }
  body .AbLateAttAll-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.8em;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div {
    padding: 5px;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tr, body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table th, body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttAll-container .AbLateAttAll-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttAll-grid-view-container table th:last-child, body .AbLateAttAll-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttAll-mobile-grid-row {
    color: #FFFFFF;
  }
  body .AbLateAttInd-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container > label,
  body .AbLateAttInd-container .AbLateAttInd-input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container.checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .AbLateAttInd-container .AbLateAttInd-input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.8em;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div {
    padding: 5px;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tr, body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table th, body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .AbLateAttInd-container .AbLateAttInd-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .AbLateAttInd-grid-view-container table th:last-child, body .AbLateAttInd-grid-container table td:last-child {
    width: 150px !important;
  }
  body .AbLateAttInd-mobile-grid-row {
    color: #FFFFFF;
  }
  body .RA-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .BIP-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body .default-container {
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
  }
  body .default-container .CA-time-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    width: auto;
  }
  body .default-container .CA-time-container input[type=text] {
    width: 100px;
  }
  body .default-container .action-option input[type=text] {
    width: 500px;
  }
  body .default-container .action-option textarea {
    width: 500px;
  }
  body .default-container h3 {
    color: #000000;
  }
  body .ED-action-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px auto;
  }
  body .TDM-table {
    font-size: 1em;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 20px 0;
  }
  body .TDM-table th, body .TDM-table td {
    text-align: center;
    padding: 2px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
  }
  body .TDM-table tr:first-child td {
    white-space: normal;
    word-wrap: break-word;
  }
  body .TDM-table tr:first-child th {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 10px;
  }
  body .TDM-table tr:nth-child(even) {
    background-color: #FFFFFF;
  }
  body .TDM-table tr:nth-child(odd) {
    background-color: #FFFFFF;
  }
  body .TDM-table tr td input[type=checkbox] {
    margin: auto;
  }
  body .TDM-table tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .TDM-table tr td select, body .TDM-table tr td input[type=text], body .TDM-table tr td input[type=date], body .TDM-table tr td input[type=number] {
    width: auto;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    margin: auto;
  }
  body .TDM-table td:last-child .btn-as-link {
    background-color: #9e70ff;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 10px auto;
    display: block;
  }
  body .TDM-table tr:nth-last-child(-n+2) td {
    text-align: center;
  }
  body .TDM-table tr:nth-last-child(-n+2) td input[type=submit], body .TDM-table tr:nth-last-child(-n+2) td input[type=button] {
    margin: 0 auto;
    display: inline-block;
  }
  body .commun-search-options h3 {
    color: #000000;
  }
  body .DMD-mobile-grid-row {
    color: #FFFFFF;
  }
  body .HHA-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.8em;
  }
  body .HHA-grid-view-container div {
    padding: 5px;
  }
  body .HHA-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .HHA-grid-view-container div table tr, body .HHA-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .HHA-grid-view-container div table th, body .HHA-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .HHA-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .HHA-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .HHA-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .HHA-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .HHA-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CS-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.8em;
  }
  body .CS-grid-view-container div {
    padding: 5px;
  }
  body .CS-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .CS-grid-view-container div table tr, body .CS-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .CS-grid-view-container div table th, body .CS-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .CS-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CS-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CS-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .CS-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CS-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CS-grid-view-container table th:nth-child(7) {
    width: 250px !important;
  }
  body .CS-grid-view-container table th:nth-child(8), body .CS-grid-view-container table th:nth-child(9) {
    width: 215px !important;
  }
  body .CrisisMon-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
    font-size: 0.8em;
  }
  body .CrisisMon-grid-view-container div {
    padding: 5px;
  }
  body .CrisisMon-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .CrisisMon-grid-view-container div table tr, body .CrisisMon-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .CrisisMon-grid-view-container div table th, body .CrisisMon-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .CrisisMon-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .CrisisMon-grid-view-container div table tbody tr .checkbox input[type=checkbox] {
    margin: auto;
  }
  body .CrisisMon-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .CrisisMon-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .CrisisMon-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .CrisisMon-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .CPS-Time-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-Time-form-group span {
    padding-right: 10px;
  }
  body .CPS-Time-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 75px;
    max-width: 100%;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .CPS-Time-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .CPS-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  body .CPS-form-group span {
    padding-right: 10px;
  }
  body .CPS-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .CPS-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .GMD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 50%;
    font-size: 0.8em;
  }
  body .GMD-grid-view-container div {
    padding: 5px;
  }
  body .GMD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .GMD-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .GMD-grid-view-container div table .status-icon label, body .GMD-grid-view-container div table .status-icon span {
    font-size: 1em;
    display: block;
  }
  body .GMD-grid-view-container div table .status-icon .good-status {
    color: #009933;
  }
  body .GMD-grid-view-container div table .status-icon .bad-status {
    color: #E7004C;
  }
  body .GMD-grid-view-container div table .status-icon .asa-status {
    color: #00BED6;
  }
  body .GMD-grid-view-container div table .status-icon .exabs-status {
    color: #10d004;
  }
  body .GMD-grid-view-container div table .status-icon .exlate-status {
    color: #FFFF00;
  }
  body .GMD-grid-view-container div table .status-icon .unlate-status {
    color: #c0d00b;
  }
  body .GMD-grid-view-container div table .status-icon .no-status {
    color: #aaaaaa;
  }
  body .GMD-grid-view-container div table tr, body .GMD-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .GMD-grid-view-container div table th, body .GMD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .GMD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .GMD-grid-view-container div table tbody tr .checkbox input[type=checkbox] {
    margin: auto;
  }
  body .GMD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .GMD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .GMD-grid-view-container div table tbody tr td .student-photo {
    max-height: 125px;
    max-width: 125px;
  }
  body .GMD-grid-view-container div table tbody tr td img {
    width: 150px;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .GMD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .GMD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 50%;
    font-size: 0.8em;
  }
  body .reports-grid-view-container div {
    padding: 5px;
  }
  body .reports-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .reports-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .reports-grid-view-container div table .status-icon label, body .reports-grid-view-container div table .status-icon span {
    font-size: 1em;
    display: block;
  }
  body .reports-grid-view-container div table .status-icon .good-status {
    color: #009933;
  }
  body .reports-grid-view-container div table .status-icon .bad-status {
    color: #E7004C;
  }
  body .reports-grid-view-container div table .status-icon .asa-status {
    color: #00BED6;
  }
  body .reports-grid-view-container div table .status-icon .exabs-status {
    color: #10d004;
  }
  body .reports-grid-view-container div table .status-icon .exlate-status {
    color: #FFFF00;
  }
  body .reports-grid-view-container div table .status-icon .unlate-status {
    color: #c0d00b;
  }
  body .reports-grid-view-container div table .status-icon .no-status {
    color: #aaaaaa;
  }
  body .reports-grid-view-container div table tr, body .reports-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .reports-grid-view-container div table th, body .reports-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .reports-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .reports-grid-view-container div table tbody tr .checkbox input[type=checkbox] {
    margin: auto;
  }
  body .reports-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .reports-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .reports-grid-view-container div table tbody tr td img {
    width: 150px;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .reports-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .reports-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .reports-grid-view-container table th:first-child, body .reports-grid-container table td:first-child {
    width: 75px !important;
  }
  body .TM-bottom-container input[type=submit] {
    margin: 10px auto;
  }
  body .modalPopupMaster {
    width: 35%;
  }
  body .search-options input[type=text] {
    width: 200px;
  }
  body .modalPopup {
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 10px 20px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
  }
  body .modalPopup h2 {
    padding: 10px 0 0 0;
    color: #31006F;
    text-align: center;
  }
  body .modalPopup .close {
    color: #000000;
  }
  body .modalPopup.small {
    height: 250px;
    width: 30%;
  }
  body .modalPopup.medium {
    height: 450px;
    width: 50%;
  }
  body .modalPopup.medium .input-container label {
    margin: auto;
  }
  body .modalPopup.large {
    width: 90%;
  }
  body .modalPopup.large .ICN-table {
    width: 400px;
    margin: auto;
  }
  body .modalPopup.large .shield-form h3 {
    text-align: center;
  }
  body .modalPopup.large .shield-form .shield-form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .modalPopup.large .shield-form .shield-form-group span {
    text-align: center;
  }
  body .modalPopup.large .shield-form .shield-form-group .time-container {
    display: flex;
    margin: 10px auto;
    justify-content: center;
  }
  body .modalPopup.large .shield-form .shield-form-group .time-container select {
    width: 75px;
    margin: 0;
  }
  body .modalPopup.large .shield-form .shield-form-group .time-container span {
    margin: 2px;
  }
  body .modalPopup.large .shield-form .input-container span {
    margin: 0 auto;
  }
  body .modalPopup.large .shield-form .input-container .time-container {
    display: flex;
    margin: 10px auto;
    justify-content: center;
  }
  body .modalPopup.large .shield-form .input-container .time-container select {
    width: 75px;
    margin: 0;
  }
  body .modalPopup.large .shield-form .input-container .time-container span {
    margin: 2px;
  }
  body .modalPopup.taller {
    height: 400px;
  }
  body .modalPopup.tall {
    height: 630px;
  }
  body .modalPopup.tall .input-container span {
    margin: auto;
  }
  body .modalPopup.tall .grid-view-container {
    width: 75%;
  }
  body .modalPopup.tall h3 {
    width: auto;
    margin: auto;
    text-align: center;
  }
  body .modalPopup.tall .search-options .input-container label {
    margin: auto;
  }
  body .modalPopup.error .modal-content {
    border: none;
    background-color: transparent;
  }
  body .modalPopup.error .modal-content h3 {
    color: #000000;
  }
  body .modalPopup.error .modal-content h3:after {
    border-bottom: 1px solid #000000;
  }
  body .modalPopup.error .modal-content p {
    color: #000000;
    text-align: left;
    font-size: 1.1em;
  }
  body .modalPopup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 95%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  body .modalPopup select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .inst-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 70%;
    font-size: 0.8em;
  }
  body .inst-grid-view-container div {
    background-color: #FFFFFF;
    padding: 5px;
  }
  body .inst-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .inst-grid-view-container div table tr, body .inst-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .inst-grid-view-container div table th, body .inst-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .inst-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .inst-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .inst-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .inst-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .inst-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 60%;
    font-size: 0.8em;
  }
  body .BM-grid-view-container div {
    background-color: #FFFFFF;
    padding: 5px;
  }
  body .BM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .BM-grid-view-container div table tr, body .BM-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .BM-grid-view-container div table th, body .BM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .BM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BM-grid-view-container div table tbody tr td img {
    width: 150px;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .BM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .PD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 0.8em;
  }
  body .PD-grid-view-container div {
    background-color: #FFFFFF;
    padding: 5px;
  }
  body .PD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .PD-grid-view-container div table tr, body .PD-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .PD-grid-view-container div table th, body .PD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .PD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .PD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .PD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .PD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .PD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .SS-search-options {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  body .SS-search-options input[type=text] {
    margin: 10px auto;
  }
  body .SS-search-options .action-option {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
  }
  body .SS-search-options .action-option input[type=text] {
    width: 30%;
  }
  body .SS-search-options .action-option input, body .SS-search-options .action-option button {
    flex-grow: 0;
    width: 50%;
  }
  body .MG-search input[type=text] {
    margin: 20px auto;
    width: 250px;
  }
  body .MG-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .MG-search select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .action-option {
    text-align: center;
    width: 100%;
    padding: 0.5rem;
  }
  body .action-option input[type=text],
  body .action-option input[type=number],
  body .action-option textarea,
  body .action-option label,
  body .action-option span {
    width: 40%;
    display: inline-block;
    margin: 0.5rem;
    color: #000000;
  }
  body .action-option input[type=text].short,
  body .action-option input[type=number].short,
  body .action-option textarea.short,
  body .action-option label.short,
  body .action-option span.short {
    max-width: 60px;
  }
  body .action-option input[type=text].medium,
  body .action-option input[type=number].medium,
  body .action-option textarea.medium,
  body .action-option label.medium,
  body .action-option span.medium {
    max-width: 250px;
  }
  body .action-option button,
  body .action-option input[type=button],
  body .action-option input[type=submit],
  body .action-option .btn {
    display: block;
    clear: both;
    float: none;
    margin: 0.5rem auto;
  }
  body .action-option.checkboxes {
    text-align: center;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span,
  body .action-option.checkboxes input[type=checkbox] {
    display: inline-block;
    margin: 0 0.25rem;
  }
  body .action-option.checkboxes label,
  body .action-option.checkboxes span {
    padding: 0.25rem 0;
    width: auto;
    transform: translateY(-10px);
  }
  body .action-option select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .action-option select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .comm-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 25%;
    font-size: 0.8em;
  }
  body .comm-grid-view-container div {
    padding: 5px;
  }
  body .comm-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .comm-grid-view-container div table tr, body .comm-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .comm-grid-view-container div table th, body .comm-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .comm-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .comm-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .comm-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .comm-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .comm-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .checkin-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 55%;
    font-size: 0.8em;
  }
  body .checkin-grid-view-container div {
    padding: 5px;
  }
  body .checkin-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .checkin-grid-view-container div table tr, body .checkin-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .checkin-grid-view-container div table th, body .checkin-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .checkin-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .checkin-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .checkin-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .checkin-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .checkin-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .checkin-grid-view-container table th:last-child, body .checkin-grid-view-container table td:last-child {
    width: 50px !important;
  }
  body .checkin-grid-view-container table tr td:last-child input[type=image] {
    width: 25px;
    height: 25px;
  }
  body .BSM-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 0.8em;
  }
  body .BSM-grid-view-container div {
    padding: 5px;
  }
  body .BSM-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .BSM-grid-view-container div table tr, body .BSM-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .BSM-grid-view-container div table th, body .BSM-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .BSM-grid-view-container div table tbody tr .time-container {
    margin: 10px auto;
    width: 182px;
  }
  body .BSM-grid-view-container div table tbody tr .BSM-table-pattern input[type=text] {
    margin: 0 auto;
  }
  body .BSM-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BSM-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BSM-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .BSM-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BSM-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BC-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 0.8em;
  }
  body .BC-grid-view-container div {
    padding: 5px;
  }
  body .BC-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .BC-grid-view-container div table tr, body .BC-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .BC-grid-view-container div table th, body .BC-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .BC-grid-view-container div table tbody tr .time-container {
    margin: 10px auto;
    width: 182px;
  }
  body .BC-grid-view-container div table tbody tr .BSM-table-pattern input[type=text] {
    margin: 0 auto;
  }
  body .BC-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .BC-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .BC-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .BC-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .BC-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .BC-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .BC-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .BC-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .BC-grid-view-container table th:last-child select, body .BC-grid-view-container table td:last-child select {
    width: 75px;
  }
  body .input-container {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
  }
  body .input-container > label,
  body .input-container > span {
    width: 100%;
    float: none;
    text-align: center;
    padding: 6px 15px;
    display: block;
    color: #000000;
  }
  body .input-container .time-container {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0px;
    margin: 1px auto;
    width: 200px;
  }
  body .input-container .time-container > span {
    min-height: 40px;
  }
  body .input-container .time-container select {
    width: 100px;
    margin: 0;
  }
  body .input-container input[type=text],
  body .input-container input[type=date],
  body .input-container select,
  body .input-container textarea,
  body .input-container input[type=number] {
    float: none;
    margin: 20px auto;
    display: block;
  }
  body .input-container input[type=text].short,
  body .input-container input[type=date].short,
  body .input-container select.short,
  body .input-container textarea.short,
  body .input-container input[type=number].short {
    max-width: 100px;
  }
  body .input-container input[type=text].DateField,
  body .input-container input[type=date].DateField,
  body .input-container select.DateField,
  body .input-container textarea.DateField,
  body .input-container input[type=number].DateField {
    max-width: 150px;
  }
  body .input-container input[type=text] + input[type=text],
  body .input-container input[type=text] + input[type=number],
  body .input-container input[type=text] + input[type=password],
  body .input-container input[type=text] + select,
  body .input-container input[type=date] + input[type=text],
  body .input-container input[type=date] + input[type=number],
  body .input-container input[type=date] + input[type=password],
  body .input-container input[type=date] + select,
  body .input-container select + input[type=text],
  body .input-container select + input[type=number],
  body .input-container select + input[type=password],
  body .input-container select + select,
  body .input-container textarea + input[type=text],
  body .input-container textarea + input[type=number],
  body .input-container textarea + input[type=password],
  body .input-container textarea + select,
  body .input-container input[type=number] + input[type=text],
  body .input-container input[type=number] + input[type=number],
  body .input-container input[type=number] + input[type=password],
  body .input-container input[type=number] + select {
    float: none;
    max-width: none;
    margin-left: auto;
  }
  body .input-container textarea {
    width: 50%;
    margin: 0 auto;
    display: block;
    clear: right;
  }
  body .input-container button,
  body .input-container input[type=button],
  body .input-container input[type=submit],
  body .input-container .btn {
    clear: both;
    margin-right: 0.5rem;
  }
  body .input-container button.btn-as-input,
  body .input-container input[type=button].btn-as-input,
  body .input-container input[type=submit].btn-as-input,
  body .input-container .btn.btn-as-input {
    background-color: #FFFFFF;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container input[type=checkbox] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
  }
  body .input-container input[type=checkbox] + button, body .input-container input[type=checkbox] + input[type=button], body .input-container input[type=checkbox] + input[type=submit], body .input-container input[type=checkbox] + .btn {
    clear: none;
    margin-right: 0.5rem;
  }
  body .input-container input[type=checkbox] + button.btn-as-input, body .input-container input[type=checkbox] + input[type=button].btn-as-input, body .input-container input[type=checkbox] + input[type=submit].btn-as-input, body .input-container input[type=checkbox] + .btn.btn-as-input {
    background-color: #F4CDD4;
    border-color: #31006F;
    float: left;
    clear: none;
    margin-left: 35px;
    min-width: 20%;
  }
  body .input-container.buttons {
    padding: 9px 0;
  }
  body .input-container.buttons button,
  body .input-container.buttons input[type=button],
  body .input-container.buttons input[type=submit],
  body .input-container.buttons .btn {
    float: none;
    clear: both;
    margin: 0.5rem auto;
  }
  body .input-container.buttons button + button,
  body .input-container.buttons button + input[type=button],
  body .input-container.buttons button + input[type=submit],
  body .input-container.buttons button + .btn,
  body .input-container.buttons input[type=button] + button,
  body .input-container.buttons input[type=button] + input[type=button],
  body .input-container.buttons input[type=button] + input[type=submit],
  body .input-container.buttons input[type=button] + .btn,
  body .input-container.buttons input[type=submit] + button,
  body .input-container.buttons input[type=submit] + input[type=button],
  body .input-container.buttons input[type=submit] + input[type=submit],
  body .input-container.buttons input[type=submit] + .btn,
  body .input-container.buttons .btn + button,
  body .input-container.buttons .btn + input[type=button],
  body .input-container.buttons .btn + input[type=submit],
  body .input-container.buttons .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.buttons button + button.class-button,
  body .input-container.buttons button + input[type=button].class-button,
  body .input-container.buttons button + input[type=submit].class-button,
  body .input-container.buttons button + .btn.class-button,
  body .input-container.buttons input[type=button] + button.class-button,
  body .input-container.buttons input[type=button] + input[type=button].class-button,
  body .input-container.buttons input[type=button] + input[type=submit].class-button,
  body .input-container.buttons input[type=button] + .btn.class-button,
  body .input-container.buttons input[type=submit] + button.class-button,
  body .input-container.buttons input[type=submit] + input[type=button].class-button,
  body .input-container.buttons input[type=submit] + input[type=submit].class-button,
  body .input-container.buttons input[type=submit] + .btn.class-button,
  body .input-container.buttons .btn + button.class-button,
  body .input-container.buttons .btn + input[type=button].class-button,
  body .input-container.buttons .btn + input[type=submit].class-button,
  body .input-container.buttons .btn + .btn.class-button {
    margin-left: 0.25rem;
    color: #000000;
  }
  body .input-container.buttons button.class-button,
  body .input-container.buttons input[type=button].class-button,
  body .input-container.buttons input[type=submit].class-button,
  body .input-container.buttons .btn.class-button {
    color: #f2f2f2;
    width: 45%;
    margin: 0.5rem 0.25rem;
  }
  body .input-container.wrapped-button {
    padding: 12px 0;
  }
  body .input-container.wrapped-button button,
  body .input-container.wrapped-button input[type=button],
  body .input-container.wrapped-button input[type=submit],
  body .input-container.wrapped-button .btn {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    transform: translateY(0.25rem);
  }
  body .input-container.wrapped-button button + button,
  body .input-container.wrapped-button button + input[type=button],
  body .input-container.wrapped-button button + input[type=submit],
  body .input-container.wrapped-button button + .btn,
  body .input-container.wrapped-button input[type=button] + button,
  body .input-container.wrapped-button input[type=button] + input[type=button],
  body .input-container.wrapped-button input[type=button] + input[type=submit],
  body .input-container.wrapped-button input[type=button] + .btn,
  body .input-container.wrapped-button input[type=submit] + button,
  body .input-container.wrapped-button input[type=submit] + input[type=button],
  body .input-container.wrapped-button input[type=submit] + input[type=submit],
  body .input-container.wrapped-button input[type=submit] + .btn,
  body .input-container.wrapped-button .btn + button,
  body .input-container.wrapped-button .btn + input[type=button],
  body .input-container.wrapped-button .btn + input[type=submit],
  body .input-container.wrapped-button .btn + .btn {
    margin-left: 8px;
  }
  body .input-container.wrapit .wrap {
    white-space: normal;
  }
  body .input-container.info {
    padding: 0;
  }
  body .input-container.info label,
  body .input-container.info span {
    width: 50%;
    display: inline-block;
    float: none;
    text-align: right;
    font-weight: 600;
    padding: 0.5rem 1rem;
  }
  body .input-container.info label + label,
  body .input-container.info label + span,
  body .input-container.info span + label,
  body .input-container.info span + span {
    width: 30%;
    text-align: left;
    font-weight: normal;
  }
  body .input-container.info label + input[type=submit],
  body .input-container.info label + button,
  body .input-container.info label + .btn,
  body .input-container.info span + input[type=submit],
  body .input-container.info span + button,
  body .input-container.info span + .btn {
    margin-left: 10px;
  }
  body .input-container.flowing {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body .input-container.flowing * {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2px;
    padding: 4px;
  }
  body .input-container.flowing label,
  body .input-container.flowing span {
    padding: 8px 4px;
    margin-left: 0;
    margin-right: 0;
  }
  body .input-container.flowing input[type=text],
  body .input-container.flowing input[type=number],
  body .input-container.flowing input[type=checkbox],
  body .input-container.flowing select {
    margin-left: 2px;
    margin-right: 2px;
  }
  body .input-container input[type=number].short {
    margin-bottom: 10px;
  }
  body .input-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .input-container select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .accordion-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px auto;
    width: 500px;
    box-shadow: none;
    z-index: 10;
  }
  body .accordion-buttons .accordion-icon {
    font-size: 48px;
    width: 60px;
  }
  body .accordion-buttons .accordion-icon i.fa-solid {
    font-size: 48px;
    color: #31006F;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #31006F;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
    box-shadow: none;
  }
  body .accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #31006F;
    transition: transform 0.3s ease;
  }
  body .accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body .MG-accordion-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px auto;
    width: 750px;
    box-shadow: none;
    z-index: 10;
  }
  body .MG-accordion-buttons .accordion-icon {
    font-size: 48px;
    width: 60px;
  }
  body .MG-accordion-buttons .accordion-icon i.fa-solid {
    font-size: 48px;
    color: #31006F;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons .btn-accordion {
    background-color: transparent;
    border: none;
    color: #31006F;
    font-size: 16px;
    border-radius: 15px;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
    box-shadow: none;
  }
  body .MG-accordion-buttons .accordion-open-icon {
    margin-left: auto;
  }
  body .MG-accordion-buttons .accordion-open-icon i.fa-solid.fa-chevron-down {
    font-size: 24px;
    color: #31006F;
    transition: transform 0.3s ease;
  }
  body .MG-accordion-buttons.open .accordion-open-icon i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
  }
  body div.section-container,
  body div.management-container {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #FFFFFF;
    text-align: center;
  }
  body div.section-container .input-container span, body div.section-container .input-container input[type=password],
  body div.management-container .input-container span,
  body div.management-container .input-container input[type=password] {
    margin: auto;
  }
  body div.section-container h2,
  body div.management-container h2 {
    width: 100%;
    text-align: center;
    margin: 10px 0 30px 0;
    font-size: 1.6em;
    font-weight: 500;
    position: relative;
    color: #31006F;
  }
  body div.section-container h2:after,
  body div.management-container h2:after {
    content: " ";
    border-bottom: 1px solid #31006F;
    position: absolute;
    bottom: -8px;
    left: 0;
    transform: translateX(50%);
    margin: 0 auto;
    width: 50%;
  }
  body div.section-container .management-section h2,
  body div.management-container .management-section h2 {
    width: 65%;
    text-align: left;
    margin: 20px auto 30px auto;
    font-size: 1.4em;
  }
  body div.section-container .management-section h2:after,
  body div.management-container .management-section h2:after {
    transform: none;
  }
  body div.section-container .management-section fieldset,
  body div.management-container .management-section fieldset {
    border: 1px solid #9F9F9F;
    width: 55%;
    margin: 2rem auto;
    padding: 2rem;
  }
  body div.section-container .management-section fieldset legend,
  body div.management-container .management-section fieldset legend {
    text-align: left;
    padding-left: 12px;
    width: 40%;
    font-size: 1.2em;
    color: #9F9F9F;
  }
  body div.section-container .search-options,
  body div.management-container .search-options {
    width: 60%;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
  }
  body div.section-container .input-container-group,
  body div.management-container .input-container-group {
    max-height: 275px;
    width: 100%;
    margin-top: 10px;
    overflow: auto;
  }
  body table,
  body .table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    margin: 0 auto;
  }
  body table tr th,
  body .table tr th {
    text-align: center;
  }
  body .ACD-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .ACD-grid-view-container div {
    padding: 5px;
  }
  body .ACD-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .ACD-grid-view-container div table.FixedWidth {
    width: 500px;
  }
  body .ACD-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .ACD-grid-view-container div table .mobile-only {
    display: none;
  }
  body .ACD-grid-view-container div table thead, body .ACD-grid-view-container div table tbody, body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    text-align: center;
  }
  body .ACD-grid-view-container div table tr, body .ACD-grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .ACD-grid-view-container div table th, body .ACD-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .ACD-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .ACD-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .ACD-grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr .time-container {
    display: flex;
    margin-left: auto;
    width: 150px;
  }
  body .ACD-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .ACD-grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .ACD-grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .ACD-grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .ACD-grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .ACD-grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .ACD-grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .ACD-grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr td select,
  body .ACD-grid-view-container div table tbody tr td input[type=text],
  body .ACD-grid-view-container div table tbody tr td input[type=number],
  body .ACD-grid-view-container div table tbody tr td input[type=date],
  body .ACD-grid-view-container div table tbody tr td textarea {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    margin: 10px auto;
  }
  body .ACD-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 2px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .ACD-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .ACD-grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .ACD-grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .ACD-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .ACD-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .ACD-grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .ACD-grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .ACD-grid-view-container div table tbody tr td.mobile-information select,
  body .ACD-grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .ACD-grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .ACD-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .ACD-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.error, body .ACD-grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.error:hover, body .ACD-grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.confirm, body .ACD-grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.confirm:hover, body .ACD-grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .ACD-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .ACD-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon label, body .ACD-grid-view-container div table tbody tr td.status-icon span {
    font-size: 1em;
    display: block;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .ACD-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .ACD-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .ACD-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .grid-view-container div {
    padding: 5px;
  }
  body .grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .grid-view-container div table.FixedWidth {
    width: 500px;
  }
  body .grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .grid-view-container div table .mobile-only {
    display: none;
  }
  body .grid-view-container div table thead, body .grid-view-container div table tbody, body .grid-view-container div table th, body .grid-view-container div table td {
    text-align: center;
  }
  body .grid-view-container div table tr, body .grid-view-container div table td {
    border-bottom: 1px solid #31006F;
  }
  body .grid-view-container div table th, body .grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr .time-container {
    display: flex;
    margin-left: auto;
    width: 150px;
  }
  body .grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .grid-view-container div table tbody tr th.checkbox {
    width: 75px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td select,
  body .grid-view-container div table tbody tr td input[type=text],
  body .grid-view-container div table tbody tr td input[type=number],
  body .grid-view-container div table tbody tr td input[type=date],
  body .grid-view-container div table tbody tr td textarea {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    margin: 10px auto;
  }
  body .grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 2px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .grid-view-container div table tbody tr td.mobile-information select,
  body .grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.error, body .grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.error:hover, body .grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm, body .grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr td .info-button.confirm:hover, body .grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .grid-view-container div table tbody tr td.status-icon label, body .grid-view-container div table tbody tr td.status-icon span {
    font-size: 1em;
    display: block;
  }
  body .grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .crisis-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 75%;
    font-size: 1em;
  }
  body .crisis-grid-view-container div {
    padding: 5px;
  }
  body .crisis-grid-view-container div .leftJ {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div .rightJ {
    text-align: left;
    background-color: lightblue;
    border-color: lightblue;
    border-radius: 5px;
  }
  body .crisis-grid-view-container div table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisis-grid-view-container div table.FixedWidth {
    width: 500px;
  }
  body .crisis-grid-view-container div table .status-icon {
    font-size: 2em;
  }
  body .crisis-grid-view-container div table .mobile-only {
    display: none;
  }
  body .crisis-grid-view-container div table thead, body .crisis-grid-view-container div table tbody, body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    text-align: center;
  }
  body .crisis-grid-view-container div table th, body .crisis-grid-view-container div table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 2px 5px;
    border: none;
  }
  body .crisis-grid-view-container div table thead tr {
    color: #FFFFFF;
    background-color: #31006f;
    border-radius: 10px;
  }
  body .crisis-grid-view-container div table thead tr th {
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table thead tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table thead tr th.command-column .btn-as-link {
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr .time-container {
    display: flex;
    margin-left: auto;
    width: 150px;
  }
  body .crisis-grid-view-container div table tbody tr th {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 1.15em;
  }
  body .crisis-grid-view-container div table tbody tr th.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr th.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td {
    font-size: 1em;
    padding: 3px 6px;
    color: #000000;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox {
    width: 60px !important;
    text-align: center;
  }
  body .crisis-grid-view-container div table tbody tr td.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column {
    width: 45px;
    color: #9e70ff;
    padding-left: 3px;
    padding-right: 3px;
  }
  body .crisis-grid-view-container div table tbody tr td.command-column .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td select,
  body .crisis-grid-view-container div table tbody tr td input[type=text],
  body .crisis-grid-view-container div table tbody tr td input[type=number],
  body .crisis-grid-view-container div table tbody tr td input[type=date],
  body .crisis-grid-view-container div table tbody tr td textarea {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #000000;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: auto;
    max-width: 100%;
    margin: 2px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .crisis-grid-view-container div table tbody tr td input[type=image] {
    width: 28px;
    height: 28px;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information {
    padding: 0.25rem;
    font-size: 0.9em;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row {
    width: 100%;
    font-weight: normal;
    border: none;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .mobile-grid-row:first-child {
    font-weight: 700;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information .relation-name,
  body .crisis-grid-view-container div table tbody tr td.mobile-information .contact-info {
    width: 100%;
    font-weight: 500;
  }
  body .crisis-grid-view-container div table tbody tr td.mobile-information select,
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=text],
  body .crisis-grid-view-container div table tbody tr td.mobile-information input[type=number] {
    min-width: 80%;
    margin: 10px auto;
  }
  body .crisis-grid-view-container div table tbody tr td .student-photo {
    max-height: 150px;
  }
  body .crisis-grid-view-container div table tbody tr td .btn-as-link {
    color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 225px;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button {
    background-color: #9e70ff;
    color: #FFFFFF;
    padding: 4px 10px;
    border: 1px solid #9e70ff;
    border-radius: 6px;
    min-width: 100px;
    text-decoration: none;
    box-shadow: 2px 2px 8px #aaaaaa;
    font-size: 1em;
    background-color: #9e70ff;
    color: #FFFFFF;
    border-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error, body .crisis-grid-view-container div table tbody tr td .info-button.danger {
    background-color: #E7004C;
    color: #FFFFFF;
    border-color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.error:hover, body .crisis-grid-view-container div table tbody tr td .info-button.danger:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm, body .crisis-grid-view-container div table tbody tr td .info-button.success {
    background-color: #009933;
    color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.confirm:hover, body .crisis-grid-view-container div table tbody tr td .info-button.success:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs {
    background-color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.exabs:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate {
    background-color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.unlate:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning {
    background-color: #FFFF00;
    color: #000000;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.warning:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray {
    background-color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.normal-gray:hover {
    background-color: #FFFFFF;
    color: #31006F;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:disabled {
    background-color: #aaaaaa;
    color: #636569;
    border-color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #31006F;
    min-width: unset;
    padding: 4px 8px;
    white-space: normal;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:hover {
    text-decoration: underline;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled {
    background-color: transparent;
    color: #aaaaaa;
    cursor: not-allowed;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link:disabled:hover {
    text-decoration: none;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link .btn-accordion.closed + div.accordion-image {
    padding: 0 0.5rem;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .fa-solid, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.open + div.accordion-image, body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .crisis-grid-view-container div table tbody tr td .info-button.btn-as-link.danger .btn-accordion.closed + div.accordion-image {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i {
    padding: 0 0.5rem;
    font-size: 0.7em;
    vertical-align: super;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button.external-linker i:after {
    font-weight: 600;
  }
  body .crisis-grid-view-container div table tbody tr td .info-button:hover {
    background-color: #31006f;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon label, body .crisis-grid-view-container div table tbody tr td.status-icon span {
    font-size: 1em;
    display: block;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .good-status {
    color: #009933;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .bad-status {
    color: #E7004C;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .asa-status {
    color: #00BED6;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exabs-status {
    color: #10d004;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .exlate-status {
    color: #FFFF00;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .unlate-status {
    color: #c0d00b;
  }
  body .crisis-grid-view-container div table tbody tr td.status-icon .no-status {
    color: #aaaaaa;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  body .crisis-grid-view-container div .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .crisisMessages-grid-view-container {
    padding: 20px 0;
    margin: 0 auto;
    width: 50%;
    font-size: 1em;
    overflow-y: scroll;
  }
  body .crisisMessages-grid-view-container .eye-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  body .crisisMessages-grid-view-container .leftJ.hidden, body .crisisMessages-grid-view-container .rightJ.hidden {
    display: none;
  }
  body .crisisMessages-grid-view-container .message-injured {
    background-color: red !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .message-missing {
    background-color: gold !important;
    color: black;
  }
  body .crisisMessages-grid-view-container .leftJ, body .crisisMessages-grid-view-container .rightJ {
    padding: 8px 12px;
    display: inline-block;
    white-space: normal;
    border-radius: 15px;
  }
  body .crisisMessages-grid-view-container .leftJ {
    background-color: #e0e0e0;
    text-align: left;
    float: left;
    clear: both;
  }
  body .crisisMessages-grid-view-container .rightJ {
    background-color: skyblue;
    text-align: left;
    float: right;
    clear: both;
    color: white;
  }
  body .crisisMessages-grid-view-container .rightMessage {
    text-align: right;
  }
  body .crisisMessages-grid-view-container table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
  }
  body .crisisMessages-grid-view-container table th, body .crisisMessages-grid-view-container table td {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 2px 5px;
    border: none;
    vertical-align: middle;
  }
  body .crisisMessages-grid-view-container .empty-grid-view {
    width: 100%;
    padding: 1.5rem 1rem;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
  }
  body .personal-detail-container {
    width: 100%;
    padding: 0.5rem 1rem;
    margin: 1rem auto;
  }
  body .personal-detail-container h1, body .personal-detail-container h2, body .personal-detail-container h3, body .personal-detail-container h4 {
    color: #000000;
    font-weight: 500;
    margin: 0.5rem 1rem 2rem 1rem;
  }
  body .personal-detail-container h3 {
    font-size: 1.45em;
  }
  body .personal-detail-container .demographics {
    width: 100%;
    padding: 0.5rem;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
  }
  body .personal-detail-container .demographics .photo {
    float: none;
    margin: 0.5rem auto;
    width: 100%;
    min-width: unset;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-photo {
    margin: 0 auto;
    max-height: 230px;
  }
  body .personal-detail-container .demographics .photo .student-name,
  body .personal-detail-container .demographics .photo .student-location {
    color: #000000;
    width: 100%;
    text-align: center;
  }
  body .personal-detail-container .demographics .photo .student-name label,
  body .personal-detail-container .demographics .photo .student-name span,
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-size: 1.15em;
    font-weight: 600;
    padding: 0.5rem;
  }
  body .personal-detail-container .demographics .photo .student-location label,
  body .personal-detail-container .demographics .photo .student-location span {
    font-weight: 500;
    font-size: 1rem;
  }
  body .personal-detail-container .demographics .student-counts {
    width: 100%;
    float: none;
    margin: 0.25rem auto;
    text-align: center;
  }
  body .personal-detail-container .demographics .student-counts .grid-view-container {
    width: 100%;
    margin: 0 auto;
  }
  body .shield-form .personal-detail-container {
    width: 60%;
  }
  body .shield-form .personal-detail-container .demographics .photo {
    width: 60%;
    margin: 0.5rem auto;
    float: none;
  }
  body .shield-form .personal-detail-container .demographics .photo-change {
    width: 60%;
    clear: both;
    text-align: center;
    margin: 0.5rem auto;
  }
  body .shield-form .personal-detail-container .demographics .photo-change .fa-solid, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.open + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.open + div.accordion-image, body .shield-form .personal-detail-container .demographics .photo-change .accordion-buttons .btn-accordion.closed + div.accordion-image, .accordion-buttons body .shield-form .personal-detail-container .demographics .photo-change .btn-accordion.closed + div.accordion-image {
    padding: 0.5rem;
  }
  body .shield-form .shield-form-group span, body .shield-form .shield-form-group input[type=text], body .shield-form .shield-form-group input[type=checkbox], body .shield-form .shield-form-group textarea {
    float: none;
    margin: 10px auto;
  }
  body .shield-form .shield-form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 16px;
    width: 250px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    display: block;
  }
  body .shield-form .shield-form-group select:focus {
    outline: none;
    border-color: #6666ff;
    box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.5);
  }
  body .dashboard-tiles {
    width: 60%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles h2 {
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    color: #31006F;
  }
  body .dashboard-tiles .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles .tile-contents .tiles-list {
    columns: 2;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile {
    height: 200px;
    width: 45%;
    margin: 0.5rem;
    padding: 0.5rem;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 8px #aaaaaa;
    padding: 1rem 0.75rem;
    background-color: transparent;
    list-style: none;
    color: #31006F;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #31006F;
    color: #FFFFFF;
    text-decoration: none;
  }
  body .dashboard-tiles3 {
    width: 60%;
    margin: 0.5rem auto;
    padding: 1rem;
  }
  body .dashboard-tiles3 h2 {
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents {
    width: 100%;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list {
    columns: 3;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile {
    height: 250px;
    width: 32%;
    margin: 0.1rem;
    padding: 0.1rem;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 8px #aaaaaa;
    padding: 1rem 0.75rem;
    background-color: transparent;
    list-style: none;
    color: #31006F;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button i {
    font-size: 4em;
    clear: both;
    min-height: 50px;
    margin-bottom: 12px;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p {
    font-size: 0.85em;
    text-align: left;
    font-weight: normal;
    margin: 0;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button p.link-title {
    font-size: 1.2em;
    font-weight: 600;
  }
  body .dashboard-tiles3 .tile-contents .tiles-list .dashboard-tile .tile-button:hover {
    box-shadow: 2px 2px 8px #aaaaaa;
    background-color: #31006F;
    color: #FFFFFF;
    text-decoration: none;
  }
  body .full-calendar {
    width: 300px;
    height: auto;
    margin: 10px auto;
    border-radius: 20px;
    background-color: #f4f0fa;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
  }
  body .full-calendar:focus, body .full-calendar:focus-within {
    outline: none;
    border: none;
  }
  body .full-calendar tr th {
    color: #000000;
    background-color: transparent;
  }
  body .full-calendar tr td {
    background-color: transparent;
    border-radius: 10px;
    margin: 5px;
  }
  body .full-calendar tr td:hover {
    background-color: #dcd3f8;
  }
  body .full-calendar .calendar-day {
    color: #000000;
    width: auto !important;
  }
  body .full-calendar .calendar-other-month {
    color: #9da5b1;
  }
  body .full-calendar .calendar-other-month a {
    color: #9da5b1 !important;
  }
  body .full-calendar .calendar-other-month a:hover {
    color: #31006f;
  }
  body .full-calendar .calendar-title {
    background-color: #31006f;
    color: #ffffff;
    border-radius: 15px 15px 15px 15px;
  }
  body .full-calendar .calendar-title tr td {
    background-color: #31006f;
    text-align: center;
    padding: 3px;
  }
  body .full-calendar .calendar-title tr td a {
    color: #ffffff !important;
  }
  body .full-calendar .calendar-title tr td a:hover {
    color: #ffffff;
  }
  body .full-calendar .calendar-selected-day {
    background-color: #dcd3f8;
    color: #000000;
    border-radius: 10px;
  }
  body section.sc-you-content {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #aaaaaa;
    border-top: none;
    box-shadow: 0 4px 4px rgba(87, 100, 126, 0.21);
  }
  body section.sc-you-content .sc-you-header {
    width: 100%;
    padding: 15px 30px;
    max-height: 400px;
    border-bottom: 1px solid #9F9F9F;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo {
    text-align: center;
    display: block;
  }
  body section.sc-you-content .sc-you-header .sc-you-logo img {
    max-height: 115px;
    max-width: 110px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text {
    height: 220px;
    margin: 0 auto;
    width: 80%;
    padding-top: 50px;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text h2 {
    font-size: 1.6em;
    font-weight: 700;
    text-align: center;
  }
  body section.sc-you-content .sc-you-header .sc-you-head-text p {
    text-align: center;
    font-size: 1.3em;
  }
  body section.sc-you-content .sc-you-form {
    width: 100%;
    padding: 15px 30px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row {
    width: 100%;
    padding: 45px 10px;
    /*For the asp.net checkbox list*/
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row label {
    color: #636569;
    font-size: 1.15em;
    font-weight: 600;
    clear: both;
    display: block;
    width: 100%;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input {
    width: 40%;
    display: inline-block;
    float: left;
    margin: 0;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.short {
    max-width: 100px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.long {
    width: 100%;
    clear: both;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .sc-you-form-input.sc-you-form-input {
    margin: 0;
    margin-right: 20px;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row span {
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=checkbox],
  body section.sc-you-content .sc-you-form .sc-you-form-row table td input[type=radio] {
    margin-right: 10px;
    float: left;
    min-height: 18px;
    margin-top: 0;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row table td label {
    clear: none;
    float: left;
    width: auto;
    font-size: 0.85em;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .drag-n-dropper {
    width: 100%;
    height: 145px;
    border: 1px solid #636569;
    border-radius: 8px;
    background-color: #FFFFFF;
  }
  body section.sc-you-content .sc-you-form .sc-you-form-row .drag-n-dropper.active {
    background-color: #9F9F9F;
  }
  body section.sc-you-content .sc-you-form-submit {
    width: 100%;
    border-top: 1px solid #9F9F9F;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer {
    text-align: center;
    margin-top: 50px;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span {
    font-size: 1em;
    color: #30475E;
    font-weight: normal;
    display: block;
  }
  body section.sc-you-content .sc-you-form-submit .sc-you-form-footer span.bold-label {
    font-weight: 700;
  }
}