/* input(41652,1): run-time error CSS1019: Unexpected token, found '}' */
@charset "UTF-8";
/**
* COLOR-VARIABLES
*/
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/fonts/roboto-v16-latin/roboto-v16-latin-100.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-100.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-100italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 100;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-100italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-100italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("/fonts/roboto-v16-latin/roboto-v16-latin-300.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-300.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-300italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-300italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto-v16-latin/roboto-v16-latin-regular.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-regular.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/fonts/roboto-v16-latin/roboto-v16-latin-500.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-500.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-500italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-500italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto-v16-latin/roboto-v16-latin-700.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-700.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-700italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-700italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url("/fonts/roboto-v16-latin/roboto-v16-latin-900.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-900.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900italic - latin */
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/fonts/roboto-v16-latin/roboto-v16-latin-900italic.woff2?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff2"), url("/fonts/roboto-v16-latin/roboto-v16-latin-900italic.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed- latin */
@font-face {
  font-family: "Roboto-Condensed";
  font-display: swap;
  src: url("../styles/custom/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v16-latin/RobotoCondensed-Regular-webfont.woff?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("woff"), url("/fonts/roboto-v16-latin/RobotoCondensed-Regular-webfont.ttf?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA") format("truetype");
  font-weight: 400;
}
/**
* GLOBAL-VARIABLES
*/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #0288D1;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #E5057F;
  --red: #F60012;
  --orange: #FFAD00;
  --yellow: #ffc107;
  --green: #599518;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #FFFFFF;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #0288D1;
  --secondary: #6c757d;
  --success: #599518;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #F60012;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-xsm: 360px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-tlmd: 930px;
  --breakpoint-tmd: 1024px;
  --breakpoint-lg: 1280px;
  --breakpoint-lgc: 1380px;
  --breakpoint-xl: 1423px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #FFFFFF;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0288D1;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(1.2748815166, 86.691943128, 133.2251184834);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #E5057F;
  word-break: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #FFFFFF;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 0;
}
@media (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 930px) {
  .container {
    max-width: 930px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1380px) {
  .container {
    max-width: 1380px;
  }
}
@media (min-width: 1423px) {
  .container {
    max-width: 1423px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lgc,
.col-lgc-auto, .col-lgc-12, .col-lgc-11, .col-lgc-10, .col-lgc-9, .col-lgc-8, .col-lgc-7, .col-lgc-6, .col-lgc-5, .col-lgc-4, .col-lgc-3, .col-lgc-2, .col-lgc-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-tmd,
.col-tmd-auto, .col-tmd-12, .col-tmd-11, .col-tmd-10, .col-tmd-9, .col-tmd-8, .col-tmd-7, .col-tmd-6, .col-tmd-5, .col-tmd-4, .col-tmd-3, .col-tmd-2, .col-tmd-1, .col-tlmd,
.col-tlmd-auto, .col-tlmd-12, .col-tlmd-11, .col-tlmd-10, .col-tlmd-9, .col-tlmd-8, .col-tlmd-7, .col-tlmd-6, .col-tlmd-5, .col-tlmd-4, .col-tlmd-3, .col-tlmd-2, .col-tlmd-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xsm,
.col-xsm-auto, .col-xsm-12, .col-xsm-11, .col-xsm-10, .col-xsm-9, .col-xsm-8, .col-xsm-7, .col-xsm-6, .col-xsm-5, .col-xsm-4, .col-xsm-3, .col-xsm-2, .col-xsm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 360px) {
  .col-xsm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xsm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xsm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xsm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xsm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xsm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xsm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xsm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xsm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xsm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xsm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xsm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xsm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xsm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xsm-first {
    order: -1;
  }
  .order-xsm-last {
    order: 13;
  }
  .order-xsm-0 {
    order: 0;
  }
  .order-xsm-1 {
    order: 1;
  }
  .order-xsm-2 {
    order: 2;
  }
  .order-xsm-3 {
    order: 3;
  }
  .order-xsm-4 {
    order: 4;
  }
  .order-xsm-5 {
    order: 5;
  }
  .order-xsm-6 {
    order: 6;
  }
  .order-xsm-7 {
    order: 7;
  }
  .order-xsm-8 {
    order: 8;
  }
  .order-xsm-9 {
    order: 9;
  }
  .order-xsm-10 {
    order: 10;
  }
  .order-xsm-11 {
    order: 11;
  }
  .order-xsm-12 {
    order: 12;
  }
  .offset-xsm-0 {
    margin-left: 0;
  }
  .offset-xsm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xsm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xsm-3 {
    margin-left: 25%;
  }
  .offset-xsm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xsm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xsm-6 {
    margin-left: 50%;
  }
  .offset-xsm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xsm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xsm-9 {
    margin-left: 75%;
  }
  .offset-xsm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xsm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 930px) {
  .col-tlmd {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-tlmd-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-tlmd-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-tlmd-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-tlmd-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tlmd-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-tlmd-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-tlmd-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tlmd-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-tlmd-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-tlmd-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tlmd-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-tlmd-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-tlmd-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-tlmd-first {
    order: -1;
  }
  .order-tlmd-last {
    order: 13;
  }
  .order-tlmd-0 {
    order: 0;
  }
  .order-tlmd-1 {
    order: 1;
  }
  .order-tlmd-2 {
    order: 2;
  }
  .order-tlmd-3 {
    order: 3;
  }
  .order-tlmd-4 {
    order: 4;
  }
  .order-tlmd-5 {
    order: 5;
  }
  .order-tlmd-6 {
    order: 6;
  }
  .order-tlmd-7 {
    order: 7;
  }
  .order-tlmd-8 {
    order: 8;
  }
  .order-tlmd-9 {
    order: 9;
  }
  .order-tlmd-10 {
    order: 10;
  }
  .order-tlmd-11 {
    order: 11;
  }
  .order-tlmd-12 {
    order: 12;
  }
  .offset-tlmd-0 {
    margin-left: 0;
  }
  .offset-tlmd-1 {
    margin-left: 8.3333333333%;
  }
  .offset-tlmd-2 {
    margin-left: 16.6666666667%;
  }
  .offset-tlmd-3 {
    margin-left: 25%;
  }
  .offset-tlmd-4 {
    margin-left: 33.3333333333%;
  }
  .offset-tlmd-5 {
    margin-left: 41.6666666667%;
  }
  .offset-tlmd-6 {
    margin-left: 50%;
  }
  .offset-tlmd-7 {
    margin-left: 58.3333333333%;
  }
  .offset-tlmd-8 {
    margin-left: 66.6666666667%;
  }
  .offset-tlmd-9 {
    margin-left: 75%;
  }
  .offset-tlmd-10 {
    margin-left: 83.3333333333%;
  }
  .offset-tlmd-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-tmd {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-tmd-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-tmd-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-tmd-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-tmd-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tmd-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-tmd-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-tmd-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tmd-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-tmd-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-tmd-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tmd-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-tmd-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-tmd-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-tmd-first {
    order: -1;
  }
  .order-tmd-last {
    order: 13;
  }
  .order-tmd-0 {
    order: 0;
  }
  .order-tmd-1 {
    order: 1;
  }
  .order-tmd-2 {
    order: 2;
  }
  .order-tmd-3 {
    order: 3;
  }
  .order-tmd-4 {
    order: 4;
  }
  .order-tmd-5 {
    order: 5;
  }
  .order-tmd-6 {
    order: 6;
  }
  .order-tmd-7 {
    order: 7;
  }
  .order-tmd-8 {
    order: 8;
  }
  .order-tmd-9 {
    order: 9;
  }
  .order-tmd-10 {
    order: 10;
  }
  .order-tmd-11 {
    order: 11;
  }
  .order-tmd-12 {
    order: 12;
  }
  .offset-tmd-0 {
    margin-left: 0;
  }
  .offset-tmd-1 {
    margin-left: 8.3333333333%;
  }
  .offset-tmd-2 {
    margin-left: 16.6666666667%;
  }
  .offset-tmd-3 {
    margin-left: 25%;
  }
  .offset-tmd-4 {
    margin-left: 33.3333333333%;
  }
  .offset-tmd-5 {
    margin-left: 41.6666666667%;
  }
  .offset-tmd-6 {
    margin-left: 50%;
  }
  .offset-tmd-7 {
    margin-left: 58.3333333333%;
  }
  .offset-tmd-8 {
    margin-left: 66.6666666667%;
  }
  .offset-tmd-9 {
    margin-left: 75%;
  }
  .offset-tmd-10 {
    margin-left: 83.3333333333%;
  }
  .offset-tmd-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1380px) {
  .col-lgc {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lgc-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lgc-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lgc-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lgc-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lgc-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lgc-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lgc-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lgc-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lgc-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lgc-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lgc-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lgc-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lgc-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lgc-first {
    order: -1;
  }
  .order-lgc-last {
    order: 13;
  }
  .order-lgc-0 {
    order: 0;
  }
  .order-lgc-1 {
    order: 1;
  }
  .order-lgc-2 {
    order: 2;
  }
  .order-lgc-3 {
    order: 3;
  }
  .order-lgc-4 {
    order: 4;
  }
  .order-lgc-5 {
    order: 5;
  }
  .order-lgc-6 {
    order: 6;
  }
  .order-lgc-7 {
    order: 7;
  }
  .order-lgc-8 {
    order: 8;
  }
  .order-lgc-9 {
    order: 9;
  }
  .order-lgc-10 {
    order: 10;
  }
  .order-lgc-11 {
    order: 11;
  }
  .order-lgc-12 {
    order: 12;
  }
  .offset-lgc-0 {
    margin-left: 0;
  }
  .offset-lgc-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lgc-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lgc-3 {
    margin-left: 25%;
  }
  .offset-lgc-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lgc-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lgc-6 {
    margin-left: 50%;
  }
  .offset-lgc-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lgc-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lgc-9 {
    margin-left: 75%;
  }
  .offset-lgc-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lgc-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1423px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(184.16, 221.68, 242.12);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(123.44, 193.12, 231.08);
}

.table-hover .table-primary:hover {
  background-color: rgb(162.5830769231, 211.5311705686, 238.1969230769);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(162.5830769231, 211.5311705686, 238.1969230769);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(208.52, 225.32, 190.32);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(168.68, 199.88, 134.88);
}

.table-hover .table-success:hover {
  background-color: rgb(195.9591691395, 217.2992284866, 172.8407715134);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(195.9591691395, 217.2992284866, 172.8407715134);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(252.48, 183.6, 188.64);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(250.32, 122.4, 131.76);
}

.table-hover .table-danger:hover {
  background-color: rgb(251.6106818182, 158.9693181818, 165.7479545455);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(251.6106818182, 158.9693181818, 165.7479545455);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #FFFFFF;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 359.98px) {
  .table-responsive-xsm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xsm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 929.98px) {
  .table-responsive-tlmd {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-tlmd > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1023.98px) {
  .table-responsive-tmd {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-tmd > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1279.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1379.98px) {
  .table-responsive-lgc {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lgc > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1422.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #FFFFFF;
  border-color: rgb(85.1255924171, 194.0402843602, 253.3744075829);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #599518;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: rgba(89, 149, 24, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #599518;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23599518' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #599518;
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #599518;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23599518' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #599518;
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #599518;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #599518;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #599518;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(115.2369942197, 192.9248554913, 31.0751445087);
  background-color: rgb(115.2369942197, 192.9248554913, 31.0751445087);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #599518;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #599518;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #599518;
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #F60012;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: rgba(246, 0, 18, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #F60012;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F60012' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23F60012' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #F60012;
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #F60012;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F60012' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23F60012' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #F60012;
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #F60012;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #F60012;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #F60012;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(255, 42, 57.5853658537);
  background-color: rgb(255, 42, 57.5853658537);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #F60012;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #F60012;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #F60012;
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}
.btn-primary:hover {
  color: #FFFFFF;
  background-color: rgb(1.6374407583, 111.345971564, 171.1125592417);
  border-color: rgb(1.5165876777, 103.1279620853, 158.4834123223);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(39.95, 153.85, 215.9, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(1.5165876777, 103.1279620853, 158.4834123223);
  border-color: rgb(1.3957345972, 94.9099526066, 145.8542654028);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(39.95, 153.85, 215.9, 0.5);
}

.btn-secondary {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #FFFFFF;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}

.btn-success {
  color: #FFFFFF;
  background-color: #599518;
  border-color: #599518;
}
.btn-success:hover {
  color: #FFFFFF;
  background-color: rgb(69.3222543353, 116.0563583815, 18.6936416185);
  border-color: rgb(62.7630057803, 105.0751445087, 16.9248554913);
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(113.9, 164.9, 58.65, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #FFFFFF;
  background-color: #599518;
  border-color: #599518;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(62.7630057803, 105.0751445087, 16.9248554913);
  border-color: rgb(56.2037572254, 94.0939306358, 15.1560693642);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(113.9, 164.9, 58.65, 0.5);
}

.btn-info {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #FFFFFF;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #FFFFFF;
  background-color: #F60012;
  border-color: #F60012;
}
.btn-danger:hover {
  color: #FFFFFF;
  background-color: rgb(207.75, 0, 15.2012195122);
  border-color: rgb(195, 0, 14.2682926829);
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(247.35, 38.25, 53.55, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #FFFFFF;
  background-color: #F60012;
  border-color: #F60012;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(195, 0, 14.2682926829);
  border-color: rgb(182.25, 0, 13.3353658537);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(247.35, 38.25, 53.55, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #FFFFFF;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-outline-primary {
  color: #0288D1;
  border-color: #0288D1;
}
.btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0288D1;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #599518;
  border-color: #599518;
}
.btn-outline-success:hover {
  color: #FFFFFF;
  background-color: #599518;
  border-color: #599518;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #599518;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #599518;
  border-color: #599518;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #F60012;
  border-color: #F60012;
}
.btn-outline-danger:hover {
  color: #FFFFFF;
  background-color: #F60012;
  border-color: #F60012;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #F60012;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #F60012;
  border-color: #F60012;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #0288D1;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(1.2748815166, 86.691943128, 133.2251184834);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 360px) {
  .dropdown-menu-xsm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xsm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 930px) {
  .dropdown-menu-tlmd-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-tlmd-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .dropdown-menu-tmd-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-tmd-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1280px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1380px) {
  .dropdown-menu-lgc-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lgc-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1423px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0288D1;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #0288D1;
  background-color: #0288D1;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(85.1255924171, 194.0402843602, 253.3744075829);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #FFFFFF;
  background-color: rgb(135.6421800948, 212.1682464455, 253.8578199052);
  border-color: rgb(135.6421800948, 212.1682464455, 253.8578199052);
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #FFFFFF;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0288D1;
  background-color: #0288D1;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(2, 136, 209, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(2, 136, 209, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(2, 136, 209, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(2, 136, 209, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgb(85.1255924171, 194.0402843602, 253.3744075829);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(85.1255924171, 194.0402843602, 253.3744075829);
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0288D1;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(135.6421800948, 212.1682464455, 253.8578199052);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0288D1;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(135.6421800948, 212.1682464455, 253.8578199052);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #0288D1;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb {
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: rgb(135.6421800948, 212.1682464455, 253.8578199052);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #dee2e6 #dee2e6 #FFFFFF;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: #0288D1;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 359.98px) {
  .navbar-expand-xsm > .container,
  .navbar-expand-xsm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 360px) {
  .navbar-expand-xsm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xsm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xsm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xsm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xsm > .container,
  .navbar-expand-xsm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xsm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xsm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 929.98px) {
  .navbar-expand-tlmd > .container,
  .navbar-expand-tlmd > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 930px) {
  .navbar-expand-tlmd {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-tlmd .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-tlmd .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-tlmd .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-tlmd > .container,
  .navbar-expand-tlmd > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-tlmd .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-tlmd .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .navbar-expand-tmd > .container,
  .navbar-expand-tmd > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .navbar-expand-tmd {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-tmd .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-tmd .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-tmd .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-tmd > .container,
  .navbar-expand-tmd > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-tmd .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-tmd .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1279.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1379.98px) {
  .navbar-expand-lgc > .container,
  .navbar-expand-lgc > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1380px) {
  .navbar-expand-lgc {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lgc .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lgc .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lgc .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lgc > .container,
  .navbar-expand-lgc > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lgc .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lgc .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1422.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1423px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #FFFFFF;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #FFFFFF;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #FFFFFF;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #FFFFFF;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #FFFFFF;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0288D1;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(1.2748815166, 86.691943128, 133.2251184834);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #FFFFFF;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #FFFFFF;
  background-color: #0288D1;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #FFFFFF;
  background-color: rgb(1.5165876777, 103.1279620853, 158.4834123223);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(2, 136, 209, 0.5);
}

.badge-secondary {
  color: #FFFFFF;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #FFFFFF;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #FFFFFF;
  background-color: #599518;
}
a.badge-success:hover, a.badge-success:focus {
  color: #FFFFFF;
  background-color: rgb(62.7630057803, 105.0751445087, 16.9248554913);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 149, 24, 0.5);
}

.badge-info {
  color: #FFFFFF;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #FFFFFF;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #FFFFFF;
  background-color: #F60012;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #FFFFFF;
  background-color: rgb(195, 0, 14.2682926829);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(246, 0, 18, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #FFFFFF;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #FFFFFF;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(1.04, 70.72, 108.68);
  background-color: rgb(204.4, 231.2, 245.8);
  border-color: rgb(184.16, 221.68, 242.12);
}
.alert-primary hr {
  border-top-color: rgb(162.5830769231, 211.5311705686, 238.1969230769);
}
.alert-primary .alert-link {
  color: rgb(0.5565876777, 37.8479620853, 58.1634123223);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(46.28, 77.48, 12.48);
  background-color: rgb(221.8, 233.8, 208.8);
  border-color: rgb(208.52, 225.32, 190.32);
}
.alert-success hr {
  border-top-color: rgb(195.9591691395, 217.2992284866, 172.8407715134);
}
.alert-success .alert-link {
  color: rgb(20.0430057803, 33.5551445087, 5.4048554913);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(127.92, 0, 9.36);
  background-color: rgb(253.2, 204, 207.6);
  border-color: rgb(252.48, 183.6, 188.64);
}
.alert-danger hr {
  border-top-color: rgb(251.6106818182, 158.9693181818, 165.7479545455);
}
.alert-danger .alert-link {
  color: rgb(76.92, 0, 5.6282926829);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #0288D1;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #FFFFFF;
}
.list-group-item.active {
  z-index: 2;
  color: #FFFFFF;
  background-color: #0288D1;
  border-color: #0288D1;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 360px) {
  .list-group-horizontal-xsm {
    flex-direction: row;
  }
  .list-group-horizontal-xsm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xsm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xsm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 930px) {
  .list-group-horizontal-tlmd {
    flex-direction: row;
  }
  .list-group-horizontal-tlmd .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-tlmd .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-tlmd .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1024px) {
  .list-group-horizontal-tmd {
    flex-direction: row;
  }
  .list-group-horizontal-tmd .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-tmd .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-tmd .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1280px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1380px) {
  .list-group-horizontal-lgc {
    flex-direction: row;
  }
  .list-group-horizontal-lgc .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lgc .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lgc .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1423px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: rgb(1.04, 70.72, 108.68);
  background-color: rgb(184.16, 221.68, 242.12);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(1.04, 70.72, 108.68);
  background-color: rgb(162.5830769231, 211.5311705686, 238.1969230769);
}
.list-group-item-primary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(1.04, 70.72, 108.68);
  border-color: rgb(1.04, 70.72, 108.68);
}

.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}

.list-group-item-success {
  color: rgb(46.28, 77.48, 12.48);
  background-color: rgb(208.52, 225.32, 190.32);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(46.28, 77.48, 12.48);
  background-color: rgb(195.9591691395, 217.2992284866, 172.8407715134);
}
.list-group-item-success.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(46.28, 77.48, 12.48);
  border-color: rgb(46.28, 77.48, 12.48);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(127.92, 0, 9.36);
  background-color: rgb(252.48, 183.6, 188.64);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(127.92, 0, 9.36);
  background-color: rgb(251.6106818182, 158.9693181818, 165.7479545455);
}
.list-group-item-danger.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(127.92, 0, 9.36);
  border-color: rgb(127.92, 0, 9.36);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #FFFFFF;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #FFFFFF;
  opacity: 0.5;
}
.close:hover {
  color: #000000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1280px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1423px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #FFFFFF;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #FFFFFF;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #FFFFFF;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #FFFFFF;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #FFFFFF;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #0288D1 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(1.5165876777, 103.1279620853, 158.4834123223) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #599518 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(62.7630057803, 105.0751445087, 16.9248554913) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #F60012 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(195, 0, 14.2682926829) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0288D1 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #599518 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #F60012 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 360px) {
  .d-xsm-none {
    display: none !important;
  }
  .d-xsm-inline {
    display: inline !important;
  }
  .d-xsm-inline-block {
    display: inline-block !important;
  }
  .d-xsm-block {
    display: block !important;
  }
  .d-xsm-table {
    display: table !important;
  }
  .d-xsm-table-row {
    display: table-row !important;
  }
  .d-xsm-table-cell {
    display: table-cell !important;
  }
  .d-xsm-flex {
    display: flex !important;
  }
  .d-xsm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 930px) {
  .d-tlmd-none {
    display: none !important;
  }
  .d-tlmd-inline {
    display: inline !important;
  }
  .d-tlmd-inline-block {
    display: inline-block !important;
  }
  .d-tlmd-block {
    display: block !important;
  }
  .d-tlmd-table {
    display: table !important;
  }
  .d-tlmd-table-row {
    display: table-row !important;
  }
  .d-tlmd-table-cell {
    display: table-cell !important;
  }
  .d-tlmd-flex {
    display: flex !important;
  }
  .d-tlmd-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-tmd-none {
    display: none !important;
  }
  .d-tmd-inline {
    display: inline !important;
  }
  .d-tmd-inline-block {
    display: inline-block !important;
  }
  .d-tmd-block {
    display: block !important;
  }
  .d-tmd-table {
    display: table !important;
  }
  .d-tmd-table-row {
    display: table-row !important;
  }
  .d-tmd-table-cell {
    display: table-cell !important;
  }
  .d-tmd-flex {
    display: flex !important;
  }
  .d-tmd-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1380px) {
  .d-lgc-none {
    display: none !important;
  }
  .d-lgc-inline {
    display: inline !important;
  }
  .d-lgc-inline-block {
    display: inline-block !important;
  }
  .d-lgc-block {
    display: block !important;
  }
  .d-lgc-table {
    display: table !important;
  }
  .d-lgc-table-row {
    display: table-row !important;
  }
  .d-lgc-table-cell {
    display: table-cell !important;
  }
  .d-lgc-flex {
    display: flex !important;
  }
  .d-lgc-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1423px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 360px) {
  .flex-xsm-row {
    flex-direction: row !important;
  }
  .flex-xsm-column {
    flex-direction: column !important;
  }
  .flex-xsm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xsm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xsm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xsm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xsm-fill {
    flex: 1 1 auto !important;
  }
  .flex-xsm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xsm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xsm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xsm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xsm-start {
    justify-content: flex-start !important;
  }
  .justify-content-xsm-end {
    justify-content: flex-end !important;
  }
  .justify-content-xsm-center {
    justify-content: center !important;
  }
  .justify-content-xsm-between {
    justify-content: space-between !important;
  }
  .justify-content-xsm-around {
    justify-content: space-around !important;
  }
  .align-items-xsm-start {
    align-items: flex-start !important;
  }
  .align-items-xsm-end {
    align-items: flex-end !important;
  }
  .align-items-xsm-center {
    align-items: center !important;
  }
  .align-items-xsm-baseline {
    align-items: baseline !important;
  }
  .align-items-xsm-stretch {
    align-items: stretch !important;
  }
  .align-content-xsm-start {
    align-content: flex-start !important;
  }
  .align-content-xsm-end {
    align-content: flex-end !important;
  }
  .align-content-xsm-center {
    align-content: center !important;
  }
  .align-content-xsm-between {
    align-content: space-between !important;
  }
  .align-content-xsm-around {
    align-content: space-around !important;
  }
  .align-content-xsm-stretch {
    align-content: stretch !important;
  }
  .align-self-xsm-auto {
    align-self: auto !important;
  }
  .align-self-xsm-start {
    align-self: flex-start !important;
  }
  .align-self-xsm-end {
    align-self: flex-end !important;
  }
  .align-self-xsm-center {
    align-self: center !important;
  }
  .align-self-xsm-baseline {
    align-self: baseline !important;
  }
  .align-self-xsm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 930px) {
  .flex-tlmd-row {
    flex-direction: row !important;
  }
  .flex-tlmd-column {
    flex-direction: column !important;
  }
  .flex-tlmd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-tlmd-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-tlmd-wrap {
    flex-wrap: wrap !important;
  }
  .flex-tlmd-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-tlmd-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-tlmd-fill {
    flex: 1 1 auto !important;
  }
  .flex-tlmd-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-tlmd-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-tlmd-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-tlmd-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-tlmd-start {
    justify-content: flex-start !important;
  }
  .justify-content-tlmd-end {
    justify-content: flex-end !important;
  }
  .justify-content-tlmd-center {
    justify-content: center !important;
  }
  .justify-content-tlmd-between {
    justify-content: space-between !important;
  }
  .justify-content-tlmd-around {
    justify-content: space-around !important;
  }
  .align-items-tlmd-start {
    align-items: flex-start !important;
  }
  .align-items-tlmd-end {
    align-items: flex-end !important;
  }
  .align-items-tlmd-center {
    align-items: center !important;
  }
  .align-items-tlmd-baseline {
    align-items: baseline !important;
  }
  .align-items-tlmd-stretch {
    align-items: stretch !important;
  }
  .align-content-tlmd-start {
    align-content: flex-start !important;
  }
  .align-content-tlmd-end {
    align-content: flex-end !important;
  }
  .align-content-tlmd-center {
    align-content: center !important;
  }
  .align-content-tlmd-between {
    align-content: space-between !important;
  }
  .align-content-tlmd-around {
    align-content: space-around !important;
  }
  .align-content-tlmd-stretch {
    align-content: stretch !important;
  }
  .align-self-tlmd-auto {
    align-self: auto !important;
  }
  .align-self-tlmd-start {
    align-self: flex-start !important;
  }
  .align-self-tlmd-end {
    align-self: flex-end !important;
  }
  .align-self-tlmd-center {
    align-self: center !important;
  }
  .align-self-tlmd-baseline {
    align-self: baseline !important;
  }
  .align-self-tlmd-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-tmd-row {
    flex-direction: row !important;
  }
  .flex-tmd-column {
    flex-direction: column !important;
  }
  .flex-tmd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-tmd-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-tmd-wrap {
    flex-wrap: wrap !important;
  }
  .flex-tmd-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-tmd-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-tmd-fill {
    flex: 1 1 auto !important;
  }
  .flex-tmd-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-tmd-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-tmd-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-tmd-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-tmd-start {
    justify-content: flex-start !important;
  }
  .justify-content-tmd-end {
    justify-content: flex-end !important;
  }
  .justify-content-tmd-center {
    justify-content: center !important;
  }
  .justify-content-tmd-between {
    justify-content: space-between !important;
  }
  .justify-content-tmd-around {
    justify-content: space-around !important;
  }
  .align-items-tmd-start {
    align-items: flex-start !important;
  }
  .align-items-tmd-end {
    align-items: flex-end !important;
  }
  .align-items-tmd-center {
    align-items: center !important;
  }
  .align-items-tmd-baseline {
    align-items: baseline !important;
  }
  .align-items-tmd-stretch {
    align-items: stretch !important;
  }
  .align-content-tmd-start {
    align-content: flex-start !important;
  }
  .align-content-tmd-end {
    align-content: flex-end !important;
  }
  .align-content-tmd-center {
    align-content: center !important;
  }
  .align-content-tmd-between {
    align-content: space-between !important;
  }
  .align-content-tmd-around {
    align-content: space-around !important;
  }
  .align-content-tmd-stretch {
    align-content: stretch !important;
  }
  .align-self-tmd-auto {
    align-self: auto !important;
  }
  .align-self-tmd-start {
    align-self: flex-start !important;
  }
  .align-self-tmd-end {
    align-self: flex-end !important;
  }
  .align-self-tmd-center {
    align-self: center !important;
  }
  .align-self-tmd-baseline {
    align-self: baseline !important;
  }
  .align-self-tmd-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1380px) {
  .flex-lgc-row {
    flex-direction: row !important;
  }
  .flex-lgc-column {
    flex-direction: column !important;
  }
  .flex-lgc-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lgc-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lgc-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lgc-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lgc-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lgc-fill {
    flex: 1 1 auto !important;
  }
  .flex-lgc-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lgc-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lgc-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lgc-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lgc-start {
    justify-content: flex-start !important;
  }
  .justify-content-lgc-end {
    justify-content: flex-end !important;
  }
  .justify-content-lgc-center {
    justify-content: center !important;
  }
  .justify-content-lgc-between {
    justify-content: space-between !important;
  }
  .justify-content-lgc-around {
    justify-content: space-around !important;
  }
  .align-items-lgc-start {
    align-items: flex-start !important;
  }
  .align-items-lgc-end {
    align-items: flex-end !important;
  }
  .align-items-lgc-center {
    align-items: center !important;
  }
  .align-items-lgc-baseline {
    align-items: baseline !important;
  }
  .align-items-lgc-stretch {
    align-items: stretch !important;
  }
  .align-content-lgc-start {
    align-content: flex-start !important;
  }
  .align-content-lgc-end {
    align-content: flex-end !important;
  }
  .align-content-lgc-center {
    align-content: center !important;
  }
  .align-content-lgc-between {
    align-content: space-between !important;
  }
  .align-content-lgc-around {
    align-content: space-around !important;
  }
  .align-content-lgc-stretch {
    align-content: stretch !important;
  }
  .align-self-lgc-auto {
    align-self: auto !important;
  }
  .align-self-lgc-start {
    align-self: flex-start !important;
  }
  .align-self-lgc-end {
    align-self: flex-end !important;
  }
  .align-self-lgc-center {
    align-self: center !important;
  }
  .align-self-lgc-baseline {
    align-self: baseline !important;
  }
  .align-self-lgc-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1423px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 360px) {
  .float-xsm-left {
    float: left !important;
  }
  .float-xsm-right {
    float: right !important;
  }
  .float-xsm-none {
    float: none !important;
  }
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 930px) {
  .float-tlmd-left {
    float: left !important;
  }
  .float-tlmd-right {
    float: right !important;
  }
  .float-tlmd-none {
    float: none !important;
  }
}
@media (min-width: 1024px) {
  .float-tmd-left {
    float: left !important;
  }
  .float-tmd-right {
    float: right !important;
  }
  .float-tmd-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1380px) {
  .float-lgc-left {
    float: left !important;
  }
  .float-lgc-right {
    float: right !important;
  }
  .float-lgc-none {
    float: none !important;
  }
}
@media (min-width: 1423px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

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

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 360px) {
  .m-xsm-0 {
    margin: 0 !important;
  }
  .mt-xsm-0,
  .my-xsm-0 {
    margin-top: 0 !important;
  }
  .mr-xsm-0,
  .mx-xsm-0 {
    margin-right: 0 !important;
  }
  .mb-xsm-0,
  .my-xsm-0 {
    margin-bottom: 0 !important;
  }
  .ml-xsm-0,
  .mx-xsm-0 {
    margin-left: 0 !important;
  }
  .m-xsm-1 {
    margin: 0.25rem !important;
  }
  .mt-xsm-1,
  .my-xsm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xsm-1,
  .mx-xsm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xsm-1,
  .my-xsm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xsm-1,
  .mx-xsm-1 {
    margin-left: 0.25rem !important;
  }
  .m-xsm-2 {
    margin: 0.5rem !important;
  }
  .mt-xsm-2,
  .my-xsm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xsm-2,
  .mx-xsm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xsm-2,
  .my-xsm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xsm-2,
  .mx-xsm-2 {
    margin-left: 0.5rem !important;
  }
  .m-xsm-3 {
    margin: 1rem !important;
  }
  .mt-xsm-3,
  .my-xsm-3 {
    margin-top: 1rem !important;
  }
  .mr-xsm-3,
  .mx-xsm-3 {
    margin-right: 1rem !important;
  }
  .mb-xsm-3,
  .my-xsm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xsm-3,
  .mx-xsm-3 {
    margin-left: 1rem !important;
  }
  .m-xsm-4 {
    margin: 1.5rem !important;
  }
  .mt-xsm-4,
  .my-xsm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xsm-4,
  .mx-xsm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xsm-4,
  .my-xsm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xsm-4,
  .mx-xsm-4 {
    margin-left: 1.5rem !important;
  }
  .m-xsm-5 {
    margin: 3rem !important;
  }
  .mt-xsm-5,
  .my-xsm-5 {
    margin-top: 3rem !important;
  }
  .mr-xsm-5,
  .mx-xsm-5 {
    margin-right: 3rem !important;
  }
  .mb-xsm-5,
  .my-xsm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xsm-5,
  .mx-xsm-5 {
    margin-left: 3rem !important;
  }
  .p-xsm-0 {
    padding: 0 !important;
  }
  .pt-xsm-0,
  .py-xsm-0 {
    padding-top: 0 !important;
  }
  .pr-xsm-0,
  .px-xsm-0 {
    padding-right: 0 !important;
  }
  .pb-xsm-0,
  .py-xsm-0 {
    padding-bottom: 0 !important;
  }
  .pl-xsm-0,
  .px-xsm-0 {
    padding-left: 0 !important;
  }
  .p-xsm-1 {
    padding: 0.25rem !important;
  }
  .pt-xsm-1,
  .py-xsm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xsm-1,
  .px-xsm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xsm-1,
  .py-xsm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xsm-1,
  .px-xsm-1 {
    padding-left: 0.25rem !important;
  }
  .p-xsm-2 {
    padding: 0.5rem !important;
  }
  .pt-xsm-2,
  .py-xsm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xsm-2,
  .px-xsm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xsm-2,
  .py-xsm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xsm-2,
  .px-xsm-2 {
    padding-left: 0.5rem !important;
  }
  .p-xsm-3 {
    padding: 1rem !important;
  }
  .pt-xsm-3,
  .py-xsm-3 {
    padding-top: 1rem !important;
  }
  .pr-xsm-3,
  .px-xsm-3 {
    padding-right: 1rem !important;
  }
  .pb-xsm-3,
  .py-xsm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xsm-3,
  .px-xsm-3 {
    padding-left: 1rem !important;
  }
  .p-xsm-4 {
    padding: 1.5rem !important;
  }
  .pt-xsm-4,
  .py-xsm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xsm-4,
  .px-xsm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xsm-4,
  .py-xsm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xsm-4,
  .px-xsm-4 {
    padding-left: 1.5rem !important;
  }
  .p-xsm-5 {
    padding: 3rem !important;
  }
  .pt-xsm-5,
  .py-xsm-5 {
    padding-top: 3rem !important;
  }
  .pr-xsm-5,
  .px-xsm-5 {
    padding-right: 3rem !important;
  }
  .pb-xsm-5,
  .py-xsm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xsm-5,
  .px-xsm-5 {
    padding-left: 3rem !important;
  }
  .m-xsm-n1 {
    margin: -0.25rem !important;
  }
  .mt-xsm-n1,
  .my-xsm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xsm-n1,
  .mx-xsm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xsm-n1,
  .my-xsm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xsm-n1,
  .mx-xsm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xsm-n2 {
    margin: -0.5rem !important;
  }
  .mt-xsm-n2,
  .my-xsm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xsm-n2,
  .mx-xsm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xsm-n2,
  .my-xsm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xsm-n2,
  .mx-xsm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xsm-n3 {
    margin: -1rem !important;
  }
  .mt-xsm-n3,
  .my-xsm-n3 {
    margin-top: -1rem !important;
  }
  .mr-xsm-n3,
  .mx-xsm-n3 {
    margin-right: -1rem !important;
  }
  .mb-xsm-n3,
  .my-xsm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xsm-n3,
  .mx-xsm-n3 {
    margin-left: -1rem !important;
  }
  .m-xsm-n4 {
    margin: -1.5rem !important;
  }
  .mt-xsm-n4,
  .my-xsm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xsm-n4,
  .mx-xsm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xsm-n4,
  .my-xsm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xsm-n4,
  .mx-xsm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xsm-n5 {
    margin: -3rem !important;
  }
  .mt-xsm-n5,
  .my-xsm-n5 {
    margin-top: -3rem !important;
  }
  .mr-xsm-n5,
  .mx-xsm-n5 {
    margin-right: -3rem !important;
  }
  .mb-xsm-n5,
  .my-xsm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xsm-n5,
  .mx-xsm-n5 {
    margin-left: -3rem !important;
  }
  .m-xsm-auto {
    margin: auto !important;
  }
  .mt-xsm-auto,
  .my-xsm-auto {
    margin-top: auto !important;
  }
  .mr-xsm-auto,
  .mx-xsm-auto {
    margin-right: auto !important;
  }
  .mb-xsm-auto,
  .my-xsm-auto {
    margin-bottom: auto !important;
  }
  .ml-xsm-auto,
  .mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 930px) {
  .m-tlmd-0 {
    margin: 0 !important;
  }
  .mt-tlmd-0,
  .my-tlmd-0 {
    margin-top: 0 !important;
  }
  .mr-tlmd-0,
  .mx-tlmd-0 {
    margin-right: 0 !important;
  }
  .mb-tlmd-0,
  .my-tlmd-0 {
    margin-bottom: 0 !important;
  }
  .ml-tlmd-0,
  .mx-tlmd-0 {
    margin-left: 0 !important;
  }
  .m-tlmd-1 {
    margin: 0.25rem !important;
  }
  .mt-tlmd-1,
  .my-tlmd-1 {
    margin-top: 0.25rem !important;
  }
  .mr-tlmd-1,
  .mx-tlmd-1 {
    margin-right: 0.25rem !important;
  }
  .mb-tlmd-1,
  .my-tlmd-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-tlmd-1,
  .mx-tlmd-1 {
    margin-left: 0.25rem !important;
  }
  .m-tlmd-2 {
    margin: 0.5rem !important;
  }
  .mt-tlmd-2,
  .my-tlmd-2 {
    margin-top: 0.5rem !important;
  }
  .mr-tlmd-2,
  .mx-tlmd-2 {
    margin-right: 0.5rem !important;
  }
  .mb-tlmd-2,
  .my-tlmd-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-tlmd-2,
  .mx-tlmd-2 {
    margin-left: 0.5rem !important;
  }
  .m-tlmd-3 {
    margin: 1rem !important;
  }
  .mt-tlmd-3,
  .my-tlmd-3 {
    margin-top: 1rem !important;
  }
  .mr-tlmd-3,
  .mx-tlmd-3 {
    margin-right: 1rem !important;
  }
  .mb-tlmd-3,
  .my-tlmd-3 {
    margin-bottom: 1rem !important;
  }
  .ml-tlmd-3,
  .mx-tlmd-3 {
    margin-left: 1rem !important;
  }
  .m-tlmd-4 {
    margin: 1.5rem !important;
  }
  .mt-tlmd-4,
  .my-tlmd-4 {
    margin-top: 1.5rem !important;
  }
  .mr-tlmd-4,
  .mx-tlmd-4 {
    margin-right: 1.5rem !important;
  }
  .mb-tlmd-4,
  .my-tlmd-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-tlmd-4,
  .mx-tlmd-4 {
    margin-left: 1.5rem !important;
  }
  .m-tlmd-5 {
    margin: 3rem !important;
  }
  .mt-tlmd-5,
  .my-tlmd-5 {
    margin-top: 3rem !important;
  }
  .mr-tlmd-5,
  .mx-tlmd-5 {
    margin-right: 3rem !important;
  }
  .mb-tlmd-5,
  .my-tlmd-5 {
    margin-bottom: 3rem !important;
  }
  .ml-tlmd-5,
  .mx-tlmd-5 {
    margin-left: 3rem !important;
  }
  .p-tlmd-0 {
    padding: 0 !important;
  }
  .pt-tlmd-0,
  .py-tlmd-0 {
    padding-top: 0 !important;
  }
  .pr-tlmd-0,
  .px-tlmd-0 {
    padding-right: 0 !important;
  }
  .pb-tlmd-0,
  .py-tlmd-0 {
    padding-bottom: 0 !important;
  }
  .pl-tlmd-0,
  .px-tlmd-0 {
    padding-left: 0 !important;
  }
  .p-tlmd-1 {
    padding: 0.25rem !important;
  }
  .pt-tlmd-1,
  .py-tlmd-1 {
    padding-top: 0.25rem !important;
  }
  .pr-tlmd-1,
  .px-tlmd-1 {
    padding-right: 0.25rem !important;
  }
  .pb-tlmd-1,
  .py-tlmd-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-tlmd-1,
  .px-tlmd-1 {
    padding-left: 0.25rem !important;
  }
  .p-tlmd-2 {
    padding: 0.5rem !important;
  }
  .pt-tlmd-2,
  .py-tlmd-2 {
    padding-top: 0.5rem !important;
  }
  .pr-tlmd-2,
  .px-tlmd-2 {
    padding-right: 0.5rem !important;
  }
  .pb-tlmd-2,
  .py-tlmd-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-tlmd-2,
  .px-tlmd-2 {
    padding-left: 0.5rem !important;
  }
  .p-tlmd-3 {
    padding: 1rem !important;
  }
  .pt-tlmd-3,
  .py-tlmd-3 {
    padding-top: 1rem !important;
  }
  .pr-tlmd-3,
  .px-tlmd-3 {
    padding-right: 1rem !important;
  }
  .pb-tlmd-3,
  .py-tlmd-3 {
    padding-bottom: 1rem !important;
  }
  .pl-tlmd-3,
  .px-tlmd-3 {
    padding-left: 1rem !important;
  }
  .p-tlmd-4 {
    padding: 1.5rem !important;
  }
  .pt-tlmd-4,
  .py-tlmd-4 {
    padding-top: 1.5rem !important;
  }
  .pr-tlmd-4,
  .px-tlmd-4 {
    padding-right: 1.5rem !important;
  }
  .pb-tlmd-4,
  .py-tlmd-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-tlmd-4,
  .px-tlmd-4 {
    padding-left: 1.5rem !important;
  }
  .p-tlmd-5 {
    padding: 3rem !important;
  }
  .pt-tlmd-5,
  .py-tlmd-5 {
    padding-top: 3rem !important;
  }
  .pr-tlmd-5,
  .px-tlmd-5 {
    padding-right: 3rem !important;
  }
  .pb-tlmd-5,
  .py-tlmd-5 {
    padding-bottom: 3rem !important;
  }
  .pl-tlmd-5,
  .px-tlmd-5 {
    padding-left: 3rem !important;
  }
  .m-tlmd-n1 {
    margin: -0.25rem !important;
  }
  .mt-tlmd-n1,
  .my-tlmd-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-tlmd-n1,
  .mx-tlmd-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-tlmd-n1,
  .my-tlmd-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-tlmd-n1,
  .mx-tlmd-n1 {
    margin-left: -0.25rem !important;
  }
  .m-tlmd-n2 {
    margin: -0.5rem !important;
  }
  .mt-tlmd-n2,
  .my-tlmd-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-tlmd-n2,
  .mx-tlmd-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-tlmd-n2,
  .my-tlmd-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-tlmd-n2,
  .mx-tlmd-n2 {
    margin-left: -0.5rem !important;
  }
  .m-tlmd-n3 {
    margin: -1rem !important;
  }
  .mt-tlmd-n3,
  .my-tlmd-n3 {
    margin-top: -1rem !important;
  }
  .mr-tlmd-n3,
  .mx-tlmd-n3 {
    margin-right: -1rem !important;
  }
  .mb-tlmd-n3,
  .my-tlmd-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-tlmd-n3,
  .mx-tlmd-n3 {
    margin-left: -1rem !important;
  }
  .m-tlmd-n4 {
    margin: -1.5rem !important;
  }
  .mt-tlmd-n4,
  .my-tlmd-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-tlmd-n4,
  .mx-tlmd-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-tlmd-n4,
  .my-tlmd-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-tlmd-n4,
  .mx-tlmd-n4 {
    margin-left: -1.5rem !important;
  }
  .m-tlmd-n5 {
    margin: -3rem !important;
  }
  .mt-tlmd-n5,
  .my-tlmd-n5 {
    margin-top: -3rem !important;
  }
  .mr-tlmd-n5,
  .mx-tlmd-n5 {
    margin-right: -3rem !important;
  }
  .mb-tlmd-n5,
  .my-tlmd-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-tlmd-n5,
  .mx-tlmd-n5 {
    margin-left: -3rem !important;
  }
  .m-tlmd-auto {
    margin: auto !important;
  }
  .mt-tlmd-auto,
  .my-tlmd-auto {
    margin-top: auto !important;
  }
  .mr-tlmd-auto,
  .mx-tlmd-auto {
    margin-right: auto !important;
  }
  .mb-tlmd-auto,
  .my-tlmd-auto {
    margin-bottom: auto !important;
  }
  .ml-tlmd-auto,
  .mx-tlmd-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-tmd-0 {
    margin: 0 !important;
  }
  .mt-tmd-0,
  .my-tmd-0 {
    margin-top: 0 !important;
  }
  .mr-tmd-0,
  .mx-tmd-0 {
    margin-right: 0 !important;
  }
  .mb-tmd-0,
  .my-tmd-0 {
    margin-bottom: 0 !important;
  }
  .ml-tmd-0,
  .mx-tmd-0 {
    margin-left: 0 !important;
  }
  .m-tmd-1 {
    margin: 0.25rem !important;
  }
  .mt-tmd-1,
  .my-tmd-1 {
    margin-top: 0.25rem !important;
  }
  .mr-tmd-1,
  .mx-tmd-1 {
    margin-right: 0.25rem !important;
  }
  .mb-tmd-1,
  .my-tmd-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-tmd-1,
  .mx-tmd-1 {
    margin-left: 0.25rem !important;
  }
  .m-tmd-2 {
    margin: 0.5rem !important;
  }
  .mt-tmd-2,
  .my-tmd-2 {
    margin-top: 0.5rem !important;
  }
  .mr-tmd-2,
  .mx-tmd-2 {
    margin-right: 0.5rem !important;
  }
  .mb-tmd-2,
  .my-tmd-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-tmd-2,
  .mx-tmd-2 {
    margin-left: 0.5rem !important;
  }
  .m-tmd-3 {
    margin: 1rem !important;
  }
  .mt-tmd-3,
  .my-tmd-3 {
    margin-top: 1rem !important;
  }
  .mr-tmd-3,
  .mx-tmd-3 {
    margin-right: 1rem !important;
  }
  .mb-tmd-3,
  .my-tmd-3 {
    margin-bottom: 1rem !important;
  }
  .ml-tmd-3,
  .mx-tmd-3 {
    margin-left: 1rem !important;
  }
  .m-tmd-4 {
    margin: 1.5rem !important;
  }
  .mt-tmd-4,
  .my-tmd-4 {
    margin-top: 1.5rem !important;
  }
  .mr-tmd-4,
  .mx-tmd-4 {
    margin-right: 1.5rem !important;
  }
  .mb-tmd-4,
  .my-tmd-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-tmd-4,
  .mx-tmd-4 {
    margin-left: 1.5rem !important;
  }
  .m-tmd-5 {
    margin: 3rem !important;
  }
  .mt-tmd-5,
  .my-tmd-5 {
    margin-top: 3rem !important;
  }
  .mr-tmd-5,
  .mx-tmd-5 {
    margin-right: 3rem !important;
  }
  .mb-tmd-5,
  .my-tmd-5 {
    margin-bottom: 3rem !important;
  }
  .ml-tmd-5,
  .mx-tmd-5 {
    margin-left: 3rem !important;
  }
  .p-tmd-0 {
    padding: 0 !important;
  }
  .pt-tmd-0,
  .py-tmd-0 {
    padding-top: 0 !important;
  }
  .pr-tmd-0,
  .px-tmd-0 {
    padding-right: 0 !important;
  }
  .pb-tmd-0,
  .py-tmd-0 {
    padding-bottom: 0 !important;
  }
  .pl-tmd-0,
  .px-tmd-0 {
    padding-left: 0 !important;
  }
  .p-tmd-1 {
    padding: 0.25rem !important;
  }
  .pt-tmd-1,
  .py-tmd-1 {
    padding-top: 0.25rem !important;
  }
  .pr-tmd-1,
  .px-tmd-1 {
    padding-right: 0.25rem !important;
  }
  .pb-tmd-1,
  .py-tmd-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-tmd-1,
  .px-tmd-1 {
    padding-left: 0.25rem !important;
  }
  .p-tmd-2 {
    padding: 0.5rem !important;
  }
  .pt-tmd-2,
  .py-tmd-2 {
    padding-top: 0.5rem !important;
  }
  .pr-tmd-2,
  .px-tmd-2 {
    padding-right: 0.5rem !important;
  }
  .pb-tmd-2,
  .py-tmd-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-tmd-2,
  .px-tmd-2 {
    padding-left: 0.5rem !important;
  }
  .p-tmd-3 {
    padding: 1rem !important;
  }
  .pt-tmd-3,
  .py-tmd-3 {
    padding-top: 1rem !important;
  }
  .pr-tmd-3,
  .px-tmd-3 {
    padding-right: 1rem !important;
  }
  .pb-tmd-3,
  .py-tmd-3 {
    padding-bottom: 1rem !important;
  }
  .pl-tmd-3,
  .px-tmd-3 {
    padding-left: 1rem !important;
  }
  .p-tmd-4 {
    padding: 1.5rem !important;
  }
  .pt-tmd-4,
  .py-tmd-4 {
    padding-top: 1.5rem !important;
  }
  .pr-tmd-4,
  .px-tmd-4 {
    padding-right: 1.5rem !important;
  }
  .pb-tmd-4,
  .py-tmd-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-tmd-4,
  .px-tmd-4 {
    padding-left: 1.5rem !important;
  }
  .p-tmd-5 {
    padding: 3rem !important;
  }
  .pt-tmd-5,
  .py-tmd-5 {
    padding-top: 3rem !important;
  }
  .pr-tmd-5,
  .px-tmd-5 {
    padding-right: 3rem !important;
  }
  .pb-tmd-5,
  .py-tmd-5 {
    padding-bottom: 3rem !important;
  }
  .pl-tmd-5,
  .px-tmd-5 {
    padding-left: 3rem !important;
  }
  .m-tmd-n1 {
    margin: -0.25rem !important;
  }
  .mt-tmd-n1,
  .my-tmd-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-tmd-n1,
  .mx-tmd-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-tmd-n1,
  .my-tmd-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-tmd-n1,
  .mx-tmd-n1 {
    margin-left: -0.25rem !important;
  }
  .m-tmd-n2 {
    margin: -0.5rem !important;
  }
  .mt-tmd-n2,
  .my-tmd-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-tmd-n2,
  .mx-tmd-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-tmd-n2,
  .my-tmd-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-tmd-n2,
  .mx-tmd-n2 {
    margin-left: -0.5rem !important;
  }
  .m-tmd-n3 {
    margin: -1rem !important;
  }
  .mt-tmd-n3,
  .my-tmd-n3 {
    margin-top: -1rem !important;
  }
  .mr-tmd-n3,
  .mx-tmd-n3 {
    margin-right: -1rem !important;
  }
  .mb-tmd-n3,
  .my-tmd-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-tmd-n3,
  .mx-tmd-n3 {
    margin-left: -1rem !important;
  }
  .m-tmd-n4 {
    margin: -1.5rem !important;
  }
  .mt-tmd-n4,
  .my-tmd-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-tmd-n4,
  .mx-tmd-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-tmd-n4,
  .my-tmd-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-tmd-n4,
  .mx-tmd-n4 {
    margin-left: -1.5rem !important;
  }
  .m-tmd-n5 {
    margin: -3rem !important;
  }
  .mt-tmd-n5,
  .my-tmd-n5 {
    margin-top: -3rem !important;
  }
  .mr-tmd-n5,
  .mx-tmd-n5 {
    margin-right: -3rem !important;
  }
  .mb-tmd-n5,
  .my-tmd-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-tmd-n5,
  .mx-tmd-n5 {
    margin-left: -3rem !important;
  }
  .m-tmd-auto {
    margin: auto !important;
  }
  .mt-tmd-auto,
  .my-tmd-auto {
    margin-top: auto !important;
  }
  .mr-tmd-auto,
  .mx-tmd-auto {
    margin-right: auto !important;
  }
  .mb-tmd-auto,
  .my-tmd-auto {
    margin-bottom: auto !important;
  }
  .ml-tmd-auto,
  .mx-tmd-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1380px) {
  .m-lgc-0 {
    margin: 0 !important;
  }
  .mt-lgc-0,
  .my-lgc-0 {
    margin-top: 0 !important;
  }
  .mr-lgc-0,
  .mx-lgc-0 {
    margin-right: 0 !important;
  }
  .mb-lgc-0,
  .my-lgc-0 {
    margin-bottom: 0 !important;
  }
  .ml-lgc-0,
  .mx-lgc-0 {
    margin-left: 0 !important;
  }
  .m-lgc-1 {
    margin: 0.25rem !important;
  }
  .mt-lgc-1,
  .my-lgc-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lgc-1,
  .mx-lgc-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lgc-1,
  .my-lgc-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lgc-1,
  .mx-lgc-1 {
    margin-left: 0.25rem !important;
  }
  .m-lgc-2 {
    margin: 0.5rem !important;
  }
  .mt-lgc-2,
  .my-lgc-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lgc-2,
  .mx-lgc-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lgc-2,
  .my-lgc-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lgc-2,
  .mx-lgc-2 {
    margin-left: 0.5rem !important;
  }
  .m-lgc-3 {
    margin: 1rem !important;
  }
  .mt-lgc-3,
  .my-lgc-3 {
    margin-top: 1rem !important;
  }
  .mr-lgc-3,
  .mx-lgc-3 {
    margin-right: 1rem !important;
  }
  .mb-lgc-3,
  .my-lgc-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lgc-3,
  .mx-lgc-3 {
    margin-left: 1rem !important;
  }
  .m-lgc-4 {
    margin: 1.5rem !important;
  }
  .mt-lgc-4,
  .my-lgc-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lgc-4,
  .mx-lgc-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lgc-4,
  .my-lgc-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lgc-4,
  .mx-lgc-4 {
    margin-left: 1.5rem !important;
  }
  .m-lgc-5 {
    margin: 3rem !important;
  }
  .mt-lgc-5,
  .my-lgc-5 {
    margin-top: 3rem !important;
  }
  .mr-lgc-5,
  .mx-lgc-5 {
    margin-right: 3rem !important;
  }
  .mb-lgc-5,
  .my-lgc-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lgc-5,
  .mx-lgc-5 {
    margin-left: 3rem !important;
  }
  .p-lgc-0 {
    padding: 0 !important;
  }
  .pt-lgc-0,
  .py-lgc-0 {
    padding-top: 0 !important;
  }
  .pr-lgc-0,
  .px-lgc-0 {
    padding-right: 0 !important;
  }
  .pb-lgc-0,
  .py-lgc-0 {
    padding-bottom: 0 !important;
  }
  .pl-lgc-0,
  .px-lgc-0 {
    padding-left: 0 !important;
  }
  .p-lgc-1 {
    padding: 0.25rem !important;
  }
  .pt-lgc-1,
  .py-lgc-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lgc-1,
  .px-lgc-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lgc-1,
  .py-lgc-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lgc-1,
  .px-lgc-1 {
    padding-left: 0.25rem !important;
  }
  .p-lgc-2 {
    padding: 0.5rem !important;
  }
  .pt-lgc-2,
  .py-lgc-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lgc-2,
  .px-lgc-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lgc-2,
  .py-lgc-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lgc-2,
  .px-lgc-2 {
    padding-left: 0.5rem !important;
  }
  .p-lgc-3 {
    padding: 1rem !important;
  }
  .pt-lgc-3,
  .py-lgc-3 {
    padding-top: 1rem !important;
  }
  .pr-lgc-3,
  .px-lgc-3 {
    padding-right: 1rem !important;
  }
  .pb-lgc-3,
  .py-lgc-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lgc-3,
  .px-lgc-3 {
    padding-left: 1rem !important;
  }
  .p-lgc-4 {
    padding: 1.5rem !important;
  }
  .pt-lgc-4,
  .py-lgc-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lgc-4,
  .px-lgc-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lgc-4,
  .py-lgc-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lgc-4,
  .px-lgc-4 {
    padding-left: 1.5rem !important;
  }
  .p-lgc-5 {
    padding: 3rem !important;
  }
  .pt-lgc-5,
  .py-lgc-5 {
    padding-top: 3rem !important;
  }
  .pr-lgc-5,
  .px-lgc-5 {
    padding-right: 3rem !important;
  }
  .pb-lgc-5,
  .py-lgc-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lgc-5,
  .px-lgc-5 {
    padding-left: 3rem !important;
  }
  .m-lgc-n1 {
    margin: -0.25rem !important;
  }
  .mt-lgc-n1,
  .my-lgc-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lgc-n1,
  .mx-lgc-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lgc-n1,
  .my-lgc-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lgc-n1,
  .mx-lgc-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lgc-n2 {
    margin: -0.5rem !important;
  }
  .mt-lgc-n2,
  .my-lgc-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lgc-n2,
  .mx-lgc-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lgc-n2,
  .my-lgc-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lgc-n2,
  .mx-lgc-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lgc-n3 {
    margin: -1rem !important;
  }
  .mt-lgc-n3,
  .my-lgc-n3 {
    margin-top: -1rem !important;
  }
  .mr-lgc-n3,
  .mx-lgc-n3 {
    margin-right: -1rem !important;
  }
  .mb-lgc-n3,
  .my-lgc-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lgc-n3,
  .mx-lgc-n3 {
    margin-left: -1rem !important;
  }
  .m-lgc-n4 {
    margin: -1.5rem !important;
  }
  .mt-lgc-n4,
  .my-lgc-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lgc-n4,
  .mx-lgc-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lgc-n4,
  .my-lgc-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lgc-n4,
  .mx-lgc-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lgc-n5 {
    margin: -3rem !important;
  }
  .mt-lgc-n5,
  .my-lgc-n5 {
    margin-top: -3rem !important;
  }
  .mr-lgc-n5,
  .mx-lgc-n5 {
    margin-right: -3rem !important;
  }
  .mb-lgc-n5,
  .my-lgc-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lgc-n5,
  .mx-lgc-n5 {
    margin-left: -3rem !important;
  }
  .m-lgc-auto {
    margin: auto !important;
  }
  .mt-lgc-auto,
  .my-lgc-auto {
    margin-top: auto !important;
  }
  .mr-lgc-auto,
  .mx-lgc-auto {
    margin-right: auto !important;
  }
  .mb-lgc-auto,
  .my-lgc-auto {
    margin-bottom: auto !important;
  }
  .ml-lgc-auto,
  .mx-lgc-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1423px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 360px) {
  .text-xsm-left {
    text-align: left !important;
  }
  .text-xsm-right {
    text-align: right !important;
  }
  .text-xsm-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 930px) {
  .text-tlmd-left {
    text-align: left !important;
  }
  .text-tlmd-right {
    text-align: right !important;
  }
  .text-tlmd-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-tmd-left {
    text-align: left !important;
  }
  .text-tmd-right {
    text-align: right !important;
  }
  .text-tmd-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1380px) {
  .text-lgc-left {
    text-align: left !important;
  }
  .text-lgc-right {
    text-align: right !important;
  }
  .text-lgc-center {
    text-align: center !important;
  }
}
@media (min-width: 1423px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-primary {
  color: #0288D1 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(1.2748815166, 86.691943128, 133.2251184834) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #599518 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(49.6445086705, 83.112716763, 13.387283237) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #F60012 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(169.5, 0, 12.4024390244) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #FFFFFF !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.sans {
  font-family: "Roboto", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body, html {
  margin: 0;
  padding: 0;
  background: #030C26;
  font-family: "Roboto", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  line-height: normal;
}
body.no-scroll, body.no-scroll-panel, html.no-scroll, html.no-scroll-panel {
  overflow: hidden;
}

main {
  width: 100%;
  min-height: 89vh;
  /*overflow: hidden;*/
  position: relative;
  padding: 20px 60px 0px 60px;
}
@media (max-width: 1024px) {
  main {
    padding: 20px 30px 0px 30px;
  }
}
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
  main {
    padding: 0 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  main {
    padding: 0px 30px 0px 30px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  main {
    padding: 0;
  }
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

svg {
  outline: 0;
  outline-style: none;
}

.fill-green use {
  fill: #599518 !important;
  --static-color: #599518 !important;
}

body.touched .icon:hover use {
  fill: #FFFFFF !important;
  --static-color: #FFFFFF !important;
}

.fill-grey use {
  fill: #9EA6BE !important;
  --static-color: #9EA6BE !important;
}

.fill-blue use {
  fill: #42A8FF !important;
  --static-color: #42A8FF !important;
}

.button-create {
  margin-left: auto;
}
.button-create svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .button-create:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}

* {
  outline: 0;
  outline-style: none;
}

.back {
  margin-bottom: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 3px;
}
.back svg {
  display: inline-block;
  position: absolute;
  transition: all 0.3s ease-in-out;
  top: 0px;
  left: 0;
}
.back p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 0 30px;
}
body.touched .back:hover svg {
  left: -3px;
}
body.touched .back:hover svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .back:hover p {
  color: #42A8FF;
}

.plus-sign {
  position: absolute;
  right: -7px;
  top: -11px;
}

.error {
  color: #F60012;
}

.back-terms-conditions, .back-privacy-notice {
  margin: 150px 0 0 60px;
  position: absolute;
  z-index: 999;
}

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

.row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}
.row .label-center {
  text-align: center !important;
  color: #42A8FF;
  margin: 0 0 20px 0;
  width: 100%;
}

.hide {
  display: none;
}
.hide-lg {
  display: initial;
}
@media (min-width: 1025px) {
  .hide-lg {
    display: none;
  }
}
@media (max-width: 960px) {
  .hide-md {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hide-md {
    display: initial;
  }
}

.sub-title {
  font-family: "Roboto", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 20px;
  letter-spacing: 10px;
}

.title {
  font-family: "Roboto", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 900;
}

.error-message {
  color: #F60012;
}

.align-center {
  text-align: center;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

h1, h2, h3 {
  font-weight: 300;
}

h2 {
  font-size: 36px;
}

.underline {
  text-decoration: underline;
}
body.touched .underline:hover {
  text-decoration: underline;
  color: #42A8FF;
}

.no-padding {
  padding: 0 !important;
}

.pl-30 {
  padding-left: 30px;
}

.m-15 {
  margin: 0 15px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mr-30 {
  margin-right: 30px;
}

.mr-100 {
  margin-right: 100px;
}

.ml-15 {
  margin-left: 15px !important;
}

.pb-50 {
  padding-bottom: 50px;
}

.no-margin {
  margin: 0 !important;
}

.w-260 {
  width: 260px;
}

.w-405 {
  width: 405px !important;
}

.w-max-content {
  width: max-content !important;
  width: -moz-max-content !important;
  width: -webkit-max-content !important;
}

.w-min-content {
  width: min-content !important;
}

.mw-fit {
  max-width: fit-content !important;
}

.mw-420 {
  max-width: 420px;
}

.max-75 {
  max-width: 75px;
}

.min-75 {
  min-width: 75px;
}

.min-82 {
  min-width: 82px;
}

.min-125 {
  min-width: 125px;
}

.min-146 {
  min-width: 146px;
}

.h-auto {
  height: auto !important;
}

.top-40 {
  top: 40px !important;
}

use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched use:hover, use:focus, use:active {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
use.icon-hidden {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched use.icon-hidden:hover, use.icon-hidden:focus, use.icon-hidden:active {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

html .btn {
  white-space: nowrap;
  color: #FFFFFF;
}
html .btn-group > .btn,
html .btn-group-vertical > .btn {
  flex: 0 1 auto;
}

/**
* GLOBAL-VARIABLES
*/
.collapse {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.7s cubic-bezier(0, 1, 0, 1);
}
.collapse:not(.show) {
  display: block;
}
.collapse.show {
  max-height: fit-content;
  max-height: -moz-fit-content;
  max-height: -webkit-fit-content;
  transition: max-height 1s ease-in-out;
}

.blur-overlay.overlay:after {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  width: 30px;
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 0;
  bottom: 10px;
  right: 0;
}
.blur-overlay.overlay.overlayb-0:after {
  bottom: 0;
}
.blur-overlay.before-overlay:before {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  width: 30px;
  top: 0;
  bottom: 10px;
  left: 50px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
}
@media screen and (max-width: 1370px) {
  .blur-overlay.before-overlay:before {
    left: 0;
  }
}
.blur-overlay .blur-container th:first-child.overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: -30px;
}

.blur-overlay-blue.overlay:after, .blur-overlay-blue.overlay:before {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  width: 20px;
  background-image: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background-image: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background-image: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 0;
  bottom: 10px;
}
.blur-overlay-blue.overlay.left:after {
  background-image: -webkit-linear-gradient(90deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background-image: -moz-linear-gradient(90deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background-image: linear-gradient(90deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  left: 0;
}
.blur-overlay-blue.overlay.right:before {
  right: 0;
}

body[id*=iPhone], body[id*=iPad], html[id*=iPhone], html[id*=iPad] {
  -webkit-overflow-scrolling: touch;
}
body[id*=iPhone] main .main-login, body[id*=iPad] main .main-login, html[id*=iPhone] main .main-login, html[id*=iPad] main .main-login {
  height: 1024px;
}
@media screen and (device-aspect-ratio: 40/71) {
  body[id*=iPhone] main .main-login, body[id*=iPad] main .main-login, html[id*=iPhone] main .main-login, html[id*=iPad] main .main-login {
    height: 500px;
  }
}
body[id*=iPhone].no-scroll, body[id*=iPad].no-scroll, html[id*=iPhone].no-scroll, html[id*=iPad].no-scroll {
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
  height: 100%;
}
body[id*=iPhone] .table-scroll table tbody tr, body[id*=iPad] .table-scroll table tbody tr, html[id*=iPhone] .table-scroll table tbody tr, html[id*=iPad] .table-scroll table tbody tr {
  animation: none !important;
  -webkit-animation: none !important;
}
body[id*=iPhone] .table-fixed table tbody tr:last-child th, body[id*=iPad] .table-fixed table tbody tr:last-child th, html[id*=iPhone] .table-fixed table tbody tr:last-child th, html[id*=iPad] .table-fixed table tbody tr:last-child th {
  height: 100px !important;
}
body[id*=iPhone] .global-filters .slide-panels .panel-content, body[id*=iPad] .global-filters .slide-panels .panel-content, html[id*=iPhone] .global-filters .slide-panels .panel-content, html[id*=iPad] .global-filters .slide-panels .panel-content {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  body[id*=iPhone] .global-filters .slide-panels .panel-content, body[id*=iPad] .global-filters .slide-panels .panel-content, html[id*=iPhone] .global-filters .slide-panels .panel-content, html[id*=iPad] .global-filters .slide-panels .panel-content {
    padding: 0 0 15px;
  }
}
body[id*=iPhone] .tooltip.data-table-copy-tooltip, body[id*=iPad] .tooltip.data-table-copy-tooltip, html[id*=iPhone] .tooltip.data-table-copy-tooltip, html[id*=iPad] .tooltip.data-table-copy-tooltip {
  right: 0;
}
body[id*=iPhone] .tooltip.data-table-copy-tooltip .tooltip-inner, body[id*=iPad] .tooltip.data-table-copy-tooltip .tooltip-inner, html[id*=iPhone] .tooltip.data-table-copy-tooltip .tooltip-inner, html[id*=iPad] .tooltip.data-table-copy-tooltip .tooltip-inner {
  position: absolute;
  right: 0;
  left: auto;
  margin-right: 0;
}
body[id*=iPhone] .table-fixed table tbody tr:last-child th, body[id*=iPad] .table-fixed table tbody tr:last-child th, html[id*=iPhone] .table-fixed table tbody tr:last-child th, html[id*=iPad] .table-fixed table tbody tr:last-child th {
  height: 100px !important;
}
body[id*=iPad] .tooltip.data-table-copy-tooltip:after, html[id*=iPad] .tooltip.data-table-copy-tooltip:after {
  right: 50px;
}
@media screen and (orientation: portrait) and (max-width: 768px) {
  body[id*=iPad] .reply, html[id*=iPad] .reply {
    margin-bottom: 75px !important;
  }
}
@media screen and (orientation: portrait) and (min-width: 769px) and (max-width: 834px) {
  body[id*=iPad] .reply, html[id*=iPad] .reply {
    margin-bottom: 40px !important;
  }
}
@media screen and (orientation: portrait) and (min-width: 835px) and (max-width: 1024px) {
  body[id*=iPad] .reply, html[id*=iPad] .reply {
    margin-bottom: 50px !important;
  }
}
@media screen and (orientation: landscape) and (max-height: 768px) {
  body[id*=iPad] .reply, html[id*=iPad] .reply {
    margin-bottom: 45px !important;
  }
}
@media screen and (orientation: landscape) and (min-height: 769px) and (max-height: 1024px) {
  body[id*=iPad] .reply, html[id*=iPad] .reply {
    margin-bottom: -40px !important;
  }
}
body[id*=iPhone] nav .slide-menu, html[id*=iPhone] nav .slide-menu {
  padding-bottom: 75px;
}
@media screen and (-webkit-device-pixel-ratio: 3) {
  body[id*=iPhone] nav .slide-menu, html[id*=iPhone] nav .slide-menu {
    padding-bottom: 95px;
  }
}
body[id*=iPhone] nav .slide-menu > .align-end, html[id*=iPhone] nav .slide-menu > .align-end {
  margin-bottom: 10px;
}
body[id*=iPhone] .tooltip.data-table-copy-tooltip:after, html[id*=iPhone] .tooltip.data-table-copy-tooltip:after {
  right: -150px;
  left: 0;
}

/*! angularjs-slider - v6.6.1 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2018-06-30 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: "";
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}


/**
* BUTTON-ELEMENTS
*/
a, button {
  text-decoration: none;
  font-size: 1em;
  outline: 0;
  outline-style: none;
  transition: all 0.3s ease-in-out;
  color: #FFFFFF;
  border: none;
}
body.touched a:hover, a:focus, a:active, body.touched button:hover, button:focus, button:active {
  text-decoration: none;
  outline: 0 !important;
  outline-style: none;
  color: #FFFFFF;
}

button {
  background: transparent;
  text-transform: capitalize;
  outline: 0;
}

button:active, button:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
}
button:active .blue, button:focus .blue {
  color: rgba(255, 255, 255, 0.296648551);
  border: 1px solid rgba(255, 255, 255, 0.296648551);
  outline: 0;
}

html [type=button] {
  -webkit-appearance: initial;
}

.open > .dropdown-menu {
  display: block;
}

form .form .ui-select-match span.btn-xs {
  border-color: #CDD2E2;
  font-size: 12px;
  line-height: 1.5;
}

[disabled], .disabled,
.disabled a, :disabled {
  cursor: default !important;
  pointer-events: none !important;
}
[disabled].show-tooltip, .disabled.show-tooltip,
.disabled a.show-tooltip, :disabled.show-tooltip {
  pointer-events: auto !important;
}

.greyed-out {
  opacity: 0.6;
}

.btn {
  padding: 10px 20px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  display: inline-block;
  border-radius: 50px;
  font-weight: 400;
  text-align: center;
  min-width: 150px;
}
.btn.small {
  min-width: 100px;
}
.btn:active {
  position: relative;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
}
.btn.submit {
  margin: 0 10px;
}
.btn .uppercase {
  text-transform: uppercase;
}
.btn.trigger-SURGERY_NO_ROD_REQUIRED, .btn.trigger-NO_SURGERY_REQUIRED, .btn.trigger-REFUSE, .btn.trigger-EDIT_MEASUREMENTS, .btn.trigger-EDIT_PLAN, .btn.trigger-SURGERY_CANCELED {
  border: 1px solid #174CBF;
  background: #174CBF;
  color: #FFFFFF;
}
body.touched .btn.trigger-SURGERY_NO_ROD_REQUIRED:hover, .btn.trigger-SURGERY_NO_ROD_REQUIRED:focus, .btn.trigger-SURGERY_NO_ROD_REQUIRED:active, body.touched .btn.trigger-NO_SURGERY_REQUIRED:hover, .btn.trigger-NO_SURGERY_REQUIRED:focus, .btn.trigger-NO_SURGERY_REQUIRED:active, body.touched .btn.trigger-REFUSE:hover, .btn.trigger-REFUSE:focus, .btn.trigger-REFUSE:active, body.touched .btn.trigger-EDIT_MEASUREMENTS:hover, .btn.trigger-EDIT_MEASUREMENTS:focus, .btn.trigger-EDIT_MEASUREMENTS:active, body.touched .btn.trigger-EDIT_PLAN:hover, .btn.trigger-EDIT_PLAN:focus, .btn.trigger-EDIT_PLAN:active, body.touched .btn.trigger-SURGERY_CANCELED:hover, .btn.trigger-SURGERY_CANCELED:focus, .btn.trigger-SURGERY_CANCELED:active {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
body.touched .btn.disabled:hover, body.touched .btn:disabled:hover {
  border: 1px solid #174CBF;
}
.btn:hover {
  color: unset !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
}

.btn-lg, .btn-group-lg > .btn {
  width: 120px;
  height: 48px;
  padding: 13px 20px;
}

.blue-ol {
  border: 1px solid #174CBF;
  color: #FFFFFF;
}
body.touched .blue-ol:hover, .blue-ol:focus, .blue-ol:active {
  background: #174CBF;
  color: #FFFFFF;
}

.blue-cmp {
  border: 1px solid #174CBF;
  background: #174CBF;
  color: #FFFFFF;
}
body.touched .blue-cmp:hover {
  background: none;
  color: #FFFFFF;
}
body.touched .blue-cmp:focus, .blue-cmp:active {
  background: #174CBF;
  color: #FFFFFF;
}

.blue {
  border: 1px solid #174CBF;
  background: #174CBF;
  color: #FFFFFF;
}
body.touched .blue:hover, .blue:focus, .blue:active {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: #174CBF;
}

.green {
  border: 1px solid #599518;
  background: #599518;
}
body.touched .green:hover, .green:focus, .green:active {
  border: 1px solid #FFFFFF;
}

.dark-blue {
  border: 1px solid #174CBF;
  background: #174CBF;
  color: #FFFFFF;
}
body.touched .dark-blue:hover, .dark-blue:focus, .dark-blue:active {
  border: 1px solid #FFFFFF;
}

.grey {
  border: 1px solid #596076;
  background: #596076;
  color: #FFFFFF;
}
body.touched .grey:hover, .grey:focus, .grey:active {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background: #596076;
}

.transparent {
  border: 1px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0.125);
  color: #FFFFFF;
}
body.touched .transparent:hover, .transparent:focus, .transparent:active {
  border: 1px solid #353D51;
}

.white-ol {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
body.touched .white-ol:hover, .white-ol:focus, .white-ol:active {
  background-color: rgba(255, 255, 255, 0.125);
  color: white;
}

body.touched .modal-content .remove svg:hover #icon-exit {
  fill: #42A8FF;
  stroke: #FFFFFF;
}

.blue-dark {
  height: 44px;
  width: 175px;
  border-radius: 22.5px;
  background-color: #174CBF;
  border: 2px solid #174CBF;
  margin: 0 auto;
  display: block;
}
body.touched .blue-dark:hover {
  border: 2px solid #FFFFFF;
  background-color: #062C7F;
}

.rotate-up {
  transform: rotate(0deg);
  transition: 0.3s;
}

.rotate-down {
  transform: rotate(90deg);
  transition: 0.3s;
}

.rotate-right {
  transform: rotate(-90deg);
  transition: 0.3s;
}

.nav-rotate-up {
  transform: rotate(-180deg);
  transition: 0.3s;
}

.nav-rotate-down {
  transform: rotate(0deg);
  transition: 0.3s;
}

.tab-buttons button {
  height: 35px;
  width: 140px;
  background-color: #353D51;
  border: 2px solid #353D51;
  border: 0;
  margin: 0 1px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .tab-buttons button {
    width: 125px;
  }
}
.tab-buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
.tab-buttons button:last-child, .tab-buttons button.last {
  border-radius: 0 5px 5px 0;
}
.tab-buttons button.active {
  background-color: #174CBF;
}
.tab-buttons button:disabled {
  opacity: 0.6;
}
body.touched .tab-buttons button:not(:disabled):hover {
  border: 2px solid #FFFFFF;
  background-color: #030C26;
}

.left-margin-tab-buttons {
  margin-left: 50px !important;
}

.download-error svg use {
  fill: #F60012;
  --static-color: #F60012;
}
body.touched .download-error:hover svg use {
  fill: #F60012 !important;
  --static-color: #F60012 !important;
}

.retract-button {
  cursor: pointer;
  padding: 0;
}
.retract-button svg use {
  fill: #596076;
  --static-color: #596076;
}
body.touched .retract-button:hover svg use {
  fill: #174CBF;
  --static-color: #174CBF;
}

/**
* CHECKBOXES - ELEMENTS
*/
/*--- Global ---*/
input.check[type=checkbox] {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

input.check[type=checkbox]:active ~ label,
input.check[type=checkbox]:checked ~ label {
  opacity: 1;
  text-decoration: initial;
}
input.check[type=checkbox]:active ~ label:before,
input.check[type=checkbox]:checked ~ label:before {
  background: #174CBF;
}

input.check[type=checkbox] ~ label {
  opacity: 1;
  display: inline-block;
  font-size: 14px;
  width: auto;
  font-weight: 400;
  cursor: pointer;
}

body.touched input.check[disabled]:checked + label:hover:before,
body.touched input.check[disabled] + label:hover:before,
body.touched input.check[disabled]:checked + label:hover:after,
body.touched input.check[disabled] + label:hover:after,
body.touched input.check[disabled] + label:hover,
body.touched .form-horizontal input[disabled]:checked + label:hover:before {
  opacity: 1 !important;
  cursor: initial;
}

body.touched input.check[type=checkbox]:checked + label:hover:before,
body.touched input.check[type=checkbox] + label:hover:before,
body.touched input.check[type=checkbox]:checked + label:hover:after,
body.touched input.check[type=checkbox] + label:hover:after,
body.touched .form-horizontal .checkbox:hover:before,
body.touched .form-horizontal input[type=checkbox]:checked + label:hover:before {
  opacity: 0.6;
}

.lab-console__radios input.check[type=checkbox]:checked + label:before {
  border: none;
  content: "";
}

.login-options input.check[type=checkbox]:not(:checked) + label svg,
.login-options input.check[type=checkbox]:checked + label svg {
  margin-right: 10px;
}
.login-options input.check[type=checkbox]:not(:checked) + label svg use,
.login-options input.check[type=checkbox]:checked + label svg use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .login-options input.check[type=checkbox]:not(:checked) + label:hover use,
body.touched .login-options input.check[type=checkbox]:checked + label:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}

.login-options input.check[type=checkbox] ~ label::before {
  display: none;
}

/*--- Hero Checkboxes ---*/
.lab-console__radios [type=checkbox]:checked,
.lab-console__radios [type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.lab-console__radios [type=checkbox]:checked + label,
.lab-console__radios [type=checkbox]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  color: white;
  font-size: 16px;
  letter-spacing: 0.3px;
  padding: 0;
}
.lab-console__radios [type=checkbox]:checked + label use,
.lab-console__radios [type=checkbox]:not(:checked) + label use {
  transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}
body.touched .lab-console__radios [type=checkbox]:checked + label:hover use,
body.touched .lab-console__radios [type=checkbox]:not(:checked) + label:hover use {
  opacity: 0.6;
}
.lab-console__radios [type=checkbox]:checked + label:before,
.lab-console__radios [type=checkbox]:not(:checked) + label:before {
  display: none;
}
.lab-console__radios [type=checkbox]:checked + label.pink-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.pink-radio use {
  fill: #E5057F;
  --static-color: #E5057F;
}
.lab-console__radios [type=checkbox]:checked + label.blue-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.blue-radio use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.lab-console__radios [type=checkbox]:checked + label.green-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.green-radio use {
  fill: #599518;
  --static-color: #599518;
}
.lab-console__radios [type=checkbox]:checked + label.grey-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.grey-radio use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.lab-console__radios [type=checkbox]:checked + label.orange-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.orange-radio use {
  fill: #FFAD00;
  --static-color: #FFAD00;
}
.lab-console__radios [type=checkbox]:checked + label.dark-orange-radio use,
.lab-console__radios [type=checkbox]:not(:checked) + label.dark-orange-radio use {
  fill: #BC7F00;
  --static-color: #BC7F00;
}

/*--- Filters Checkboxes ---*/
.global-filters [type=checkbox]:checked,
.global-filters [type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.global-filters [type=checkbox]:checked + label,
.global-filters [type=checkbox]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  color: white;
  font-size: 16px;
  letter-spacing: 0.3px;
  padding: 0;
}
.global-filters [type=checkbox]:checked + label use,
.global-filters [type=checkbox]:not(:checked) + label use {
  transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}
.global-filters [type=checkbox]:checked + label:before,
.global-filters [type=checkbox]:not(:checked) + label:before {
  display: none;
}
body.touched .global-filters [type=hidden] + label.blue-radio:hover use,
body.touched .global-filters [type=checkbox]:checked + label.blue-radio:hover use,
body.touched .global-filters [type=checkbox]:not(:checked) + label.blue-radio:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .checked [type=hidden] + label.blue-radio use,
.global-filters .checked [type=checkbox]:checked + label.blue-radio use,
.global-filters .checked [type=checkbox]:not(:checked) + label.blue-radio use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .global-filters .checked [type=hidden] + label.blue-radio:hover use,
body.touched .global-filters .checked [type=checkbox]:checked + label.blue-radio:hover use,
body.touched .global-filters .checked [type=checkbox]:not(:checked) + label.blue-radio:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.global-filters .checked .accordion-sub-child [type=hidden] + label.blue-radio use,
.global-filters .checked .accordion-sub-child [type=checkbox]:checked + label.blue-radio use,
.global-filters .checked .accordion-sub-child [type=checkbox]:not(:checked) + label.blue-radio use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .global-filters .checked .accordion-sub-child [type=hidden] + label.blue-radio:hover use,
body.touched .global-filters .checked .accordion-sub-child [type=checkbox]:checked + label.blue-radio:hover use,
body.touched .global-filters .checked .accordion-sub-child [type=checkbox]:not(:checked) + label.blue-radio:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .checked .accordion-sub-child .checked [type=hidden] + label.blue-radio use,
.global-filters .checked .accordion-sub-child .checked [type=checkbox]:checked + label.blue-radio use,
.global-filters .checked .accordion-sub-child .checked [type=checkbox]:not(:checked) + label.blue-radio use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .global-filters .checked .accordion-sub-child .checked [type=hidden] + label.blue-radio:hover use,
body.touched .global-filters .checked .accordion-sub-child .checked [type=checkbox]:checked + label.blue-radio:hover use,
body.touched .global-filters .checked .accordion-sub-child .checked [type=checkbox]:not(:checked) + label.blue-radio:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}

/*--- SVG Checkboxes ---*/
input.svg-checkbox[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

input.svg-checkbox[type=checkbox]:active ~ label {
  opacity: 1;
  text-decoration: initial;
}

input.svg-checkbox[type=checkbox] ~ label {
  opacity: 0.5;
  display: inline-block;
  font-size: 12px;
  padding: 12.68px 10px;
  font-weight: 400;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 99;
  margin-bottom: 0;
}
input.svg-checkbox[type=checkbox] ~ label:after {
  content: "";
  height: 23px;
  width: 2px;
  background: white;
  position: absolute;
  right: 19px;
  transform: rotate(45deg);
  top: 9px;
}

input.svg-checkbox[type=checkbox]:checked ~ label {
  opacity: 1;
  text-decoration: initial;
}
input.svg-checkbox[type=checkbox]:checked ~ label:after {
  opacity: 0;
}

/*--- Favorite Checkboxes ---*/
.favorite {
  margin-right: 15px;
}
.favorite input {
  display: none;
}
.favorite label {
  margin: 0;
  cursor: pointer;
}
.favorite .checked use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .favorite .checked:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .favorite:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

.swal-custom {
  background-color: #030C26 !important;
  border: 2px solid #9EA6BE;
  border-radius: 0;
  margin-top: 80px;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .swal-custom {
    margin: auto;
  }
}
.swal-custom .swal2-icon.swal2-error {
  border-color: #F60012;
}
.swal-custom .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: #F60012;
}
.swal-custom .swal2-icon.swal2-info {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.swal-custom .swal2-image {
  margin: 10px auto;
}
.swal-custom .swal2-title {
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 55px;
  font-weight: normal;
  margin-bottom: 15px;
}
.swal-custom .swal2-title.small-text {
  font-size: 30px;
  line-height: 35px;
}
.swal-custom .swal2-content {
  color: white;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
}
.swal-custom .swal2-actions {
  margin: 33px auto 0;
}
.swal-custom .swal2-actions .btn {
  height: 45px;
  width: 115px;
  min-width: 0px;
  border-radius: 22.5px;
}
.swal-custom .swal2-actions .btn.grey {
  background: #596076;
  margin-left: 30px;
}
body.touched .swal-custom .swal2-actions .btn.grey:hover {
  border: 1px solid #FFFFFF;
}

.main-modal .modal-input.section .multi-select .bootstrap-select,
.multi-select .bootstrap-select {
  padding: 0;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #9EA6BE;
  width: 260px;
  height: 28px;
  cursor: pointer;
  padding: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  box-shadow: none;
  transition: none;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus-within, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus-within, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:active, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:hover,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus-within,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus-within,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:active,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.btn-light:hover {
  outline: 0 !important;
  color: #FFFFFF;
  border: none;
  border-bottom: 2px solid #42A8FF;
  height: 28px;
  overflow: hidden;
  box-shadow: none;
}
body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover:before, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:hover:before,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover:before,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.btn-light:hover:before {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.active:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active.focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.active.focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:active:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light.active:focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light.focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light:active.focus, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light.active.focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active:focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.active:focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active.focus,
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder.active.focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:active:focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light.active:focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light.focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light:active.focus,
.multi-select .bootstrap-select > .dropdown-toggle.btn-light.active.focus {
  box-shadow: none;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=select], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Select], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=sélect], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Sélect], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Surgeons], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Hospitals], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Users], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Days], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=select], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Select], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=sélect], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Sélect], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Surgeons], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Hospitals], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Users], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Days],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=select],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Select],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=sélect],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Sélect],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Surgeons],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Hospitals],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Users],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Days],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=select],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Select],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=sélect],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Sélect],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Surgeons],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Hospitals],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Users],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Days] {
  font-style: italic;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*="Pas de"], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Nothing], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*="Pas de"], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Nothing],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*="Pas de"],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Nothing],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*="Pas de"],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Nothing] {
  color: #9EA6BE;
}
body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*="Pas de"]:hover, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Nothing]:hover, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*="Pas de"]:hover, body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Nothing]:hover,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*="Pas de"]:hover,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[title*=Nothing]:hover,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*="Pas de"]:hover,
body.touched .multi-select .bootstrap-select > .dropdown-toggle.btn-light[title*=Nothing]:hover {
  color: #9EA6BE;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[aria-expanded=true], .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle.btn-light[aria-expanded=true],
.multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder[aria-expanded=true],
.multi-select .bootstrap-select > .dropdown-toggle.btn-light[aria-expanded=true] {
  border-bottom: 2px solid #42A8FF;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle:before,
.multi-select .bootstrap-select > .dropdown-toggle:before {
  width: 24px;
  height: 24px;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  vertical-align: middle;
  line-height: normal;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle:after,
.multi-select .bootstrap-select > .dropdown-toggle:after {
  display: none;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
.multi-select .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 221px;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show,
.multi-select .bootstrap-select > .dropdown-menu.show {
  background: #353D51;
  border-radius: 0;
  min-width: 250px !important;
  width: auto;
  padding: 0;
  border: 0;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  max-height: 250px !important;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox {
  padding: 10px 5px;
  border-bottom: 2px solid #9EA6BE;
  order: 2;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input {
  background-color: transparent;
  border: 2px solid #9EA6BE;
  border-radius: 17px;
  height: 34px !important;
  padding-left: 43px !important;
  margin: 0;
  width: 100%;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input::placeholder,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input::placeholder {
  color: #FFFFFF;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input:focus,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox input:focus {
  border: 2px solid #174CBF;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox:before,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-searchbox:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/App/Main/images/svg/icons/search.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: absolute;
  margin-top: 5px;
  left: 15px;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox {
  padding: 0;
  padding-top: 10px;
  order: 1;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group {
  margin: 0;
  min-width: 100%;
  display: flex;
  padding: 0 5px;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group button,
.multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group button {
  background: #174CBF;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 25px;
  border-radius: 17px;
  border: 2px solid #174CBF;
  min-width: 1vw;
  width: 120px;
  height: 30px;
  padding: 0;
  text-align: center;
  margin: 0 5px;
}
body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group button:hover,
body.touched .multi-select .bootstrap-select > .dropdown-menu.show .bs-actionsbox .btn-group button:hover {
  border: 2px solid #FFFFFF;
  background: #062C7F;
  color: #FFFFFF !important;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show {
  width: 100%;
  order: 3;
  overflow-x: hidden;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar {
  display: block;
  width: 5px;
  height: 5px;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-track,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-track {
  border: 1px solid #FFFFFF;
  border-radius: 9px;
  background-color: transparent;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-thumb,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 9px;
}
body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-thumb:hover,
body.touched .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul {
  margin: 0;
  overflow: hidden;
  width: 100%;
  background: #353D51;
  position: relative;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  padding: 5px 5px 5px 34px;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item:active, .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.active,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item:active,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.active {
  background: transparent;
}
body.touched .main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item:hover,
body.touched .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item:hover {
  background: #174CBF;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item span.text,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item span.text {
  overflow: hidden;
  word-break: break-word;
  width: 211px;
  height: auto;
  overflow-wrap: break-word;
  white-space: normal;
  vertical-align: middle;
  margin: 0;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected {
  font-weight: 500;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected span.check-mark,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected span.check-mark {
  top: calc(50% - 12px);
  left: 5px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
}
.main-modal .modal-input.section .multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected span.check-mark:after,
.multi-select .bootstrap-select > .dropdown-menu.show > .inner.show ul .dropdown-item.selected span.check-mark:after {
  display: none;
}
.main-modal .modal-input.section .multi-select .bootstrap-select .no-results,
.multi-select .bootstrap-select .no-results {
  background: transparent;
  color: #FFFFFF;
}
.main-modal .modal-input.section .multi-select.display-fr .bootstrap-select .dropdown-menu.show .bs-actionsbox button,
.main-modal .modal-input.section .multi-select.display-fr .bootstrap-select .dropdown-menu.show .bs-actionsbox button,
.multi-select.display-fr .bootstrap-select .dropdown-menu.show .bs-actionsbox button,
.multi-select.display-fr .bootstrap-select .dropdown-menu.show .bs-actionsbox button {
  font-size: 13px;
  margin: 0 2px;
  width: 160px;
}
.main-modal .modal-input.section .multi-select.display-fr .bs-actionsbox .btn-group,
.multi-select.display-fr .bs-actionsbox .btn-group {
  flex-direction: column;
}
.main-modal .modal-input.section .multi-select.add-case,
.multi-select.add-case {
  margin-bottom: 30px;
}
.main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light {
  height: 21px;
}
.main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:focus-within, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:active, body.touched .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:focus, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:focus-within, .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:active, body.touched .main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:hover,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:focus-within,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
body.touched .multi-select.add-case .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:focus,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:focus-within,
.multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:active,
body.touched .multi-select.add-case .bootstrap-select > .dropdown-toggle.btn-light:hover {
  height: 21px;
}
.main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle .filter-option,
.multi-select.add-case .bootstrap-select > .dropdown-toggle .filter-option {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: 21px;
}
.main-modal .modal-input.section .multi-select.add-case .bootstrap-select > .dropdown-toggle:before,
.multi-select.add-case .bootstrap-select > .dropdown-toggle:before {
  margin-top: -8px;
}

/* Legend Analytics */
.legend-popover {
  background-color: #FFFFFF;
  cursor: pointer;
  z-index: 999999;
  height: 155px;
  border-radius: 21px;
  padding: 8px 5px 8px 0;
  margin-top: 12px;
  min-width: 375px;
  color: #000000;
  margin-left: 15px;
  left: 0 !important;
}
@media screen and (max-width: 767px) {
  .legend-popover {
    margin-left: 0;
  }
}
.legend-popover .popover-inner {
  height: 100%;
}
.legend-popover .popover-inner .popover-content {
  height: 100%;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.legend-popover .popover-inner .popover-content .legend-container {
  height: 100%;
  padding: 0 10px;
}
.legend-popover .popover-inner .popover-content .legend-container .legend-details {
  min-width: 155px;
  height: 100%;
  display: flex;
  align-items: center;
  border-right: 2px solid #9EA6BE;
}
.legend-popover .popover-inner .popover-content .legend-container .legend-details img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  margin-left: 0;
}
.legend-popover .popover-inner .popover-content .legend-container .legend-details img.point {
  width: 10px;
  margin-left: 15px;
}
.legend-popover .popover-inner .popover-content .legend-container .legend-details > div span {
  display: block;
  padding-bottom: 10px;
}
.legend-popover .popover-inner .popover-content .legend-container .legend-details > div span:last-child {
  padding: 0;
}
.legend-popover .popover-inner .popover-content .legend-container img {
  max-width: 56px;
  margin-left: 10px;
}
.legend-popover .popover-inner .popover-content .legend-container p {
  font-size: 16px;
  margin: 0;
  padding-left: 15px;
}
.legend-popover:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: -9px;
  margin: 0;
  left: 105px;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .legend-popover:after {
    top: -9px;
  }
}

/* Hidden images Case Page */
.hidden-popover {
  width: 240px;
  border-radius: 21px;
  margin-left: -5px;
  margin-top: 18px;
}
.hidden-popover .hidden-container {
  font-family: Roboto;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 15px;
  vertical-align: middle;
  display: table-cell;
  cursor: default;
}
.hidden-popover .hidden-container p {
  margin: auto;
  font-size: 16px;
}
.hidden-popover .hidden-container use, body.touched .hidden-popover .hidden-container use:hover {
  fill: #000000;
  --static-color: #000000;
}
.hidden-popover .hidden-container .definition-details h3 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
.hidden-popover:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: -9px;
  margin: 0;
  left: calc(50% - 5px);
  right: 0;
}
@media screen and (max-width: 1024px) {
  .hidden-popover:after {
    top: -9px;
  }
}
@media screen and (max-width: 767px) {
  .hidden-popover.two-factor {
    left: 140px !important;
  }
  .hidden-popover.two-factor:after {
    left: 65%;
  }
  .hidden-popover.two-factor.fr:after {
    left: 85%;
  }
}
@media screen and (max-width: 376px) and (min-width: 325px) {
  .hidden-popover.two-factor {
    left: 95px !important;
  }
  .hidden-popover.two-factor:after {
    left: 85%;
  }
  .hidden-popover.two-factor.fr {
    left: 107px !important;
  }
  .hidden-popover.two-factor.fr:after {
    left: 85%;
  }
}
@media screen and (max-width: 414px) and (min-width: 376px) {
  .hidden-popover.two-factor {
    left: 122px !important;
  }
  .hidden-popover.two-factor:after {
    left: 65%;
  }
  .hidden-popover.two-factor.fr:after {
    left: 85%;
  }
}
@media screen and (max-width: 767px) {
  .hidden-popover.template-package {
    left: 150px !important;
  }
  .hidden-popover.template-package:after {
    left: 81%;
    right: 0;
  }
  .hidden-popover.template-package.fr {
    top: 25px !important;
  }
}
@media screen and (max-width: 400px) and (min-width: 325px) {
  .hidden-popover.template-package {
    left: 125px !important;
    top: 30px !important;
  }
  .hidden-popover.template-package:after {
    left: 78%;
  }
}

/* Action Menu */
.doc-menu {
  position: absolute;
  top: 15px;
  right: 55px;
  padding: 0 15px;
  border-radius: 20px;
  border-top-right-radius: 0;
  background-color: #353D51;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.5);
  z-index: 999;
  transition: none;
}
.doc-menu.action {
  top: -23px;
  right: 25px;
}
.doc-menu.action a {
  cursor: pointer;
}
.doc-menu.show {
  border: 2px solid #42A8FF;
  overflow: visible;
  transition: none;
}
.doc-menu:before, .doc-menu:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.doc-menu:before {
  border-right: 11px solid transparent;
  border-left: 11px solid #42A8FF;
  border-top: 11px solid #42A8FF;
  border-bottom: 11px solid transparent;
  right: -24px;
  top: -2px;
}
.doc-menu:after {
  border-right: 10px solid transparent;
  border-left: 10px solid #353D51;
  border-top: 10px solid #353D51;
  border-bottom: 10px solid transparent;
  right: -19px;
  top: 0;
}
.doc-menu-body a {
  margin-bottom: 15px;
}
.doc-menu-body a:not(:last-child), .doc-menu-body a:first-child {
  margin-top: 15px;
}
.doc-menu-body a svg {
  margin-right: 12px;
  min-width: 24px;
}
body.touched .doc-menu-body a:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

/* Balance Analysis */
.balance-value-popover, .s-curve-value-popover, .s-curve-value-popover-legend {
  border-radius: 21px;
  margin-left: -5px;
  margin-top: 10px;
}
.balance-value-popover .popover-inner, .s-curve-value-popover .popover-inner, .s-curve-value-popover-legend .popover-inner {
  font-family: Roboto;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 15px;
  vertical-align: middle;
  display: table-cell;
  cursor: default;
}
.balance-value-popover:after, .s-curve-value-popover:after, .s-curve-value-popover-legend:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: -9px;
  margin: 0;
  left: calc(50% - 5px);
  right: 0;
}
@media screen and (max-width: 1024px) {
  .balance-value-popover:after, .s-curve-value-popover:after, .s-curve-value-popover-legend:after {
    top: -9px;
  }
}

.s-curve-value-popover .popover-inner {
  min-width: 90px;
  text-align: center;
}

.s-curve-value-popover-legend {
  max-width: 180px;
}

/* Image Viewer */
.tools-popover {
  width: auto;
  max-width: 145px;
  margin-top: 10px;
  border-radius: 21px;
  z-index: 99999;
}
.tools-popover.add-edit-case {
  margin-left: -12.5px;
  margin-top: 10px;
}
.tools-popover.add-edit-case:after {
  left: 12.5px;
}
.tools-popover .hidden-container, .tools-popover .popover-inner {
  font-family: Roboto;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 19px;
  padding: 10px;
  vertical-align: middle;
  display: table-cell;
  cursor: default;
}
.tools-popover .hidden-container p, .tools-popover .popover-inner p {
  margin: auto;
  font-size: 16px;
}
.tools-popover .hidden-container use, body.touched .tools-popover .hidden-container use:hover, .tools-popover .popover-inner use, body.touched .tools-popover .popover-inner use:hover {
  fill: #000000;
  --static-color: #000000;
}
.tools-popover:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: -9px;
  margin: 0;
  left: calc(50% - 11.5px);
  right: 0;
}
@media screen and (max-width: 1024px) {
  .tools-popover:after {
    top: -9px;
  }
}

.tooltip.white-tooltip .tooltip-inner {
  color: #000000;
  background-color: #FFFFFF;
  min-width: 120px;
  letter-spacing: 0.3px;
  padding: 2.5px 5px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .tooltip.white-tooltip .tooltip-inner {
    margin-top: 20px;
    margin-right: 160px;
  }
}
.tooltip.white-tooltip:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: 5px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .tooltip.white-tooltip:after {
    top: 10px;
    margin-right: 185px;
  }
}
.tooltip.no-notification-tooltip .tooltip-inner, .tooltip.data-table-copy-tooltip .tooltip-inner, .tooltip.tracking-number-copy-tooltip .tooltip-inner {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  min-width: 241px;
  margin-top: 14px;
  padding: 30px 20px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .tooltip.no-notification-tooltip .tooltip-inner, .tooltip.data-table-copy-tooltip .tooltip-inner, .tooltip.tracking-number-copy-tooltip .tooltip-inner {
    margin-top: 20px;
    margin-right: 160px;
  }
}
.tooltip.no-notification-tooltip:after, .tooltip.data-table-copy-tooltip:after, .tooltip.tracking-number-copy-tooltip:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: 5px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .tooltip.no-notification-tooltip:after, .tooltip.data-table-copy-tooltip:after, .tooltip.tracking-number-copy-tooltip:after {
    top: 10px;
    margin-right: 185px;
  }
}
.tooltip.data-table-copy-tooltip .tooltip-inner {
  margin-right: 160px;
}
@media screen and (max-width: 767px) {
  .tooltip.data-table-copy-tooltip .tooltip-inner {
    margin-top: 19px;
  }
}
.tooltip.data-table-copy-tooltip:after {
  left: auto;
  right: 192.5px;
}
@media screen and (max-width: 767px) {
  .tooltip.data-table-copy-tooltip:after {
    right: 6.5px;
  }
}

.tooltip-wrapper {
  text-transform: capitalize;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .tooltip-wrapper {
    width: 48px;
  }
}
.tooltip-wrapper.navbar-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: calc(100% - 24px);
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
}
body.touched .tooltip-wrapper.navbar-wrapper:hover:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
.tooltip-wrapper.navbar-wrapper.active {
  cursor: default;
}
.tooltip-wrapper.navbar-wrapper.active:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
.tooltip-wrapper .profile {
  margin-top: -5px;
}
.tooltip-wrapper span {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-left: 3px;
  max-width: 200px;
  height: 21px;
  overflow: hidden;
}
.tooltip-wrapper [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.tooltip-wrapper .tooltip {
  background: #FFFFFF;
  min-width: 90%;
  top: 48px;
  color: #000000;
  font-size: 0.8em;
  text-align: center;
  display: block;
  left: 10px;
  margin-bottom: 25px;
  padding: 6px 4px 4px 4px;
  border-radius: 20px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.tooltip-wrapper .tooltip.input-line {
  top: 30px;
}
@media only screen and (max-width: 1024px) {
  .tooltip-wrapper .tooltip {
    top: 38px;
    width: 150px;
    margin-left: -73px;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tooltip-wrapper .tooltip {
    left: -59px;
    top: 40px;
  }
}
.tooltip-wrapper .tooltip:before {
  bottom: 0px;
  content: " ";
  display: block;
  height: 0px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tooltip-wrapper .tooltip:after {
  content: " ";
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  top: -7px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
body.touched .tooltip-wrapper:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .tooltip-wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.global-filters {
  min-height: 50px;
  width: 100%;
  background-color: #353D51;
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .global-filters {
    padding: 10px 20px;
  }
}
.global-filters .patient-age-picker .dropdown-menu {
  transform: translate3d(0px, 15px, 0px) !important;
}
.global-filters button {
  border: 0;
  padding: 0;
  margin: 0 30px 0 0;
  cursor: pointer;
}
@media screen and (max-width: 375px) {
  .global-filters button {
    margin: 0 10px 0 0 !important;
  }
}
.global-filters button.list-view:not(:first-child) {
  margin: 0;
}
.global-filters button.error use {
  fill: #F60012;
  --static-color: #F60012;
}
.global-filters button[disabled] {
  opacity: 0.6;
}
body.touched .global-filters button[disabled]:hover use, .global-filters button[disabled].active use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .global-filters a:hover, .global-filters a.active, body.touched .global-filters button:hover, .global-filters button.active {
  color: #42A8FF;
}
body.touched .global-filters a:hover use, .global-filters a.active use, body.touched .global-filters button:hover use, .global-filters button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.global-filters a.legend, .global-filters button.legend {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-decoration: underline;
  margin-left: 30px;
}
.global-filters .transitionalA {
  margin: 5px 0;
}
.global-filters .transitionalA > p {
  margin-bottom: 5px;
  font-size: 14px;
  text-align: center;
}
.global-filters .transitionalA > p.error-message {
  font-weight: 500;
}
.global-filters .transitionalA .legend {
  color: #42A8FF;
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 14px;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px dashed #42A8FF;
}
.global-filters .transitionalA .legend:hover, .global-filters .transitionalA .legend.active {
  color: #FFFFFF;
  border-bottom: 1px dashed #FFFFFF;
}
.global-filters .transitionalA .hidden-popover {
  margin-top: 10px;
}
.global-filters .case-search,
.global-filters .page-search {
  border: 2px solid #9EA6BE;
  border-radius: 17px;
  height: 34px;
  width: 400px;
  margin: 0;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .global-filters .case-search,
  .global-filters .page-search {
    width: 100%;
    max-width: 400px;
    margin-right: 15px;
  }
}
.global-filters .case-search:focus-within,
.global-filters .page-search:focus-within {
  border: 2px solid #42A8FF;
}
.global-filters .case-search input, body.touched .global-filters .case-search input:hover,
.global-filters .page-search input,
body.touched .global-filters .page-search input:hover {
  width: calc(100% - 20px);
  margin: 0;
  height: 34px;
  border: 0;
}
.global-filters .case-search input::placeholder, body.touched .global-filters .case-search input:hover::placeholder,
.global-filters .page-search input::placeholder,
body.touched .global-filters .page-search input:hover::placeholder {
  color: #9EA6BE;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.global-filters .case-search button,
.global-filters .page-search button {
  padding: 7px 10px;
  cursor: default;
  margin: 0;
}
body.touched .global-filters .case-search button:hover use,
body.touched .global-filters .page-search button:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .global-filters .case-search button:hover.clear use,
body.touched .global-filters .page-search button:hover.clear use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.global-filters .case-search button.clear,
.global-filters .page-search button.clear {
  right: 0;
  cursor: pointer;
}
.global-filters .slide-filters {
  position: absolute;
  top: 210px;
  left: -300px;
  width: 300px;
  height: calc(100% - 215px);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  text-align: center;
  background-color: #353D51;
  z-index: 998;
}
.global-filters .slide-filters .filter-dropdown {
  width: 100%;
}
@media screen and (max-width: 450px) {
  .global-filters .slide-filters.lab-balance {
    top: 216px !important;
  }
}
.global-filters .slide-filters.wider {
  width: 375px;
  left: -375px;
}
.global-filters .slide-filters .slide-header {
  height: 50px;
  width: 100%;
  background: #174CBF;
  padding: 0 10px 0 15px;
  color: #FFFFFF;
}
.global-filters .slide-filters .slide-header .icon {
  margin-right: 15px;
}
body.touched .global-filters .slide-filters .slide-header .icon:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-filters .slide-header h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin: 0;
}
.global-filters .slide-filters .slide-header .close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 1px;
  position: relative;
  opacity: 1;
}
body.touched .global-filters .slide-filters .slide-header .close:hover {
  background: #062C7F;
  opacity: 1;
}
body.touched .global-filters .slide-filters .slide-header .close:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-filters .slide-results {
  padding: 0 35px 0 20px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #FFFFFF;
  background-color: #081334;
}
.global-filters .slide-filters .slide-results p, .global-filters .slide-filters .slide-results a {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
}
.global-filters .slide-filters .slide-results a {
  margin-left: auto;
  margin-right: 0;
  position: relative;
  text-decoration: underline;
}
body.touched .global-filters .slide-filters .slide-results a:hover {
  color: #42A8FF;
}
.global-filters .slide-filters .slide-settings {
  padding: 30px 20px;
  height: calc(100% - 100px);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #081334;
}
.global-filters .slide-filters .slide-settings.no-padding {
  padding: 0;
}
.global-filters .slide-filters .slide-settings.no-padding > .multi-select {
  padding: 30px 20px;
  margin: 0;
}
.global-filters .slide-filters .slide-settings.no-padding .accordion-set .set-header {
  margin: 0 0 4px;
}
.global-filters .slide-filters .slide-settings.no-padding .accordion-set .set-body {
  padding: 30px 20px;
}
.global-filters .slide-filters .slide-settings.no-padding .accordion-set .set-body > .row {
  margin-bottom: 30px;
}
.global-filters .slide-filters .slide-settings.no-padding .accordion-set .set-body .age-slider {
  padding: 15px;
  height: auto;
}
.global-filters .slide-filters .slide-settings .row {
  margin-bottom: 30px;
}
.global-filters .slide-filters .slide-settings .row .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  max-height: 30px;
}
.global-filters .slide-filters .slide-settings .row .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  text-align: left;
  font-style: italic;
}
.global-filters .slide-filters .slide-settings .row .case-search input, body.touched .global-filters .slide-filters .slide-settings .row .case-search input:hover,
.global-filters .slide-filters .slide-settings .row .page-search input,
body.touched .global-filters .slide-filters .slide-settings .row .page-search input:hover {
  border: 0;
}
.global-filters .slide-filters .slide-settings .row .case-search input:focus, body.touched .global-filters .slide-filters .slide-settings .row .case-search input:hover:focus,
.global-filters .slide-filters .slide-settings .row .page-search input:focus,
body.touched .global-filters .slide-filters .slide-settings .row .page-search input:hover:focus {
  border: 0;
}
body.touched .global-filters .slide-filters .slide-settings .row .case-search button:hover use,
body.touched .global-filters .slide-filters .slide-settings .row .page-search button:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-filters .slide-settings .row:last-child {
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .row {
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .date {
  position: relative;
}
.global-filters .slide-filters .slide-settings .row .date:before {
  border: 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
  right: 0;
  top: 18px;
}
body.touched .global-filters .slide-filters .slide-settings .row .date:hover input {
  border-bottom: 2px solid #42A8FF;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-header {
  background-color: #081334;
  height: 40px;
  border-bottom: white 2px solid;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-arrow {
  display: none !important;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-months, .global-filters .slide-filters .slide-settings .row .date .ngb-dp-weekdays {
  background-color: #081334;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-weekday {
  color: #FFFFFF;
  font-style: normal;
  padding-left: 10px;
  font-size: 16px;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-day {
  padding: 10px;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-month {
  padding-left: 5px;
}
.global-filters .slide-filters .slide-settings .row .date .ngb-dp-month .ngb-dp-week:last-child {
  padding-bottom: 0.75rem;
}
.global-filters .slide-filters .slide-settings .row .date .dropdown-menu {
  border: 1px white solid !important;
  width: 260px;
}
.global-filters .slide-filters .slide-settings .row .date.translate-left .dropdown-menu .show {
  transform: translate(-130px, 100px) !important;
}
.global-filters .slide-filters .slide-settings .row .date [ngbDatepickerDayView] {
  color: #FFFFFF;
  border-radius: 25px;
}
body.touched .global-filters .slide-filters .slide-settings .row .date [ngbDatepickerDayView]:hover {
  background-color: #0F7AD6;
  border-radius: 25px;
}
.global-filters .slide-filters .slide-settings .row .date [ngbDatepickerDayView].btn-light.bg-primary {
  background-color: #42A8FF !important;
  border-radius: 25px;
}
.global-filters .slide-filters .slide-settings .row .date [ngbDatepickerDayView].btn-light.text-muted {
  color: #9EA6BE !important;
}
.global-filters .slide-filters .slide-settings .row .date ngb-datepicker-navigation-select > .custom-select {
  color: white;
  background: #081334;
  border: none;
  box-shadow: none;
  font-size: 16px;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-repeat: no-repeat;
  background-position: right;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left {
  position: relative;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left:before {
  border: 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
  right: 0;
  top: 18px;
}
body.touched .global-filters .slide-filters .slide-settings .row .date-translate-left:hover input {
  border-bottom: 2px solid #42A8FF;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-header {
  background-color: #081334;
  height: 40px;
  border-bottom: white 2px solid;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-arrow {
  display: none !important;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-months, .global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-weekdays {
  background-color: #081334;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-weekday {
  color: #FFFFFF;
  font-style: normal;
  padding-left: 10px;
  font-size: 16px;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-day {
  padding: 10px;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-month {
  padding-left: 5px;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .ngb-dp-month .ngb-dp-week:last-child {
  padding-bottom: 0.75rem;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left .dropdown-menu {
  border: 1px white solid !important;
  width: 260px;
  transform: translate(-130px, 25px) !important;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left [ngbDatepickerDayView] {
  color: #FFFFFF;
  border-radius: 25px;
}
body.touched .global-filters .slide-filters .slide-settings .row .date-translate-left [ngbDatepickerDayView]:hover {
  background-color: #0F7AD6;
  border-radius: 25px;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left [ngbDatepickerDayView].btn-light.bg-primary {
  background-color: #42A8FF !important;
  border-radius: 25px;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left [ngbDatepickerDayView].btn-light.text-muted {
  color: #9EA6BE !important;
}
.global-filters .slide-filters .slide-settings .row .date-translate-left ngb-datepicker-navigation-select > .custom-select {
  color: white;
  background: #081334;
  border: none;
  box-shadow: none;
  font-size: 16px;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-repeat: no-repeat;
  background-position: right;
}
.global-filters .slide-filters .slide-settings .row .label {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  text-align: left;
}
.global-filters .slide-filters .slide-settings .row .label-auto {
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  text-align: left;
}
.global-filters .slide-filters .slide-settings .row .label-auto {
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  text-align: left;
}
.global-filters .slide-filters .slide-settings .row .filtering-header {
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row .filtering-header .label {
  width: auto;
  float: left;
}
.global-filters .slide-filters .slide-settings .row .filtering-header .actions {
  float: right;
  padding: 0 15px 0 0;
  font-size: 14px;
  font-weight: lighter;
}
.global-filters .slide-filters .slide-settings .row .filtering-header .actions.move-up {
  margin-top: -15px;
}
.global-filters .slide-filters .slide-settings .row .filtering-header .actions.display-fr {
  width: 100%;
  text-align: right;
  display: block;
  margin-top: 0;
}
.global-filters .slide-filters .slide-settings .row .filtering-header .actions a {
  text-decoration: underline;
}
.global-filters .slide-filters .slide-settings .row .age-slider {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 15px;
  height: 34px;
}
.global-filters .slide-filters .slide-settings .row .age-slider .rzslider {
  margin: 15px 0;
}
.global-filters .slide-filters .slide-settings .row .rod-levels.rzslider .rz-pointer:after {
  display: none;
}
.global-filters .slide-filters .slide-settings .row .rod-levels.rzslider .rz-pointer {
  width: 24px;
  height: 24px;
  border: 2px solid #174CBF;
  background: #174CBF;
  margin-top: 4px;
}
body.touched .global-filters .slide-filters .slide-settings .row .rod-levels.rzslider .rz-pointer:hover {
  border: 2px solid white;
}
.global-filters .slide-filters .slide-settings .row .rod-levels.rzslider .rz-bar {
  background: #9EA6BE;
  border: 0;
}
.global-filters .slide-filters .slide-settings .row .rod-levels.rzslider .rz-bar.rz-selection {
  background: #174CBF;
}
.global-filters .slide-filters .slide-settings .row ul {
  margin: 0;
  padding: 7px 0 0;
  list-style: none;
}
.global-filters .slide-filters .slide-settings .row ul li {
  padding: 0;
  margin-bottom: 15px;
}
.global-filters .slide-filters .slide-settings .row ul li.no-results {
  padding-bottom: 10px;
}
.global-filters .slide-filters .slide-settings .row ul li:last-child {
  margin-bottom: 0;
}
.global-filters .slide-filters .slide-settings .row ul li label {
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row ul li svg {
  margin-right: 12px;
}
.global-filters .slide-filters .slide-settings .row.stage ul li span {
  text-align: left;
  margin-left: 10px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
.global-filters .slide-filters .slide-settings .row.stage ul li svg {
  margin-right: 0;
}
.global-filters .slide-filters .slide-settings .row .check[type=checkbox]:checked, .global-filters .slide-filters .slide-settings .row .check[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.global-filters .slide-filters .slide-settings .row .check[type=checkbox] ~ label {
  padding: 0 0 0 10px;
  font-size: 16px;
}
.global-filters .slide-filters .slide-settings .row .check[type=checkbox] ~ label:before {
  display: none;
}
body.touched .global-filters .slide-filters .slide-settings .row .check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .slide-filters .slide-settings .row .check[type=checkbox] ~ label.checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .global-filters .slide-filters .slide-settings .row .check[type=checkbox] ~ label.checked:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.global-filters .slide-filters .slide-settings .row.age-value {
  padding: 7px 15px 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row.age-value.small {
  max-width: 50px;
  padding: 0;
  margin-left: 15px;
}
.global-filters .slide-filters .slide-settings .row.age-value.small input {
  padding: 0;
}
.global-filters .slide-filters .slide-settings .row.age-value .selectize-control.single {
  margin: 0;
  width: 55px;
}
.global-filters .slide-filters .slide-settings .row.age-value .selectize-control.single:first-child {
  margin-right: auto;
}
.global-filters .slide-filters .slide-settings .row.age-value .selectize-control.single .selectize-input > div {
  text-align: left;
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row.pi-value {
  padding-top: 7px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row.pi-value .property {
  margin: 0;
  padding-right: 5px;
}
.global-filters .slide-filters .slide-settings .row.pi-value .selectize-control.single {
  margin-bottom: 0;
  margin-right: auto;
  width: 60px;
}
.global-filters .slide-filters .slide-settings .row.levels-range {
  height: auto;
}
.global-filters .slide-filters .slide-settings .row.levels-range #maxUIV,
.global-filters .slide-filters .slide-settings .row.levels-range #maxLIV {
  margin-top: 20px;
}
.global-filters .slide-filters .slide-settings .row.levels-range #minUIV,
.global-filters .slide-filters .slide-settings .row.levels-range #minLIV {
  margin-top: 105px;
}
.global-filters .slide-filters .slide-settings .row.levels-range .selectize-control.single {
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels {
  width: 100%;
  height: 172px;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row {
  height: 172px;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row .label-center {
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row .rod-levels {
  height: calc(100% - 20px);
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row .rod-levels .rz-bar-wrapper {
  padding: 0;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row .rod-levels .rz-pointer {
  margin-left: 4px;
}
.global-filters .slide-filters .slide-settings .row.levels-range slider-range-levels > .row .rod-levels .rz-bubble {
  display: none;
}
.global-filters .slide-filters .slide-settings .row input, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
body.touched .global-filters .slide-filters .slide-settings .row input:hover, .global-filters .slide-filters .slide-settings .row input:focus, .global-filters .slide-filters .slide-settings .row input.selectize-focus, .global-filters .slide-filters .slide-settings .row input.focus, body.touched .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input:hover, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input:focus, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input.selectize-focus, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
.global-filters .slide-filters .slide-settings .row input > *, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input > * {
  height: 19px;
}
.global-filters .slide-filters .slide-settings .row input.form-control, .global-filters .slide-filters .slide-settings .row .selectize-control.single .selectize-input.form-control {
  height: 34px;
  padding-left: 43px;
}
.global-filters .slide-filters .slide-settings .row input[type=checkbox]:checked ~ label use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .global-filters .slide-filters .slide-settings .row input[type=checkbox]:checked ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .slide-filters .slide-settings .row input[type=number]::-webkit-outer-spin-button,
.global-filters .slide-filters .slide-settings .row input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.global-filters .slide-filters .slide-settings .row input[type=text].range {
  text-align: center;
  width: 107px;
  position: relative;
  display: inline-block;
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker {
  margin: 0;
  width: 107px;
  position: relative;
  display: inline-block;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker:after {
  content: "";
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker input {
  margin-bottom: 0;
}
body.touched .global-filters .slide-filters .slide-settings .row .filter-datepicker:hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline {
  margin: 0;
  position: relative;
  display: inline-block;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline:after {
  content: "";
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline input {
  margin-bottom: 0;
}
body.touched .global-filters .slide-filters .slide-settings .row .filter-datepicker-inline:hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline {
  margin: 0;
  position: relative;
  display: inline-block;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline:after {
  content: "";
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.global-filters .slide-filters .slide-settings .row .filter-datepicker-inline input {
  margin-bottom: 0;
}
body.touched .global-filters .slide-filters .slide-settings .row .filter-datepicker-inline:hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.global-filters .slide-filters .slide-settings .row .select-container {
  margin: 0;
  width: 107px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.global-filters .slide-filters .slide-settings .row .select-container .ui-select-highlight {
  background-color: initial;
}
.global-filters .slide-filters .slide-settings .row .select-container .ui-select-container.selectize-control.single {
  margin-top: 0;
}
.global-filters .slide-filters .slide-settings .row .separate {
  padding: 0 10px;
}
.global-filters .slide-filters .slide-settings .row .separate:before {
  content: "‒";
}
.global-filters .slide-filters .slide-settings .row .separate.top {
  position: relative;
  top: 7px;
}
.global-filters .slide-filters .slide-settings .row .radio-group {
  margin: 10px;
  text-align: left;
}
.global-filters .slide-filters .slide-settings .row .radio-group label {
  margin: 0 0 15px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.global-filters .slide-filters .slide-settings .row .radio-group label:last-child {
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .radio-group label > i {
  width: 24px;
  height: 24px;
  border: 2px solid #FFFFFF;
}
.global-filters .slide-filters .slide-settings .row .radio-group label > input:checked + i {
  border: 2px solid #174CBF;
  background: #174CBF;
  cursor: default;
}
body.touched .global-filters .slide-filters .slide-settings .row .radio-group label > input:not(:checked):hover + i {
  background: #174CBF;
  box-shadow: inset 0 0 0 3px #000000;
}
.global-filters .slide-filters .slide-settings .row .radio-group label > span {
  border: 0;
  font-weight: 300;
  padding: 0;
  margin-left: 5px;
}
.global-filters .slide-filters .slide-settings .row .setting-time {
  display: flex;
  align-items: center;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] {
  padding: 0;
  padding-right: 15px;
  display: flex;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col]:last-child {
  padding-right: 0;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] p {
  margin: 0 2px 0 0;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] input {
  margin: 0;
  width: 30px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  padding: 0;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] input::-webkit-inner-spin-button, .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap {
  margin: 0;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap.dropdown {
  top: auto;
  border-bottom: 2px solid #9EA6BE;
  height: 20px;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .btn {
  height: 20px;
  min-width: 89px;
  padding: 0;
  border: 0;
  text-transform: capitalize;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .btn span {
  letter-spacing: 0.3px;
  line-height: 21px;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .dropdown-menu, .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .ui-select-choices {
  width: 89px;
  min-width: 1px;
  display: block;
  padding: 0;
  border-top: 2px solid #9EA6BE;
  background: #353D51;
  text-transform: capitalize;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .dropdown-menu-row > a, .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .ui-select-choices-row > a {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px;
  background: #353D51;
}
body.touched .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .dropdown-menu-row > a:hover, body.touched .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .ui-select-choices-row > a:hover {
  background: #174CBF;
}
.global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .dropdown-menu-row.active > a, .global-filters .slide-filters .slide-settings .row .setting-time [class*=col] .ui-select-bootstrap .ui-select-choices-row.active > a {
  background: #353D51;
  font-weight: 500;
}
.global-filters .slide-filters .slide-settings .row .selectize-dropdown-content {
  max-height: 8rem;
}
.global-filters .slide-filters .slide-settings .row .ui-select-bootstrap .ui-select-toggle > .caret {
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.global-filters .slide-filters .slide-settings .multi-select button.dropdown-toggle {
  width: 245px;
  height: 21px;
}
body.touched .global-filters .slide-filters .slide-settings .multi-select button.dropdown-toggle:hover {
  height: 21px;
}
.global-filters .slide-filters .slide-settings .multi-select button.dropdown-toggle:before {
  margin-top: -5px;
}
.global-filters .slide-filters .slide-settings .multi-select button.dropdown-toggle .filter-option-inner-inner {
  width: 206px;
}
.global-filters .slide-filters .slide-settings .multi-select .dropdown-menu.show {
  min-width: 275px !important;
  width: auto;
}
.global-filters .slide-filters .slide-settings .multi-select .dropdown-menu.show .btn-group button:first-child {
  margin-bottom: 10px;
}
.global-filters .slide-filters .slide-settings .multi-select .dropdown-menu.show li {
  margin-bottom: 0;
}
.global-filters .slide-filters .slide-settings .selectize-control.single {
  margin-bottom: 0px;
}
.global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row .selected {
  background: #353D51;
  font-weight: 500;
}
.global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px;
}
body.touched .global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row-inner:hover, .global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row-inner:hover > span, .global-filters .slide-filters .slide-settings .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.global-filters .slide-filters .slide-settings .selectize-control.single ::-webkit-scrollbar {
  display: none;
}
.global-filters .slide-filters .slide-settings .accordion-set .set-header {
  cursor: pointer;
}
body.touched .global-filters .slide-filters .slide-settings .accordion-set .set-header:hover button {
  background-color: #062C7F;
}
body.touched .global-filters .slide-filters .slide-settings .accordion-set .set-header:hover button use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-filters .slide-settings .accordion-set .set-body .accordion-header {
  cursor: pointer;
}
.global-filters .slide-filters .slide-settings .accordion-set .set-body .accordion-header .hover-container {
  width: 100%;
  display: flex;
  align-items: center;
}
body.touched .global-filters .slide-filters .slide-settings .accordion-set .set-body .accordion-header .hover-container:hover a use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .slide-filters .slide-settings .accordion-set .set-body .accordion-header .hover-container b.sub-header {
  width: calc(100% - 7px);
}
.global-filters .slide-filters .slide-settings.patient-filters input {
  margin-bottom: 0px;
}
.global-filters .parameter-choice {
  margin-left: 30px;
  padding: 0;
  width: 300px;
}
.global-filters .parameter-choice p, .global-filters .parameter-choice .definition {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 19px;
  border-bottom: 2px dashed #FFFFFF;
  cursor: pointer;
  transition: none;
  margin-right: 10px;
  margin-bottom: 0;
}
.global-filters .parameter-choice .definition span {
  white-space: nowrap;
}
body.touched .global-filters .parameter-choice .definition:hover {
  color: #42A8FF;
  border-color: #42A8FF;
}
.global-filters .parameter-choice p {
  pointer-events: none;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .global-filters .parameter-choice {
    width: auto;
    margin-left: 15px;
  }
  .global-filters .parameter-choice p, .global-filters .parameter-choice .definition {
    margin-right: 0;
  }
  .global-filters .parameter-choice .definition {
    max-width: 200px;
  }
  .global-filters .parameter-choice .definition span {
    white-space: normal;
  }
  .global-filters .parameter-choice button {
    margin: 0 10px 0 0;
  }
}
.global-filters .parameter-choice .selected {
  color: #42A8FF;
}
.global-filters .parameter-choice .selected use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.global-filters .parameter-choice .dropdown-menu {
  background: #353D51;
  border-radius: 0;
  color: #FFFFFF;
  padding: 0;
  border: 0;
  width: 300px;
}
.global-filters .parameter-choice .dropdown-menu li {
  padding: 5px 20px 5px 35px;
  cursor: pointer;
}
body.touched .global-filters .parameter-choice .dropdown-menu li:hover {
  background: #174CBF;
}
.global-filters .parameter-choice .dropdown-menu li svg {
  position: absolute;
  left: 5px;
  pointer-events: none;
}
.global-filters .legend-popover {
  left: auto !important;
  right: 0;
}
.global-filters .legend-popover:after {
  right: 65px;
  left: auto;
}
@media screen and (max-width: 1023px) {
  .global-filters .legend-popover:after {
    right: 45px;
  }
}
.global-filters.analytics-filters .slide-filters {
  height: calc(100% - 210px);
}
.global-filters.analytics-filters .btn-pacs {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 0 !important;
}
.global-filters.analytics-filters .btn-pacs.open {
  margin-left: 280px !important;
}
.global-filters.analytics-filters .pediatric-warning {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-right: 40px;
  align-self: center;
}
.global-filters ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  z-index: 10;
}
.global-filters ::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.global-filters ::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .global-filters ::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.global-filters ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

.global-filters .slide-panels {
  position: absolute;
  right: -375px;
  width: 375px;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  text-align: center;
  background-color: #000000;
  z-index: 99999;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.global-filters .slide-panels.open {
  right: 0;
}
@media screen and (max-width: 767px) {
  .global-filters .slide-panels {
    width: 100%;
    right: -100%;
    bottom: 0;
    height: auto;
    top: 54px;
    position: fixed;
  }
}
.global-filters .slide-panels .panel-header {
  min-height: 50px;
  height: fit-content;
  width: 100%;
  background: #174CBF;
  padding: 0 10px 0 15px;
  color: #FFFFFF;
}
.global-filters .slide-panels .panel-header .icon {
  margin-right: 15px;
}
body.touched .global-filters .slide-panels .panel-header .icon:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-panels .panel-header h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin: 0;
}
.global-filters .slide-panels .panel-header .display-fr {
  font-size: 24px !important;
}
.global-filters .slide-panels .panel-header .close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 1px;
  position: relative;
  opacity: 1;
}
body.touched .global-filters .slide-panels .panel-header .close:hover {
  background: #0F7AD6;
}
body.touched .global-filters .slide-panels .panel-header .close:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-panels .panel-content {
  padding: 0;
  height: 100%;
  overflow: hidden;
  background-color: #030C26;
  width: 375px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .global-filters .slide-panels .panel-content {
    width: auto;
    height: calc(100% - 50px);
  }
}
.global-filters .slide-panels .panel-content .container-unid-export-plan {
  margin: 0;
  max-width: inherit;
}
.global-filters .slide-panels .panel-content.overflow-auto {
  overflow-y: auto;
}
.global-filters .slide-panels .panel-content .messages {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 30px;
  padding: 0 5px;
}
@media screen and (max-width: 465px) {
  .global-filters .slide-panels .panel-content .messages {
    margin: 0;
  }
}
.global-filters .slide-panels .panel-content .messages .spacer {
  height: 0;
  width: 100%;
}
.global-filters .slide-panels .panel-content .messages .spacer.transit {
  transition: height 0.1s ease-in-out;
}
.global-filters .slide-panels .panel-content .messages .list-message {
  width: 100%;
  overflow-y: hidden;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 10px 15px 0;
  text-align: left;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last .message {
  width: 270px;
  max-width: 270px;
  flex: 1;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 10px 15px;
  margin-bottom: 5px;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media screen and (max-width: 465px) {
  .global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last .message {
    width: calc(100% - 55px);
  }
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .info, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .info, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .info, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last .info {
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 19px;
  color: #9EA6BE;
  padding-left: 26px;
  position: relative;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .info svg, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .info svg, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .info svg, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last .info svg {
  position: absolute;
  margin-top: -5px;
  margin-left: -26px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .message {
  background: #FFFFFF;
  color: #000000;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last {
  padding-bottom: 0;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .profile-thumbnail {
  display: none;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last .message {
  border-radius: 17.5px;
  margin-right: auto;
  margin-left: 50px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last + .message-remote-last, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-not-last + .message-remote-not-last {
  padding-top: 0;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .profile-thumbnail {
  height: 35px;
  width: 35px;
  object-fit: cover;
  border-radius: 50px;
  margin: auto 15px 5px 0;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .message {
  background: #FFFFFF;
  color: #000000;
  border-radius: 17.5px 17.5px 17.5px 0;
  margin-right: auto;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .message.arrow:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -8px;
  border-top: 8px solid transparent;
  border-right: 8px solid #FFFFFF;
  border-bottom-left-radius: 6px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-last .info {
  margin: 0 0 0 50px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-remote-last + .message-local-not-last, .global-filters .slide-panels .panel-content .messages .list-message .message-remote-last + .message-remote-not-last {
  padding-top: 15px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .message, .global-filters .slide-panels .panel-content .messages .list-message .message-local-last .message {
  background-color: #174CBF;
  margin-left: auto;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last {
  padding-bottom: 0;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last .message {
  border-radius: 17.5px;
  margin-bottom: 10px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last + .message-local-not-last, .global-filters .slide-panels .panel-content .messages .list-message .message-local-not-last + .message-local-last {
  padding-top: 0;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-last .message {
  border-radius: 17.5px 17.5px 0 17.5px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-last .message.arrow:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -8px;
  border-bottom: 8px solid #42A8FF;
  border-right: 8px solid transparent;
  border-bottom-right-radius: 6px;
}
.global-filters .slide-panels .panel-content .messages .list-message .message-local-last .info {
  text-align: right;
  margin: 0 0;
}
.global-filters .slide-panels .panel-content .reply {
  display: flex;
  align-items: flex-end;
  background: #FFFFFF;
  border: 1px solid #C8C7CC;
  border-radius: 21px;
  padding: 0 5px 0 15px;
  min-height: 35px;
  margin: auto 5px 15px;
}
.global-filters .slide-panels .panel-content .reply.disabled {
  background-color: #9EA6BE;
  border: 1px solid #9EA6BE;
}
.global-filters .slide-panels .panel-content .reply .textarea {
  margin: 0;
  width: 100%;
  padding: 7px 15px;
  text-align: left;
  cursor: pointer;
}
.global-filters .slide-panels .panel-content .reply .textarea textarea {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.3px;
  min-height: 21px;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  width: 100%;
  resize: none;
  display: table-cell;
  vertical-align: middle;
}
.global-filters .slide-panels .panel-content .reply .button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0 0 5.5px;
}
.global-filters .slide-panels .panel-content .reply .button use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .global-filters .slide-panels .panel-content .reply .button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.global-filters .slide-panels .panel-content .reply .button[disabled] use {
  fill: #5E5E5E;
  --static-color: #5E5E5E;
}
body.touched .global-filters .slide-panels .panel-content .reply .button[disabled]:hover use {
  fill: #5E5E5E;
  --static-color: #5E5E5E;
}
.global-filters .slide-panels .panel-content .reply:focus use, .global-filters .slide-panels .panel-content .reply:focus-within use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.global-filters .slide-panels .panel-content .doc-header {
  width: 100%;
  display: flex;
  align-items: center;
  height: 75px;
  padding: 0 15px;
}
.global-filters .slide-panels .panel-content .doc-header.error {
  color: #F60012;
}
.global-filters .slide-panels .panel-content .doc-header .btn {
  min-width: 175px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  padding: 0 15px;
  border: 1px solid #174CBF;
}
body.touched .global-filters .slide-panels .panel-content .doc-header .btn:hover {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.global-filters .slide-panels .panel-content .doc-header .doc-download-all {
  margin-left: auto;
  border: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  padding: 0;
  transition: none;
  color: #FFFFFF;
}
body.touched .global-filters .slide-panels .panel-content .doc-header .doc-download-all:not([disabled]):hover {
  color: #42A8FF;
}
body.touched .global-filters .slide-panels .panel-content .doc-header .doc-download-all:not([disabled]):hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.global-filters .slide-panels .panel-content .docs-list {
  height: calc(100% - 75px);
  overflow-y: auto;
  padding: 15px;
  border-top: 2px solid #353D51;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row {
  display: flex;
  position: relative;
  align-items: center;
  height: 54px;
  padding: 0 16px;
  width: 100%;
  cursor: pointer;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row .icon {
  flex-shrink: 0;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row:not(:last-child) {
  border-bottom: 2px solid #353D51;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin-left: 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  flex-shrink: 1;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row button {
  border: 0;
  margin-left: auto;
  margin-right: 0;
  transition: none;
}
.global-filters .slide-panels .panel-content .docs-list .doc-row button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .global-filters .slide-panels .panel-content .docs-list .doc-row button.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .global-filters .slide-panels .panel-content .docs-list .doc-row button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .global-filters .slide-panels .panel-content .docs-list .doc-row:hover {
  color: #FFFFFF;
  background-color: #353D51;
}
body.touched .global-filters .slide-panels .panel-content .docs-list .doc-row:hover .icon use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.global-filters .slide-panels .panel-content .docs-list .doc-empty {
  padding: 50px 6px;
}
.global-filters .slide-panels .panel-content .docs-list .doc-empty h2 {
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  font-weight: 500;
}
.global-filters .slide-panels .panel-content .docs-list.doc-errors-export-unid-plan {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.global-filters ::-webkit-scrollbar {
  width: 10px;
  z-index: 10;
}
.global-filters ::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.global-filters ::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .global-filters ::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.global-filters ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

.transparent-overlay {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.75;
  background: #353D51;
  content: "";
  z-index: 99;
}

.page-nav,
.hero-page:not(.empty) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 15px;
}
@media screen and (max-width: 350px) {
  .page-nav,
  .hero-page:not(.empty) {
    padding: 30px 5px;
  }
}
.page-nav ul,
.hero-page:not(.empty) ul {
  margin: 0;
}
.page-nav a,
.hero-page:not(.empty) a {
  font-size: 16px;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 425px) {
  .page-nav a,
  .hero-page:not(.empty) a {
    font-size: 14px;
  }
}
.page-nav .pagination-next a,
.page-nav li.pagination-next,
.page-nav .pagination-prev a,
.page-nav li.pagination-prev,
.hero-page:not(.empty) .pagination-next a,
.hero-page:not(.empty) li.pagination-next,
.hero-page:not(.empty) .pagination-prev a,
.hero-page:not(.empty) li.pagination-prev {
  font-weight: normal;
  width: auto;
  color: #FFFFFF;
  transition: none;
  border: 0;
  margin: 0;
}
body.touched .page-nav .pagination-next a:hover,
body.touched .page-nav li.pagination-next:hover,
body.touched .page-nav .pagination-prev a:hover,
body.touched .page-nav li.pagination-prev:hover,
body.touched .hero-page:not(.empty) .pagination-next a:hover,
body.touched .hero-page:not(.empty) li.pagination-next:hover,
body.touched .hero-page:not(.empty) .pagination-prev a:hover,
body.touched .hero-page:not(.empty) li.pagination-prev:hover {
  color: #42A8FF;
  border: 0;
}
.page-nav .pagination-next a.disabled a,
.page-nav li.pagination-next.disabled a,
.page-nav .pagination-prev a.disabled a,
.page-nav li.pagination-prev.disabled a,
.hero-page:not(.empty) .pagination-next a.disabled a,
.hero-page:not(.empty) li.pagination-next.disabled a,
.hero-page:not(.empty) .pagination-prev a.disabled a,
.hero-page:not(.empty) li.pagination-prev.disabled a {
  opacity: 0.5;
}
body.touched .page-nav .pagination-next a.disabled a:hover,
body.touched .page-nav li.pagination-next.disabled a:hover,
body.touched .page-nav .pagination-prev a.disabled a:hover,
body.touched .page-nav li.pagination-prev.disabled a:hover,
body.touched .hero-page:not(.empty) .pagination-next a.disabled a:hover,
body.touched .hero-page:not(.empty) li.pagination-next.disabled a:hover,
body.touched .hero-page:not(.empty) .pagination-prev a.disabled a:hover,
body.touched .hero-page:not(.empty) li.pagination-prev.disabled a:hover {
  color: #FFFFFF;
}
.page-nav .pagination-next a,
.page-nav li.pagination-next,
.hero-page:not(.empty) .pagination-next a,
.hero-page:not(.empty) li.pagination-next {
  padding: 2px 0 0 2.5px;
}
.page-nav .pagination-prev a,
.page-nav li.pagination-prev,
.hero-page:not(.empty) .pagination-prev a,
.hero-page:not(.empty) li.pagination-prev {
  padding: 2px 2.5px 0 0;
}
.page-nav li,
.hero-page:not(.empty) li {
  line-height: 33px;
  text-align: center;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  border: 2px solid transparent;
  font-weight: 300;
  margin: 0 2.5px;
}
@media screen and (max-width: 425px) {
  .page-nav li,
  .hero-page:not(.empty) li {
    line-height: 28px;
    height: 30px;
    width: 30px;
  }
}
@media screen and (max-width: 350px) {
  .page-nav li,
  .hero-page:not(.empty) li {
    margin: 0;
  }
}
body.touched .page-nav li:hover,
body.touched .hero-page:not(.empty) li:hover {
  border: 2px solid #0F7AD6;
}
.page-nav li.active,
.hero-page:not(.empty) li.active {
  background: #0F7AD6;
  border: 2px solid #0F7AD6;
}
.page-nav li.active a,
.hero-page:not(.empty) li.active a {
  color: #FFFFFF;
  font-weight: 500;
}

.hero-page:not(.empty) {
  bottom: -90px;
}
@media screen and (max-width: 1380px) {
  .hero-page:not(.empty) {
    bottom: -60px;
  }
}
@media screen and (max-width: 780px) {
  .hero-page:not(.empty) {
    bottom: -30px;
  }
}

.accordion-set p.sub-header {
  text-align: left;
  padding: 15px 10px 0px 15px;
}
.accordion-set .set-header {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 0;
  background-color: #174CBF;
  padding: 5px 10px 5px 15px;
  transition: all 0.25s ease-out;
}
.accordion-set .set-header h2 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  margin: 0;
  width: calc(100% - 34px);
  text-align: initial;
  color: #FFFFFF;
}
.accordion-set .set-header button {
  border: 0;
  margin: 0 0 0 auto;
  padding: 0;
  height: 34px;
  width: 34px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.accordion-set .set-header button svg {
  margin: auto;
}
body.touched .accordion-set .set-header button:hover {
  background-color: #062C7F;
}
body.touched .accordion-set .set-header button:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.accordion-set *, .accordion-set ::after, .accordion-set ::before {
  box-sizing: border-box;
}
.accordion-set .set-body-content {
  padding: 0;
  margin: 0;
  list-style: none;
}
.accordion-set .set-body-content > li:last-child {
  margin-bottom: 30px;
}
.accordion-set .set-body-content > li.dndDragging {
  margin: 15px 0;
}
.accordion-set .set-body-content p, .accordion-set .set-body-content span {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.accordion-set .set-body-content .drag {
  margin-right: 5px;
  cursor: move;
}
.accordion-set .set-body-content .drag use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.accordion-set .set-body-content .drag:focus use, body.touched .accordion-set .set-body-content .drag:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.accordion-set .set-body-content label {
  margin: 0;
  padding: 0;
}
.accordion-set .set-body-content label svg {
  margin-right: 10px;
}
.accordion-set .set-body-content .accordion-header {
  display: flex;
  align-items: center;
  padding: 5px 24px 5px 18px;
  background-color: #081334 !important;
  margin-top: 5px;
}
.accordion-set .set-body-content .accordion-header div .drag + .check-group label svg {
  margin-left: 0;
}
.accordion-set .set-body-content .accordion-header div label svg {
  margin-left: 29px;
}
.accordion-set .set-body-content .accordion-header p {
  margin-right: auto;
  max-width: 300px;
  text-align: left;
}
body.touched .accordion-set .set-body-content .accordion-header a:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.accordion-set .set-body-content .accordion-body .label-title > span {
  width: auto !important;
}
.accordion-set .set-body-content .accordion-body li {
  list-style: none;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.accordion-set .set-body-content .accordion-body li [type=checkbox]:not(:checked) + label,
.accordion-set .set-body-content .accordion-body li [type=checkbox]:checked + label {
  min-width: 100%;
}
.accordion-set .set-body-content .accordion-body li [type=checkbox]:not(:checked) + label span,
.accordion-set .set-body-content .accordion-body li [type=checkbox]:checked + label span {
  width: 300px;
  overflow: hidden;
  line-height: 24px;
}
.accordion-set .set-body-content .accordion-body li:not(:last-child) {
  margin-bottom: 15px;
}
.accordion-set .set-body-content .accordion-body li:first-child {
  margin-top: 10px;
}
.accordion-set .set-body-content .accordion-body li:last-child {
  margin-bottom: 10px;
}
.accordion-set .set-body-content .accordion-body li .accordion-sub-child {
  margin-left: 15px;
  width: 100%;
}
.accordion-set .set-body-content .accordion-body li .accordion-sub-child ul {
  padding: 0;
}
.accordion-set .set-body-content .accordion-body li .accordion-sub-child ul :last-child {
  margin-bottom: 0px;
}
.accordion-set .set-body .dndPlaceholder {
  height: 25px;
}
.accordion-set .set-body .dndDraggingSource {
  display: none !important;
}
.accordion-set.parameters .set-body-content .accordion-header {
  padding-left: 15px;
}
.accordion-set.parameters .set-body-content .accordion-header div label svg {
  margin-left: 0;
}
.accordion-set.parameters .set-body-content .accordion-header p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
}
.accordion-set.parameters .set-body-content .accordion-body li [type=checkbox]:not(:checked) + label span,
.accordion-set.parameters .set-body-content .accordion-body li [type=checkbox]:checked + label span {
  width: calc(100% - 45px);
}

.accordion-menu {
  width: 159px;
  color: #000000;
  border-top: 2px solid #9EA6BE;
  padding: 20px 0 0;
}
.accordion-menu li {
  justify-content: center;
  margin: 10px 0;
}
.accordion-menu li p, .accordion-menu li a {
  font-size: 14px;
  margin: 0;
}

.form .drop-files {
  background-image: none;
  width: auto;
  max-width: 1024px;
  height: 160px;
  display: flex;
  margin: 0 auto 30px;
  align-items: center;
  border: 5px dashed #9EA6BE;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .form .drop-files {
    margin: 0;
    height: auto !important;
    padding: 20px 0;
  }
}
.form .drop-files.dragover {
  border: 5px dashed #42A8FF;
  background-color: #081334;
}
.form .drop-files_content {
  margin: 0 auto;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form .drop-files_content .is-mobile-size .btn:first-of-type {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .form .drop-files_content .is-mobile-size .btn:first-of-type {
    margin-right: 15px;
  }
}
@media screen and (max-width: 380px) {
  .form .drop-files_content .is-mobile-size .btn:first-of-type {
    margin-right: auto;
  }
}
@media screen and (max-width: 370px) {
  .form .drop-files_content .is-mobile-size .btn:first-of-type {
    margin-bottom: 5px;
    margin-top: -5px;
  }
}
@media screen and (max-width: 420px) {
  .form .drop-files_content > div {
    flex-direction: column;
  }
}
.form .drop-files .upload-icon {
  border-top: none;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  width: 64px;
  height: 28px;
  display: block;
  margin: 30px auto 30px auto;
}
.form .drop-files .upload-icon img {
  transition: all 0.3s ease-in-out;
  top: -35px;
  position: relative;
  display: block;
  margin: 0 auto;
  width: 50px;
}
.form .drop-files .browse {
  display: grid;
  padding: 0 30px;
  border: 1px solid #174CBF;
  background: #174CBF;
  color: #FFFFFF;
  margin: 0 7px; /*0 10px;*/
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  min-width: 100px;
  width: 150px;
  height: 45px;
}
@media screen and (max-width: 420px) {
  .form .drop-files .browse:not(:last-child) {
    margin: 0 auto 10px;
  }
  .form .drop-files .browse {
    margin: 0 auto;
  }
}
.form .drop-files .browse span {
  margin: auto;
}
.form .drop-files .browse.display-fr {
  height: 65px;
  width: 170px;
}
.form .drop-files .browse.display-fr span {
  line-height: initial;
  width: 100%;
  height: min-content;
  height: -moz-min-content;
  height: -webkit-min-content;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
}
body.touched .form .drop-files .browse:hover {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.form .drop-files p {
  font-size: 16px;
  display: block;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media screen and (max-width: 420px) {
  .form .drop-files p {
    margin: 0 auto 10px;
  }
}
.form .xray-image-error {
  color: #F60012;
}
.form .thumbnail-gallery {
  margin: 30px 15px;
  padding: 15px 15px 0;
  background: #081334;
  border: 1px solid #9EA6BE;
}
@media screen and (max-width: 767px) {
  .form .thumbnail-gallery {
    margin: 30px 0;
    padding: 15px 15px 0;
  }
}
.form .thumbnail-gallery .row {
  margin: 0;
}
.form .thumbnail-gallery .row .edit-image {
  width: 100%;
}
.form .thumbnail-gallery .row .edit-image .thumbnail {
  height: 100vw;
  max-height: 610px;
  min-height: 435px;
  margin-bottom: 15px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .image-editor-area-in-progress {
  stroke: yellow;
  stroke-width: 0.2%;
  stroke-dasharray: 10 5;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container {
  position: absolute;
  top: -1px;
  width: 64px;
  display: flex;
  flex-direction: column;
  border: 1px solid #9EA6BE;
  align-items: center;
  padding: 30px 0;
  background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 767px) {
  .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container {
    padding: 15px 0;
  }
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container.tools-left {
  left: -1px;
  min-height: 435px;
  z-index: 99;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container:not(.tools-left) {
  right: -1px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a, .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button {
  border: none;
  cursor: pointer;
}
body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a:hover use, body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a:not(:last-child), .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button:not(:last-child) {
  margin-bottom: 30px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a.disabled, .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a.active svg use, .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button.active svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container a.active:hover svg use, body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .tool-container button.active:hover svg use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  padding: 10px;
  padding-left: 74px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-property-group {
  position: absolute;
  right: 3%;
  bottom: 75px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-property-group .image-property {
  fill: white;
  text-anchor: start;
  font-size: 20px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider {
  margin-right: auto;
  display: block;
  width: 70%;
  height: 80px;
  z-index: 1;
  transition: all 0.3s ease-in;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider .rz-pointer:after {
  display: none;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider .rz-pointer {
  width: 24px;
  height: 24px;
  border: 2px solid #42A8FF;
  background: #42A8FF;
  margin-top: 4px;
}
body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider .rz-pointer:hover {
  border: 2px solid white;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider .rz-bar {
  background: #9EA6BE;
  border: 0;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .image-slice-slider .rz-bar.rz-selection {
  background: #42A8FF;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .edit-save button {
  margin: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .form .thumbnail-gallery .row .edit-image .thumbnail .bottom-absolute .edit-save {
    right: 10px;
    bottom: 10px;
  }
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container {
  height: 150px;
  margin-bottom: 20px;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-model-value {
  display: none;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-pointer {
  width: 24px;
  height: 24px;
  border: 2px solid #42A8FF;
  background: #42A8FF;
  margin-left: 4px;
}
body.touched .form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-pointer:hover {
  border: 2px solid white;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-pointer:after {
  display: none;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-bar {
  background: #9EA6BE;
  border: 0;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container .rzslider.rz-vertical .rz-bar.rz-selection {
  background: #42A8FF;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .index-slider-container p {
  margin: 10px 0 0;
  text-align: center;
}
.form .thumbnail-gallery .row .edit-image .thumbnail .scale-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.form .thumbnail-gallery .row .thumbnail {
  position: relative;
  margin: 0;
  border: 1px solid #9EA6BE;
  height: 473px;
  background: transparent;
}
.form .thumbnail-gallery .row .thumbnail.zip-file {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form .thumbnail-gallery .row .thumbnail.zip-file svg.icon {
  height: auto;
  width: 150px;
  margin: auto;
  display: block;
}
.form .thumbnail-gallery .row .thumbnail .edit-image {
  margin-bottom: 15px;
}
.form .thumbnail-gallery .row .thumbnail .edit-image-header {
  border-bottom: 1px solid #FFFFFF;
  padding: 10px 15px;
}
.form .thumbnail-gallery .row .thumbnail .edit-image-header svg {
  margin-right: 10px;
}
.form .thumbnail-gallery .row .thumbnail.error {
  border: 1px solid #F60012;
}
.form .thumbnail-gallery .row .thumbnail.error .thumbnail_label .collapse > .row .selectize-input {
  border-bottom: 2px solid #F60012;
}
.form .thumbnail-gallery .row .thumbnail .xrays-thumbnail {
  text-align: center;
  overflow: hidden;
  height: 100%;
}
.form .thumbnail-gallery .row .thumbnail .xrays-thumbnail img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.form .thumbnail-gallery .row .thumbnail .selectize-control.single {
  margin-bottom: 10px;
}
.form .thumbnail-gallery .row .thumbnail a.exit-icon {
  position: absolute;
  top: 15px;
  right: 15px;
}
.form .thumbnail-gallery .row .thumbnail_label {
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  max-height: 40px;
  overflow: hidden;
  transition: all 1s;
}
.form .thumbnail-gallery .row .thumbnail_label.label-opened {
  max-height: 406px;
  overflow: visible;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse-header {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  background: #030C26;
  border-top: 1px solid #9EA6BE;
  border-bottom: 1px solid #9EA6BE;
  cursor: pointer;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse-header span {
  font-weight: 500;
  margin-right: auto;
  max-height: 40px;
  overflow: hidden;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse-header svg.rotate-up {
  transform: rotate(-180deg);
  transition: 0.3s;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse-header svg.rotate-down {
  transform: rotate(0deg);
  transition: 0.3s;
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse-header:not(.no-hover):hover {
  background: #353D51;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse {
  overflow: visible;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row {
  margin: 0 0 20px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row:not(.edit-image-header) {
  padding: 0 15px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row:last-child {
  margin-bottom: 15px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row a:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row [class*=col] {
  padding: 0;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single {
  margin-bottom: 0;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner:hover, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner:hover > span, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row a + span {
  padding: 0 5px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .label.property {
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #FFFFFF;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .label.property .required-mark {
  position: absolute;
  left: -9px;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .date:after {
  z-index: 1;
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 188px;
  bottom: 0;
  content: "";
  display: block;
  pointer-events: none;
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .date:hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .date:hover input.dateInput {
  border-bottom: 2px solid #42A8FF;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .date.icon-right:after {
  left: initial;
  right: 0;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .date datepicker.input-error > input.input-field.dateInput {
  border-bottom: 2px solid #F60012;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row input {
  border-radius: 0;
  float: none;
  position: relative;
  border: 0;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row input:not(.dateInput) {
  z-index: 2;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row input, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input {
  margin: 0;
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: 21px;
  width: 212px;
  cursor: pointer;
}
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input:hover, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input:focus, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.focus, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input:active, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input:focus-within, body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput:hover, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput:focus, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput.focus, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput:active, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput:focus-within,
body.touched .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input:hover,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input:focus,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input.focus,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input:active,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input:focus-within {
  border-bottom: 2px solid #42A8FF;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.input-error, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row input.dateInput.input-error,
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .full-width input, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .full-width input.dateInput, .form .thumbnail-gallery .row .thumbnail_label .collapse > .row .full-width .selectize-input {
  width: 100%;
}
.form .thumbnail-gallery .row .thumbnail_label .collapse > .row .selectize-control > .selectize-dropdown {
  width: 212px;
}
.form .thumbnail-gallery .row > [class*=col].after-edit {
  padding-left: 0 !important;
}
.form .thumbnail-gallery .row > [class*=col].after-edit:nth-child(odd) {
  padding-right: 15px !important;
}
.form .thumbnail-gallery .row > [class*=col].before-edit {
  padding-right: 0 !important;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 108;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 107;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 106;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 105;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 104;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 103;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 102;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 101;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 100;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 99;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 98;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 97;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 96;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 95;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 94;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 93;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 92;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 91;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 90;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 89;
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(even) {
  padding: 0 0 15px 7.5px;
}
@media screen and (max-width: 767px) {
  .form .thumbnail-gallery .row > [class*=col]:nth-child(even) {
    padding: 0 0 15px;
  }
}
.form .thumbnail-gallery .row > [class*=col]:nth-child(odd) {
  padding: 0 7.5px 15px 0;
}
@media screen and (max-width: 767px) {
  .form .thumbnail-gallery .row > [class*=col]:nth-child(odd) {
    padding: 0 0 15px;
  }
}
.form .doc {
  padding: 15px 0 20px;
}
.form .doc .drop-files {
  margin-bottom: 30px;
  position: relative;
}
.form .doc .drop-files:after {
  content: "";
  left: -20px;
  right: -20px;
  height: 2px;
  background: #353D51;
  position: absolute;
  bottom: -30px;
}
.form .doc .drop-files .browse {
  margin: 0 auto;
}
.form .doc-gallery .row {
  margin: 0;
}
.form .doc-gallery .row [class*=col] {
  padding: 0 15px 15px 15px;
  border-bottom: 2px solid #353D51;
}
.form .doc-gallery .row [class*=col]:not(:first-child) {
  padding-top: 15px;
}
.form .doc-gallery .row .icon {
  margin-right: 15px;
}
.form .doc-gallery .row .delete {
  margin-left: auto;
}
.form .doc-gallery .row p {
  margin: 0;
}
.form.export-planning {
  display: flex;
  flex-direction: column;
}
.form.export-planning .drop-files {
  width: 100%;
  margin: 20px auto 20px;
}
.form.export-planning .bar {
  border-bottom: 2px solid #FFFFFF;
  margin: 20px 0;
}
.form.export-planning .title {
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #FFFFFF;
  padding: 10px 5px;
}
.form .accordion-gallery {
  border: 2px solid #353D51;
  padding: 0;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(1) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(2) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(3) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(4) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(5) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(6) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(7) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(8) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(9) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(10) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(11) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(12) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(13) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(14) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(15) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(16) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(17) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(18) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(19) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(1) .thumbnail {
  z-index: 88;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(2) .thumbnail {
  z-index: 87;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(3) .thumbnail {
  z-index: 86;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(4) .thumbnail {
  z-index: 85;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(5) .thumbnail {
  z-index: 84;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(6) .thumbnail {
  z-index: 83;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(7) .thumbnail {
  z-index: 82;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(8) .thumbnail {
  z-index: 81;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(9) .thumbnail {
  z-index: 80;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(10) .thumbnail {
  z-index: 79;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(11) .thumbnail {
  z-index: 78;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(12) .thumbnail {
  z-index: 77;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(13) .thumbnail {
  z-index: 76;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(14) .thumbnail {
  z-index: 75;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(15) .thumbnail {
  z-index: 74;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(16) .thumbnail {
  z-index: 73;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(17) .thumbnail {
  z-index: 72;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(18) .thumbnail {
  z-index: 71;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(19) .thumbnail {
  z-index: 70;
}
.form .accordion-gallery:nth-child(20) .row > [class*=col]:nth-child(20) .thumbnail {
  z-index: 69;
}
.form .accordion-gallery > .collapse {
  opacity: 0;
  transition: max-height 0.7s cubic-bezier(0, 1, 0, 1), opacity 0.1s ease-in;
}
.form .accordion-gallery > .collapse.show {
  overflow: visible;
  opacity: 1;
  transition: max-height 1s ease-in-out, opacity 0.2s ease-in;
}
.form .accordion-gallery .set-header {
  background: #353D51;
  padding: 0 17px;
  display: flex;
  align-items: center;
  height: 42px;
  cursor: pointer;
}
.form .accordion-gallery .set-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
}
.form .accordion-gallery .set-header .carat {
  padding: 0;
  border: 0;
  margin-right: 17px;
  width: 12px;
  height: 24px;
}
body.touched .form .accordion-gallery .set-header:hover .carat use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.form .accordion-gallery .set-header .icon-hidden {
  margin-left: 16px;
}
.form .accordion-gallery .set-header .icon-hidden use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.form .accordion-gallery .set-body {
  padding: 15px 15px 0;
}
.form .multiple-errors {
  margin-bottom: 80px;
}

.dropdown-menu-secondary {
  margin-top: 10px;
  top: 2px;
  left: 60px;
  background-color: #353D51;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.5);
  border: 2px solid #42A8FF;
  color: #FFFFFF;
  border-radius: 20px;
  border-top-left-radius: 0;
  padding: 15px;
  min-width: 240px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
@media screen and (max-width: 767px) {
  .dropdown-menu-secondary {
    margin-top: 0;
    top: 0;
    left: 45px;
  }
}
.dropdown-menu-secondary:before, .dropdown-menu-secondary:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dropdown-menu-secondary:before {
  border-left: 13px solid transparent;
  border-right: 13px solid #42A8FF;
  border-top: 13px solid #42A8FF;
  border-bottom: 13px solid transparent;
  left: -26px;
  top: -2px;
}
.dropdown-menu-secondary:after {
  border-left: 12px solid transparent;
  border-right: 12px solid #353D51;
  border-top: 12px solid #353D51;
  border-bottom: 12px solid transparent;
  left: -21px;
  top: 0;
}
.dropdown-menu-secondary li:not(:last-child) {
  margin-bottom: 17px;
}
.dropdown-menu-secondary li.disabled a {
  opacity: 0.6;
}
body.touched .dropdown-menu-secondary li.disabled a:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.dropdown-menu-secondary li a {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 24px;
}
.dropdown-menu-secondary li a svg {
  display: inline-block;
  margin: 0 10px 0 0;
}
.dropdown-menu-secondary li a svg use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .dropdown-menu-secondary li a:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

.table-scroll:not(.analytics-table) {
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table) {
    height: calc(100% - 40px);
  }
}
.table-scroll:not(.analytics-table)::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.table-scroll:not(.analytics-table)::-webkit-scrollbar:vertical {
  display: none;
}
.table-scroll:not(.analytics-table)::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.table-scroll:not(.analytics-table)::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .table-scroll:not(.analytics-table)::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.table-scroll:not(.analytics-table).table-tablet::-webkit-scrollbar:horizontal {
  display: block;
}
.table-scroll:not(.analytics-table).table-tablet table thead th:first-child {
  min-width: 10rem;
}
.table-scroll:not(.analytics-table).table-tablet table td, .table-scroll:not(.analytics-table).table-tablet table th {
  min-width: 11rem;
}
.table-scroll:not(.analytics-table).table-tablet table td.long, .table-scroll:not(.analytics-table).table-tablet table th.long {
  min-width: 19rem;
}
.table-scroll:not(.analytics-table).table-tablet table td.small, .table-scroll:not(.analytics-table).table-tablet table th.small {
  min-width: 8rem;
}
.table-scroll:not(.analytics-table).modal-fit {
  max-height: 400px;
}
.table-scroll:not(.analytics-table).users-pages table thead tr th:last-child:not(.long) {
  min-width: 50px;
  max-width: 50px;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table).users-pages table thead tr th:last-child:not(.long) {
    max-width: 90px;
  }
}
.table-scroll:not(.analytics-table).users-pages table thead tr th.long {
  min-width: 220px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.empty {
  height: 66px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.empty > th {
  height: 66px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.disabled {
  cursor: default;
  pointer-events: none;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr.disabled:hover {
  background-color: inherit;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body {
  background-color: #353D51;
  cursor: default;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body:hover {
  background-color: #353D51;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body svg:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td {
  padding: 0;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td h3 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  padding: 15px 30px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  text-transform: uppercase;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul {
  list-style: none;
  padding: 0;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li {
  padding: 0 0 15px;
  font-size: 16px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .date-title {
  font-weight: 500;
  padding: 15px 30px;
  margin: 0;
  display: flex;
  text-transform: uppercase;
  background-color: rgba(158, 166, 190, 0.3);
  cursor: pointer;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .date-title:hover {
  background-color: rgba(158, 166, 190, 0.6);
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .date-title div:last-child {
  margin-left: 50px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity {
  padding: 50px 30px;
  margin-bottom: 10px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-session-detail {
  display: flex;
  padding: 0 0 15px;
  margin: 0 0 30px;
  font-weight: 500;
  align-items: center;
  border-bottom: 2px solid #FFFFFF;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-session-detail div {
  display: flex;
  align-content: center;
  padding: 0;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-session-detail div:not(:first-child) {
  justify-content: flex-end;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-session-detail div svg {
  margin-right: 5px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-hour-detail {
  display: flex;
  margin: 0 0 20px;
  align-items: center;
  width: 100%;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-hour-detail div {
  display: flex;
  align-content: center;
  padding: 0;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr.accordion-body td ul li .list-activity .list-hour-detail div:not(:first-child) {
  justify-content: flex-end;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr th.hospitals {
  min-width: 400px;
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table).users-pages table tbody tr th.hospitals {
    min-width: 140px;
    max-width: 140px;
  }
}
.table-scroll:not(.analytics-table).users-pages table tbody tr td button {
  cursor: pointer;
  margin-left: auto;
  display: block;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr td button:hover use, .table-scroll:not(.analytics-table).users-pages table tbody tr td button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table).users-pages table tbody tr td button.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr td .doc-menu {
  top: auto;
  right: 55px;
  margin-top: -24px;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr td:nth-child(2) {
  width: auto;
}
.table-scroll:not(.analytics-table).users-pages table tbody tr td:last-child:not(.long) {
  min-width: 50px;
  max-width: 50px;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table).users-pages table tbody tr td:last-child:not(.long) {
    min-width: 70px;
  }
  .table-scroll:not(.analytics-table).users-pages table tbody tr td:last-child:not(.long) button {
    margin: 0;
    width: 100%;
  }
}
.table-scroll:not(.analytics-table).auto-resize table thead tr th:not(:first-child):not(:last-child) {
  min-width: 200px;
}
.table-scroll:not(.analytics-table).auto-resize table thead tr th:last-child {
  width: 100%;
}
.table-scroll:not(.analytics-table).right-hero {
  color: #FFFFFF;
  padding: 0;
  max-height: 560px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .table-scroll:not(.analytics-table).right-hero {
    height: auto;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table).right-hero {
    height: auto;
    padding: 0;
  }
}
.table-scroll:not(.analytics-table).right-hero table {
  border-collapse: separate;
  border-spacing: 0 1px;
  width: 100%;
}
.table-scroll:not(.analytics-table).right-hero table thead th:first-child {
  padding-left: 20px;
  position: relative;
}
.table-scroll:not(.analytics-table).right-hero table thead th:nth-child(2) {
  padding-left: 10px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list {
  height: 100px;
  width: 100%;
  color: #FFFFFF;
  text-transform: capitalize;
  margin: 1px 0;
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
  position: relative;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(1) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(2) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(4) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(5) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(6) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(7) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(8) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(9) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:nth-child(10) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list td {
  padding: 0;
  padding-left: 10px;
  height: 100px;
  margin: 1px 0;
  border-top: 2px solid #353D51;
  min-width: 100px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list td:first-child {
  padding-left: 15px;
  min-width: 230px;
  width: 285px;
  border-left: 2px solid #353D51;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list td:not(:first-child) {
    padding-left: 28px;
  }
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list td:last-child {
  border-right: 2px solid #353D51;
  padding-right: 0;
  max-width: 110px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list td svg {
  width: auto;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:last-child td {
  border-bottom: 2px solid #353D51;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .patient-name {
  min-width: 120px;
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  border-right: 2px solid #353D51;
  margin-right: 20px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .patient-name p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  font-weight: 500;
  padding: 15px 0;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .initials {
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .initials.private p {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .initials p {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 70px;
  text-align: center;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  margin: auto;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .initials + p {
  padding-left: 15px;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:after {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #9EA6BE;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list.review:after {
  background: #FFAD00;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list.approval:after {
  background: #E5057F;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list.waitingForManufacturing:after {
  background: #42A8FF;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list.shipped:after {
  background: #599518;
}
body.touched .table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:hover:after {
  width: 10px;
}
body.touched .table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list:hover .patient-name {
  border-right: 2px solid #9EA6BE;
}
.table-scroll:not(.analytics-table).right-hero table .right-sub-hero .body-list .fit-content {
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .table-scroll:not(.analytics-table).right-hero table td, .table-scroll:not(.analytics-table).right-hero table th {
    max-width: 100%;
  }
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) {
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  max-width: none;
  width: auto;
  min-width: 100%;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr {
  height: 43px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th {
  background: #030C26;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border: 0px;
  padding: 0 5px 5px 15px;
  z-index: 4;
  text-transform: uppercase;
  min-width: 144px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th:first-child {
  padding-right: 0;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
  width: 144px;
  min-width: 144px;
  max-width: 144px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th:first-child .favorite {
  margin-right: 10px;
  cursor: pointer;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div {
  width: 100%;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div.longer {
  max-width: 200px;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div:not(.not-hovered):hover {
  color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div:not(.not-hovered):hover .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div.birth-date.display-en a {
  max-width: 70px;
  width: 70px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .min-125.display-fr,
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .max-75.display-fr,
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .w-auto.display-fr {
  max-width: 100%;
  width: max-content !important;
  width: -moz-max-content !important;
  width: -webkit-max-content !important;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .min-125.display-fr.sk-visible.sk-w50,
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .max-75.display-fr.sk-visible.sk-w50,
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th div .w-auto.display-fr.sk-visible.sk-w50 {
  min-width: 50px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  transition: none;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-sort {
  cursor: pointer;
  width: fit-content;
  max-width: 144px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-sort.auto-size {
  width: auto;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-sort > span {
  display: flex;
  align-items: center;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-sort > span.long {
  height: auto;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-sort > span:not(.multi-line) {
  height: 16px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.wide-header {
  min-width: 210px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-no-sort > span {
  display: flex;
  align-items: center;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-no-sort > span.long {
  height: auto;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th a.table-no-sort > span:not(.multi-line) {
  height: 16px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th .sort {
  cursor: pointer;
  padding: 0 0 0 5px;
  margin: 0 10px 0 0;
  min-width: 24px;
  width: 24px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th .sort use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th.selected .sort use, .table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th.descending .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th.selected:not(.not-hovered):hover .sort use, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th.descending:not(.not-hovered):hover .sort use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead tr th.descending .sort {
  transform: rotate(180deg);
  margin: 0 0 0 10px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead th:first-child.overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: -30px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) thead th:first-child.overlay:after.scrolled {
  display: none;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr {
  cursor: pointer;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr.default-cursor {
  cursor: default;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr:hover {
  border: 0;
  margin-bottom: 2px;
  background-color: #353D51;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr:hover th:first-child {
  background: #353D51;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr.private td p {
  font-style: italic;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th {
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  border-bottom: 2px solid #353D51;
  max-width: 8rem;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td button, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th button {
  outline: 0;
  border: 0;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td button:disabled use, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td button:hover:disabled use, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th button:disabled use, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th button:hover:disabled use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td .edit, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th .edit {
  margin-right: 20px;
  display: inline;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td .edit:hover use, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th .edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td a.blue-cta:hover use, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th a.blue-cta:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td a.blue-cta span, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th a.blue-cta span {
  margin-left: 10px;
  display: block;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td .table-link, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th .table-link {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}
body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td .table-link:hover, body.touched .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th .table-link:hover {
  color: #42A8FF;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td p, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th p {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td p:not(.long-patient-name), .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th p:not(.long-patient-name) {
  white-space: pre-wrap;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td p.private, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th p.private {
  font-style: italic;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td p.initials, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th p.initials {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 70px;
  text-align: center;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  margin: auto;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td p.initials.private, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th p.initials.private {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-280, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-280 {
  min-width: 280px;
  max-width: 280px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-190, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-190 {
  min-width: 190px;
  max-width: 190px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-140, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-140 {
  min-width: 140px;
  max-width: 140px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-175, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-175 {
  min-width: 175px;
  max-width: 175px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-120, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-120 {
  min-width: 120px;
  max-width: 120px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.l-90, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.l-90 {
  min-width: 90px;
  max-width: 90px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.show-dropdown {
  overflow: visible !important;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.show-dropdown.task-status {
  width: 125px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td.wrap {
  overflow-wrap: break-word;
  text-overflow: unset;
  white-space: normal;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #081334;
  min-width: 9rem;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th:first-child.frame {
  width: 70%;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.no-overflow {
  overflow-wrap: break-word;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.lead-column {
  min-width: 25rem;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.lead-column {
    min-width: auto;
  }
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.lead-column.normal-font {
  font-weight: normal;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr th.email-column {
  min-width: 25rem;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr td:nth-child(2) {
  padding-left: 30px;
  width: 100px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr:last-child td, .table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr:last-child th {
  border-bottom: 0;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr.empty {
  height: 112px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr.empty th {
  display: flex;
  margin: 0;
  max-width: 100% !important;
  align-items: center;
  height: 112px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody tr.empty th p.initials {
  border: transparent;
  background: #353D51;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody th:first-child.overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: -30px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) tbody th:first-child.overlay:after.scrolled {
  display: none;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) td .ui-select-highlight, .table-scroll:not(.analytics-table) table:not(.cmp-table) th .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) td.no-match, .table-scroll:not(.analytics-table) table:not(.cmp-table) th.no-match {
  border-bottom: 0;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) .no-match {
  padding: 40px 0;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 43px;
}
.table-scroll:not(.analytics-table) table:not(.cmp-table) .patient-name {
  width: 100%;
  overflow-wrap: break-word;
  overflow: hidden;
}
.table-scroll:not(.analytics-table) table.cmp-table {
  margin: 10px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  max-width: none;
  width: auto;
  min-width: 100%;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr {
  height: 50px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th {
  background: #030C26;
  border-bottom: 2px solid #353D51;
  padding: 10px;
  z-index: 4;
  text-transform: uppercase;
  height: 50px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.normal-mode {
  min-width: 100px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.long-mode {
  min-width: 300px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th svg.rtc-headers {
  position: absolute;
  right: 10px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  width: max-content;
  transition: none;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.table-sort {
  cursor: pointer;
  width: fit-content;
  max-width: 144px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.table-sort.auto-size {
  width: auto;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.table-sort > span {
  display: flex;
  align-items: center;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.table-sort > span.long {
  height: auto;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.table-sort > span:not(.multi-line) {
  height: 16px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th a.wide-header {
  min-width: 210px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th .sort {
  cursor: pointer;
  padding: 0 0 0 5px;
  margin: 0 10px 0 0;
  min-width: 24px;
  width: 24px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th .sort use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.selected .sort use, .table-scroll:not(.analytics-table) table.cmp-table thead tr th.descending .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table thead tr th.selected:not(.not-hovered):hover .sort use, body.touched .table-scroll:not(.analytics-table) table.cmp-table thead tr th.descending:not(.not-hovered):hover .sort use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.descending .sort {
  transform: rotate(180deg);
  margin: 0 0 0 10px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.table-scroll:not(.analytics-table) table.cmp-table thead tr th.sticky-header-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead th:first-child.overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: -30px;
}
.table-scroll:not(.analytics-table) table.cmp-table thead th:first-child.overlay:after.scrolled {
  display: none;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr {
  cursor: pointer;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr.default-cursor {
  cursor: default;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr:hover {
  border: 0;
  margin-bottom: 2px;
  background-color: #353D51;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr:hover th:first-child {
  background: #353D51;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr.private td p {
  font-style: italic;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th {
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  border-bottom: 2px solid #353D51;
  max-width: 10rem;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td button, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th button {
  outline: 0;
  border: 0;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td button:disabled use, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr td button:hover:disabled use, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th button:disabled use, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr th button:hover:disabled use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td .edit, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .edit {
  margin-right: 20px;
  display: inline;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr td .edit:hover use, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr td a.blue-cta:hover use, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr th a.blue-cta:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td a.blue-cta span, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th a.blue-cta span {
  margin-left: 10px;
  display: block;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td .table-link, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .table-link {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr td .table-link:hover, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .table-link:hover {
  color: #42A8FF;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td p, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th p {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td p:not(.long-patient-name), .table-scroll:not(.analytics-table) table.cmp-table tbody tr th p:not(.long-patient-name) {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: normal;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td p.private, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th p.private {
  font-style: italic;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td p.initials, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th p.initials {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 70px;
  text-align: center;
  border: 2px solid #353D51;
  border-radius: 50%;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  margin: auto;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td p.initials.private, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th p.initials.private {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td .icon-button-wrapper, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .icon-button-wrapper {
  cursor: pointer;
  height: 36px;
  width: 36px;
  display: inline;
}
body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr td .icon-button-wrapper:hover use, body.touched .table-scroll:not(.analytics-table) table.cmp-table tbody tr th .icon-button-wrapper:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-280, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-280 {
  min-width: 280px;
  max-width: 280px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-190, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-190 {
  min-width: 190px;
  max-width: 190px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-140, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-140 {
  min-width: 140px;
  max-width: 140px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-175, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-175 {
  min-width: 175px;
  max-width: 175px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-120, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-120 {
  min-width: 120px;
  max-width: 120px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.l-90, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.l-90 {
  min-width: 90px;
  max-width: 90px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.cl-90, .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.cl-90 {
  width: 120px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr td.wrap {
  overflow-wrap: break-word;
  text-overflow: unset;
  white-space: normal;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #081334;
  min-width: 9rem;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr th:first-child.frame {
  width: 70%;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr th.lead-column {
  min-width: 25rem;
}
@media screen and (max-width: 767px) {
  .table-scroll:not(.analytics-table) table.cmp-table tbody tr th.lead-column {
    min-width: auto;
  }
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr th.email-column {
  min-width: 25rem;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr:last-child td, .table-scroll:not(.analytics-table) table.cmp-table tbody tr:last-child th {
  border-bottom: 0;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr.empty {
  height: 112px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr.empty th {
  display: flex;
  margin: 0;
  max-width: 100% !important;
  align-items: center;
  height: 112px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody tr.empty th p.initials {
  border: transparent;
  background: #353D51;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody th:first-child.overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: -30px;
}
.table-scroll:not(.analytics-table) table.cmp-table tbody th:first-child.overlay:after.scrolled {
  display: none;
}
.table-scroll:not(.analytics-table) table.cmp-table td .ui-select-highlight, .table-scroll:not(.analytics-table) table.cmp-table th .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}
.table-scroll:not(.analytics-table) table.cmp-table td.no-match, .table-scroll:not(.analytics-table) table.cmp-table th.no-match {
  border-bottom: 0;
}
.table-scroll:not(.analytics-table) table.cmp-table .no-match {
  padding: 40px 0;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 43px;
}
.table-scroll:not(.analytics-table) table.cmp-table .patient-name {
  width: 100%;
  overflow-wrap: break-word;
  overflow: hidden;
}
.table-scroll:not(.analytics-table) table.cmp-table .follow-up-column {
  min-width: 120px;
}

td.report-issue-definition {
  padding-left: 20px;
  padding-bottom: 30px !important;
}

.no-data {
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  z-index: 99;
  position: absolute;
  top: 260px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(3, 12, 38, 0.9);
  width: 100%;
}
.no-data .overlay {
  width: 335px;
  margin: 120px auto;
  text-align: center;
}
.no-data .overlay h1 {
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-weight: normal;
}
.no-data .overlay p {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
}
.no-data img {
  width: 100%;
  height: auto;
}

.selectize-control {
  background: transparent;
}
.selectize-control.single {
  margin-bottom: 30px;
}
.selectize-control.single .selectize-input {
  background: transparent;
  border: none;
  border-radius: 0;
  padding-left: 0;
  box-shadow: none;
  color: #FFFFFF;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: 21px;
  border-bottom: 2px solid #9EA6BE;
  border-radius: 0;
}
.selectize-control.single .selectize-input:after {
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.selectize-control.single .selectize-input:focus, .selectize-control.single .selectize-input.selectize-focus, .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
.selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
body.touched .selectize-control.single .selectize-input:not(.disabled):hover {
  border-bottom: 2px solid #42A8FF;
}
body.touched .selectize-control.single .selectize-input:not(.disabled):hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
body.touched .selectize-control.single .selectize-input.disabled:hover {
  border-bottom: 2px solid #9EA6BE !important;
}
.selectize-control.single .ui-select-search {
  height: 20px;
  color: #FFFFFF;
}
.selectize-control.single .selectize-dropdown, .selectize-control.single .ui-select-dropdown {
  border: none;
  background: transparent;
}
.selectize-control.single .ui-select-choices-group {
  border: none;
}
.selectize-control.single .ui-select-choices-row {
  font-size: 16px;
}
.selectize-control.single .ui-select-choices-row ::-webkit-scrollbar {
  display: none;
}
.selectize-control.single .ui-select-choices-row.selected .ui-select-choices-row-inner {
  font-weight: 500;
}
.selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px;
}
body.touched .selectize-control.single .ui-select-choices-row-inner:hover {
  background: #174CBF;
}
.selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}

.selectize-input.selectize-focus:not(:hover) {
  border-color: #9EA6BE !important;
}

.selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}

.ui-select-no-choice.selectize-dropdown {
  background: transparent;
  color: #FFFFFF;
}
.ui-select-no-choice.selectize-dropdown [data-selectable] {
  padding: 8px 0px;
  width: auto;
}
.ui-select-no-choice.selectize-dropdown [data-selectable] span .fa {
  color: #42A8FF;
}

input.ui-select-search.ui-select-toggle.ng-pristine.ng-untouched.ng-valid {
  font-weight: 400;
}

.selectize-control.single .selectize-input {
  font-size: 16px;
}
.selectize-control.single .selectize-input > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 100%;
  max-width: 90%;
  float: left;
  padding-right: 1px;
}
.selectize-control.single .selectize-input > * .exit-icon {
  position: absolute;
  right: 25px;
  top: 0px;
}
.selectize-control.single .selectize-input > * .exit-icon svg {
  vertical-align: baseline;
}

.ui-datepicker {
  font-family: "Roboto";
}

.ui-widget-content {
  border: 1px solid #081334;
  background: #081334;
  color: #353D51;
  width: auto;
  border: 1px solid #FFFFFF;
  padding: 10px;
}

.ui-widget-header {
  border: 1px solid #081334;
  background: #081334;
  color: #FFFFFF;
  font-weight: bold;
}

.ui-datepicker td a {
  border-radius: 90px;
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker td a:hover {
  background-color: #596076;
}

.ui-datepicker td span {
  border-radius: 90px;
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #42A8FF !important;
  background: #42A8FF;
  font-weight: normal;
  color: #FFFFFF;
}

.ui-datepicker th {
  color: #FFFFFF;
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #42A8FF !important;
  background: #42A8FF !important;
  color: #FFFFFF;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #081334;
  background: #081334;
  font-weight: normal;
  color: #FFFFFF;
  height: 40px;
  width: 40px;
  padding-top: 11px;
  font-weight: 400;
}

.ui-datepicker td a {
  border-radius: 90px;
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  background: #081334;
  color: #FFFFFF;
  width: 45%;
  height: 5%;
  border-top-color: #081334;
  border-left-color: #081334;
  border-right-color: #081334;
  border-bottom-color: #081334;
  border-radius: 60px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  display: none;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  display: none;
}

.ui-datepicker {
  position: absolute;
  z-index: 3000 !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  line-height: 1.8em;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 5px;
  font-weight: 400;
}

.dateInput {
  background: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  color: #FFFFFF;
  padding-bottom: 10px;
  border-bottom: 1px dashed #353D51;
  font-size: 15px;
  height: 36px;
  width: 100%;
  margin: 0 0 50px 0;
  padding: 10px 0;
  position: relative;
}

[disabled] .dateInput {
  background: rgba(158, 166, 190, 0.3);
}

.selectize {
  margin-bottom: 50px;
}

.levels .ui-select-container.selectize-control {
  width: 50%;
  display: inline-block;
  padding: 0 0px 0 10px;
  float: left;
}

.l-wrapper {
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  background-color: rgba(53, 61, 81, 0.7);
}
.l-wrapper .spinner-message {
  display: block;
  margin-top: auto;
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.l-wrapper .spinner-message + .l-spinner {
  margin-top: 0;
}
.l-wrapper .l-spinner {
  display: block;
  margin: auto;
}
.l-wrapper .l-spinner svg {
  height: 60px;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.l-wrapper .l-spinner .g--circle {
  transform-origin: 60px 60px;
  fill: #42A8FF;
  animation: opacity 1.2s linear infinite;
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+1) {
  animation-delay: -0.1s;
  transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+2) {
  animation-delay: -0.2s;
  transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+3) {
  animation-delay: -0.3s;
  transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+4) {
  animation-delay: -0.4s;
  transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+5) {
  animation-delay: -0.5s;
  transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+6) {
  animation-delay: -0.6s;
  transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+7) {
  animation-delay: -0.7s;
  transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+8) {
  animation-delay: -0.8s;
  transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+9) {
  animation-delay: -0.9s;
  transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+10) {
  animation-delay: -1s;
  transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+11) {
  animation-delay: -1.1s;
  transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g--circle:nth-child(12n+12) {
  animation-delay: -1.2s;
  transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}
.l-wrapper .l-spinner .g-circles--v1 .g--circle {
  fill-opacity: 0;
  animation-name: opacity;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle {
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke-width: 1;
  stroke: yellowgreen;
  animation-name: opacity-stroke, colors, colors-stroke;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle .u--circle {
  animation: transform-2 1.2s linear infinite;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+1) .u--circle {
  animation-delay: -0.1s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+2) .u--circle {
  animation-delay: -0.2s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+3) .u--circle {
  animation-delay: -0.3s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+4) .u--circle {
  animation-delay: -0.4s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+5) .u--circle {
  animation-delay: -0.5s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+6) .u--circle {
  animation-delay: -0.6s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+7) .u--circle {
  animation-delay: -0.7s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+8) .u--circle {
  animation-delay: -0.8s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+9) .u--circle {
  animation-delay: -0.9s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+10) .u--circle {
  animation-delay: -1s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+11) .u--circle {
  animation-delay: -1.1s;
}
.l-wrapper .l-spinner .g-circles--v2 .g--circle:nth-child(12n+12) .u--circle {
  animation-delay: -1.2s;
}
.l-wrapper .l-spinner .g-circles--v3 .g--circle {
  fill-opacity: 1;
  animation-name: opacity, colors;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle {
  fill-opacity: 1;
  fill: orange;
  animation-name: opacity, colors-3;
}
.l-wrapper .l-spinner .g-circles--v4 .u--circle {
  animation: transform 1.2s linear infinite;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+1) .u--circle {
  animation-delay: -0.1s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+2) .u--circle {
  animation-delay: -0.2s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+3) .u--circle {
  animation-delay: -0.3s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+4) .u--circle {
  animation-delay: -0.4s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+5) .u--circle {
  animation-delay: -0.5s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+6) .u--circle {
  animation-delay: -0.6s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+7) .u--circle {
  animation-delay: -0.7s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+8) .u--circle {
  animation-delay: -0.8s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+9) .u--circle {
  animation-delay: -0.9s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+10) .u--circle {
  animation-delay: -1s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+11) .u--circle {
  animation-delay: -1.1s;
}
.l-wrapper .l-spinner .g-circles--v4 .g--circle:nth-child(12n+12) .u--circle {
  animation-delay: -1.2s;
}
@keyframes opacity {
  3% {
    fill-opacity: 1;
  }
  75% {
    fill-opacity: 0;
  }
}
@keyframes opacity-stroke {
  10% {
    stroke-opacity: 1;
  }
  85% {
    stroke-opacity: 0;
  }
}
@keyframes colors {
  0% {
    fill: yellowgreen;
  }
  10% {
    fill: gold;
  }
  75% {
    fill: crimson;
  }
}
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }
  10% {
    stroke: gold;
  }
  75% {
    stroke: crimson;
  }
}
@keyframes colors-2 {
  0% {
    fill: yellow;
  }
  50% {
    fill: red;
  }
  65% {
    fill: orangered;
  }
  95% {
    fill: gold;
  }
}
@keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }
  50% {
    fill: turquoise;
  }
  65% {
    fill: yellow;
  }
  95% {
    fill: orange;
  }
}
@keyframes transform {
  10% {
    transform-origin: 70px 70px;
    transform: scale(0.75);
  }
}
@keyframes transform-2 {
  40% {
    transform: scale(0.85) translate(10px, 10px);
  }
  60% {
    stroke-width: 20;
  }
}

.progress-track {
  display: flex;
  list-style-type: none;
  margin: 30px auto;
  width: 100%;
  padding: 0;
  position: relative;
}
.progress-track .progress-step {
  text-align: center;
  flex-grow: 1;
  position: relative;
}
.progress-track .progress-step .icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  margin: 0 auto;
  cursor: pointer;
}
.progress-track .progress-step .icon-wrap svg {
  width: 24px;
  height: 24px;
  margin: auto;
}
.progress-track .progress-step .icon-wrap svg use {
  --static-color: #42A8FF;
}
.progress-track .progress-step .icon-wrap .icon-dot {
  width: 10px;
  height: 10px;
  display: block;
  background: #42A8FF;
  border-radius: 50%;
  margin: auto;
}
.progress-track .progress-step .icon-wrap.section-error > .icon-dot {
  width: 10px;
  height: 10px;
  display: block;
  background: #F60012;
  border-radius: 50%;
  margin: auto;
}
.progress-track .progress-step .progress-text {
  margin-top: 12px;
  display: block;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 19px;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .progress-track .progress-step .progress-text {
    font-size: 12px;
  }
}
.progress-track .progress-step .progress-line {
  content: "";
  height: 2px;
  width: 150%;
  background-color: #353D51;
  display: block;
  left: calc(50% + 15px);
  right: 0;
  position: absolute;
  top: 15px;
}
.progress-track .progress-step .progress-line.after-dot, .progress-track .progress-step .progress-line.after-dot-med {
  left: calc(50% + 5px);
  width: 150%;
}
.progress-track .progress-step .progress-line.blue {
  background-color: #42A8FF;
}
.progress-track .progress-step .progress-line-fr {
  content: "";
  height: 2px;
  width: 150%;
  background-color: #353D51;
  display: block;
  left: calc(50% + 15px);
  right: 0;
  position: absolute;
  top: 15px;
}
.progress-track .progress-step .progress-line-fr.after-dot, .progress-track .progress-step .progress-line-fr.after-dot-med {
  left: calc(50% + 5px);
  width: 150%;
}
.progress-track .progress-step .progress-line-fr.blue {
  background-color: #42A8FF;
}
.progress-track .progress-step:nth-child(2) .progress-line.after-dot, .progress-track .progress-step:nth-child(2) .progress-line.after-dot-med {
  left: calc(50% + 15px);
}
.progress-track .progress-step:nth-child(2) .progress-line-fr.after-dot, .progress-track .progress-step:nth-child(2) .progress-line-fr.after-dot-med {
  left: calc(50% + 15px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line {
  width: calc(100% - 18px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line.short-line {
  width: calc(100% - 25px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line.med-line {
  width: calc(100% - 10px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line.after-dot {
  width: calc(100% - 8px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line.after-dot-med {
  width: calc(100% - 10px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line-fr {
  width: calc(100% - 31px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line-fr.short-line {
  width: calc(100% - 25px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line-fr.med-line {
  width: calc(100% - 10px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line-fr.after-dot {
  width: calc(100% - 25px);
}
.progress-track .progress-step:nth-last-child(2) .progress-line-fr.after-dot-med {
  width: calc(100% - 10px);
}
.progress-track .progress-step:last-child .progress-line {
  display: none;
}
.progress-track .progress-step:last-child .progress-line-fr {
  display: none;
}
.progress-track .progress-step.done-step .icon-wrap, .progress-track .progress-step.current-step .icon-wrap, .progress-track .progress-step.started-step .icon-wrap {
  background: #42A8FF;
}
.progress-track .progress-step.done-step .icon-wrap use, .progress-track .progress-step.current-step .icon-wrap use, .progress-track .progress-step.started-step .icon-wrap use {
  --static-color: #FFFFFF;
}
.progress-track .progress-step.done-step .icon-wrap.section-error, .progress-track .progress-step.current-step .icon-wrap.section-error, .progress-track .progress-step.started-step .icon-wrap.section-error {
  background: #F60012;
}
.progress-track .progress-step.started-step .icon-wrap svg {
  width: 20px;
}
.progress-track .progress-step.current-step .icon-dot {
  background: #FFFFFF;
}
.progress-track .progress-step.current-step > .section-error > .icon-dot {
  background: #FFFFFF;
}

.progress-container {
  display: flex;
  align-items: center;
}
.progress-container .progress {
  background-color: #9EA6BE;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  height: 6px;
  overflow: hidden;
  display: flex;
  width: 100%;
  margin-right: 15px;
}
.progress-container .progress.complete {
  margin-right: 47px;
}
.progress-container .progress .bar {
  background-color: #42A8FF;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset;
  height: 100%;
  display: block;
  margin-right: auto;
  flex-grow: 0;
}
.progress-container button {
  cursor: pointer;
}
body.touched .progress-container button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

.tgl-container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tgl-container {
    flex-direction: column;
  }
}
.tgl-container .tgl-label {
  font-weight: bold;
  margin: 0 10px;
  transition: all 0.5s ease;
}
.tgl-container .tgl-label.hidden {
  opacity: 0;
}
.tgl-container .tgl {
  display: none;
  position: relative;
}
.tgl-container .tgl, .tgl-container .tgl:after, .tgl-container .tgl:before, .tgl-container .tgl *, .tgl-container .tgl *:after, .tgl-container .tgl *:before, .tgl-container .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl-container .tgl::selection, .tgl-container .tgl:after::selection, .tgl-container .tgl:before::selection, .tgl-container .tgl *::selection, .tgl-container .tgl *:after::selection, .tgl-container .tgl *:before::selection, .tgl-container .tgl + .tgl-btn::selection {
  background: none;
}
.tgl-container .tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin: 0;
}
.tgl-container .tgl + .tgl-btn:after, .tgl-container .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  bottom: 2px;
}
.tgl-container .tgl + .tgl-btn.b-0:after, .tgl-container .tgl + .tgl-btn.b-0:before {
  bottom: 0;
}
.tgl-container .tgl + .tgl-btn:after {
  left: 0;
}
.tgl-container .tgl + .tgl-btn:before {
  display: none;
}
.tgl-container .tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-container .tgl-blue + .tgl-btn {
  background: #FFFFFF;
  border-radius: 2em;
  border: 2px solid #FFFFFF;
  padding: 2px;
  transition: all 0.5s ease;
}
.tgl-container .tgl-blue + .tgl-btn:after {
  border-radius: 50%;
  background: #9EA6BE;
  transition: all 0.3s ease;
}
.tgl-container .tgl-blue:checked + .tgl-btn {
  background: #174CBF;
  border-color: #174CBF;
}
.tgl-container .tgl-blue:checked + .tgl-btn:after {
  background: #FFFFFF;
}

.tooltip-button-wrapper {
  text-transform: capitalize;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .tooltip-button-wrapper {
    width: 48px;
  }
}
.tooltip-button-wrapper .tooltip {
  background: #FFFFFF;
  min-width: 10%;
  top: 48px;
  color: #000000;
  font-size: 0.8em;
  text-align: center;
  display: block;
  left: 10px;
  margin-bottom: 25px;
  padding: 6px 4px 4px 4px;
  border-radius: 20px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.tooltip-button-wrapper .tooltip.input-line {
  top: 30px;
}
@media only screen and (max-width: 1024px) {
  .tooltip-button-wrapper .tooltip {
    top: 38px;
    width: 150px;
    margin-left: -73px;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tooltip-button-wrapper .tooltip {
    left: -59px;
    top: 40px;
  }
}
.tooltip-button-wrapper .tooltip:before {
  bottom: 0px;
  content: " ";
  display: block;
  height: 0px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tooltip-button-wrapper .tooltip:after {
  content: " ";
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  top: -7px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
body.touched .tooltip-button-wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.tooltip-button-top-wrapper {
  text-transform: capitalize;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .tooltip-button-top-wrapper {
    width: auto;
  }
}
.tooltip-button-top-wrapper .tooltip {
  background: #FFFFFF;
  min-width: 10%;
  top: -50px;
  color: #000000;
  font-size: 0.8em;
  text-align: center;
  display: block;
  left: -28px;
  margin-bottom: 25px;
  padding: 4px 4px 4px 4px;
  border-radius: 20px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.tooltip-button-top-wrapper .tooltip.input-line {
  top: 30px;
}
@media only screen and (max-width: 1024px) {
  .tooltip-button-top-wrapper .tooltip {
    top: -38px;
    width: 150px;
    margin-left: -73px;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tooltip-button-top-wrapper .tooltip {
    left: -59px;
    top: -40px;
  }
}
.tooltip-button-top-wrapper .tooltip:before {
  bottom: 0px;
  content: " ";
  display: block;
  height: 0px;
  left: 0;
  position: absolute;
  width: 100%;
}
body.touched .tooltip-button-top-wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.xray-card {
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.xray-card.hidden {
  width: 0;
  border: none;
}
.xray-card.empty {
  background: #353D51;
}
.xray-card.empty .xray-header {
  border-bottom: 1px solid #FFFFFF;
}
.xray-card.empty .carousel-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  min-height: 335px;
}
.xray-card.empty .carousel-card .top {
  position: relative;
}
.xray-card.empty .carousel-card-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: auto;
}
.xray-card.empty .carousel-card-image .select-container {
  position: absolute;
  top: 10%;
  left: 10px;
  width: 27%;
  z-index: 2;
}
.xray-card.empty .carousel-card-image .zoomable-icon:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.xray-card .carousel-card {
  position: relative;
}
.xray-card .carousel-card .top {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
}
.xray-card .carousel-card .top .select-container {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px;
  background: rgba(0, 0, 0, 0.7);
}
.xray-card .carousel-card .top .select-container .selectize-control {
  width: 70%;
}
.xray-card .carousel-card .top .ligament-augmentation-icon {
  pointer-events: none;
  position: absolute;
  right: 0;
  margin: 10px;
}
.xray-card .carousel-card .top .ligament-augmentation-icon-mobile {
  pointer-events: none;
  position: absolute;
  right: 0;
  margin-right: 10px;
}
.xray-card .carousel-card .xray-type {
  position: absolute;
  z-index: 2;
  top: 45px;
  left: 10px;
  font-weight: 300;
}
.xray-card .carousel-card .xray-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  margin-bottom: 0;
  border-radius: 15px 15px 0 0;
  background: #353D51;
}
.xray-card .carousel-card .xray-header .display-mode {
  display: flex;
  position: relative;
}
.xray-card .carousel-card .xray-header .display-mode .sep:after {
  content: "";
  width: 1px;
  height: 120%;
  display: block;
  background: #FFFFFF;
  position: absolute;
  top: -5%;
}
.xray-card .carousel-card .xray-header .display-mode button {
  padding: 0 10px;
}
body.touched .xray-card .carousel-card .xray-header .display-mode button:hover, .xray-card .carousel-card .xray-header .display-mode button.active {
  color: #174CBF;
}
body.touched .xray-card .carousel-card .xray-header .display-mode button:hover use, .xray-card .carousel-card .xray-header .display-mode button.active use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.xray-card .carousel-card .xray-header .display-mode button.active:hover {
  cursor: default;
  color: #062C7F;
}
.xray-card .carousel-card .xray-header .display-mode button.active:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.xray-card .carousel-card .xray-header.shrink {
  width: 0;
}
.xray-card .carousel-card svg-viewer .image-viewer {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  position: relative;
  min-height: 335px;
  width: 100%;
  object-fit: contain;
  display: block;
  margin: auto;
}
.xray-card.shrink {
  width: 0;
  border: none;
}
.xray-card.shrink .xrayHeader {
  opacity: 0;
}

@media screen and (max-width: 540px) {
  .xray-card {
    height: auto;
    position: relative;
  }
  .xray-card.empty .carousel-card {
    min-height: 445px;
  }
  .xray-card svg-viewer .image-viewer {
    min-height: 455px !important;
    overflow: hidden;
  }
  .xray-card svg-viewer .image-viewer svg {
    display: block;
    max-height: 400px;
    margin: auto;
  }
  .xray-card .carousel-card-image .swiper-pagination {
    bottom: 65px;
  }
  .xray-card .carousel-card-image .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    border: 2px solid #FFFFFF;
  }
  .xray-card .carousel-card-image .swiper-pagination-bullet-active {
    border: none;
  }
  .xray-card .carousel-card-image .xray-type {
    position: relative;
    top: 40px;
    left: 10px;
    font-size: 12px;
    opacity: 0.75;
  }
  .xray-card .carousel-card-image .xray-type.space-top {
    top: 70px;
  }
  .xray-card .carousel-card .xray-header-sub {
    background: #000000;
    display: flex;
    padding: 10px;
    gap: 4px;
    font-size: 14px;
  }
  .xray-card .carousel-card .xray-header span {
    font-weight: 400;
  }
}
.form-select-multi {
  text-align: left;
}
.form-select-multi label {
  font-weight: 500;
  text-transform: uppercase;
}
.form-select-multi .required-mark {
  position: absolute;
  margin-left: -9px;
}

.required-mark {
  color: #F60012 !important;
}

.form {
  max-width: 767px;
  margin: 0 auto 0px auto;
  display: block;
  position: relative;
}
.form.terms-modal {
  height: 100vh;
  background: #030C26;
  padding: 30px;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.form.terms-modal::-webkit-scrollbar {
  width: 0 !important;
}
.form.wide-modal {
  max-width: 1000px;
}
.form.license-modal {
  height: 100vh;
  max-width: 500px;
  background: #030C26;
  padding: 30px;
  overflow: auto;
}
.form.license-modal .license-modal-header {
  display: flex;
  margin-bottom: 25px;
}
.form.license-modal .license-modal-header .license-modal-title {
  font-size: 20px;
  font-weight: bold;
}
.form.license-modal .license-modal-header .license-modal-description {
  margin-bottom: 10px;
}
.form.license-modal .license-modal-header .close-button {
  margin-left: auto;
  margin-right: 0;
}
.form.license-modal .license-modal-header .close-button use {
  fill: #0288D1;
  --static-color: #0288D1;
}
.form.license-modal .license-software {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 4px;
  padding: 20px;
}
.form.license-modal .license-software .license-software-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.form.license-modal .license-software .license-name.license-MIT {
  color: #599518;
}
.form.license-modal .license-software .license-name.license-Apache-20 {
  color: #0288D1;
}
.form.license-modal .license-software .license-separator {
  font-size: 22px;
  font-weight: 900;
  margin: 0px 5px;
}
.form.license-modal .license-software .license-software-link {
  color: #0288D1;
}
.form.license-modal .license-software:not(:last-of-type) {
  margin-bottom: 15px;
}
.form .label-error {
  position: relative;
  color: #F60012;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  text-align: left;
}
.form .analysis-form {
  padding-top: 140px;
}
.form .header-create-case {
  font-size: 25px;
  font-weight: 500;
}
.form .margin-top-none {
  margin-top: 5px !important;
}
.form .label-margin {
  margin-left: 10px;
  margin-bottom: 0 !important;
}
.form .intro-parameters {
  text-align: center;
  margin: 50px 0;
  font-size: 24px;
  font-weight: 400;
}
.form .ng-dirty.ng-invalid > div.selectize-input {
  border-color: #9EA6BE;
}
.form .intro {
  margin: 55px 0;
  font-size: 18px;
  line-height: 35px;
  font-weight: 300;
}
.form .row {
  margin: 0 -10px;
}
.form .label {
  position: relative;
  color: #42A8FF;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  text-align: left;
}
.form .not-mandatory {
  color: #9EA6BE;
}
.form .btn {
  margin: 0 5px 60px 0px;
}
.form .missing-fields {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 91.66667%;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 16px;
  margin-bottom: 1rem;
}
.form .missing-fields-visit {
  padding-top: 1rem;
}
.form .missing-fields-create-case {
  padding-right: 0;
}
.form .missing-fields-edit-case {
  padding-bottom: 1rem;
}

.form-terms, .form-privacy-notice {
  padding-top: 200px;
}
@media screen and (max-width: 1024px) {
  .form-terms, .form-privacy-notice {
    padding: 200px 30px 0;
  }
}

.form-terms ul li:not(:first-of-type) {
  margin-top: 20px;
}
.form-terms ul.contract-content {
  list-style-type: none;
}
.form-terms ul.contract-content li {
  display: flex;
}
.form-terms ul.contract-content li .level-title {
  min-width: 40px;
}
.form-terms ul.contract-content li .level-title.level-1 {
  margin-left: 0px;
}
.form-terms ul.contract-content li .level-title.level-2 {
  margin-left: 40px;
}
.form-terms ul.contract-content li .level-title.level-3 {
  margin-left: 80px;
}
.form-terms ul.contract-content p {
  text-align: justify;
}

.form-card {
  background: #030C26;
}
.form-card .container {
  padding: 0 30px;
}
.form-card .card-title {
  background: #174CBF;
  margin-bottom: 60px;
}
.form-card .card-title p {
  font-size: 24px;
  display: inline-block;
  margin: 15px 0;
}

.input.date input {
  margin-top: 17px;
}
.input.date label {
  margin-top: 14px;
}

.input {
  position: relative;
  margin: 21px 10px 0px 10px;
  display: block;
}
.input input {
  padding: 10px 0;
  background: transparent;
  border-radius: 0px;
  border: none;
  border-bottom: 1px dashed #9EA6BE;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  z-index: 1;
  width: 100%;
  position: relative;
}
.input input:focus {
  outline: none;
}
.input label {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 10px;
  text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
  transition: all 0.3s ease-in-out;
  transform: translateY(0px);
  width: 100%;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}

.icon-radio-group {
  display: inline-block;
  overflow: visible;
  position: relative;
  margin-bottom: 60px;
  margin-top: 25px;
}
.icon-radio-group .divide {
  top: 15px;
  position: absolute;
  left: 72px;
}
.icon-radio-group input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.icon-radio-group label {
  color: white;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  border-radius: 50px;
  background: #353D51;
  height: 50px;
  width: 50px;
  transition: all 0.3s ease-in-out;
  margin: 0 15px;
}
.icon-radio-group label:hover {
  background: rgb(63.0858208955, 72.6082089552, 96.4141791045);
}
.icon-radio-group label svg {
  height: 100%;
}
.icon-radio-group label img {
  display: block;
  padding: 11px 0;
  margin: 0 auto;
}
.icon-radio-group label .option {
  position: absolute;
  color: #42A8FF;
  font-size: 13px;
  top: -20px;
  margin: auto auto auto 10px;
  width: 60px;
  font-weight: 400;
}
.icon-radio-group label .svg-icon {
  display: block;
  height: 100%;
}
.icon-radio-group input[type=radio]:checked + label {
  color: white;
  background: #42A8FF;
}
.radio-group, .radio {
  display: inline-block;
  overflow: visible;
  position: relative;
  margin: 0 10px 20px 10px;
}
.radio-group.inline-radio, .radio.inline-radio {
  display: flex;
}
.radio-group.inline-radio.no-bottom, .radio.inline-radio.no-bottom {
  margin-bottom: 0 !important;
}
.radio-group.inline-radio label, .radio.inline-radio label {
  width: auto;
}
.radio-group.inline-radio label:first-child, .radio.inline-radio label:first-child {
  margin-right: 30px;
}
.radio-group.inline-radio label.multi-inline, .radio.inline-radio label.multi-inline {
  margin-right: 30px;
}
.radio-group label, .radio label {
  display: block;
  position: relative;
  margin: 0;
  width: auto;
}
.radio-group label > input, .radio label > input {
  display: none;
}
.radio-group label > i, .radio label > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  border: 2px solid #FFFFFF;
  transition: 0.25s;
}
.radio-group label > i.input-error, .radio label > i.input-error {
  border: 2px solid #F60012;
}
.radio-group label > span, .radio label > span {
  padding-bottom: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: 100%;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
@media screen and (max-width: 320px) {
  .radio-group label > span, .radio label > span {
    padding: 0;
    margin-right: 10px;
  }
}
.radio-group label > input:checked + i, .radio-group label input.checked + i, .radio label > input:checked + i, .radio label input.checked + i {
  background: #174CBF;
  border: 2px solid #174CBF;
  cursor: initial;
}
.radio-group label > input:checked + i + span, .radio-group label input.checked + i + span, .radio label > input:checked + i + span, .radio label input.checked + i + span {
  cursor: initial;
}
.radio-group label > input[disabled], .radio label > input[disabled] {
  cursor: default;
}
.radio-group label > input[disabled] + i,
.radio-group label > input[disabled] + i + span, .radio label > input[disabled] + i,
.radio label > input[disabled] + i + span {
  opacity: 0.6;
  cursor: default;
}
.radio-group label.radio-arrow svg, .radio label.radio-arrow svg {
  transform: rotate(180deg);
}
.radio-group label.radio-arrow svg use:hover, .radio label.radio-arrow svg use:hover {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .radio-group label:hover, body.touched .radio label:hover {
  cursor: pointer;
}
body.touched .radio-group label > input:hover:not([disabled]) + i, body.touched .radio label > input:hover:not([disabled]) + i {
  background: #174CBF;
  box-shadow: inset 0 0 0 3px #000000;
}
body.touched .radio-group label > input:hover:checked + i, body.touched .radio label > input:hover:checked + i {
  box-shadow: none;
}

.is-editable.text-area {
  padding: 0;
}

.text-area {
  position: relative;
  padding: 0 10px;
}
.text-area textarea {
  padding: 10px;
  background: transparent;
  border-radius: 0px;
  border: 1px dashed #9EA6BE;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  min-height: 110px;
  position: relative;
  margin-top: 10px;
  font-weight: 400;
}
.text-area textarea:focus {
  outline: none;
}
.text-area label {
  display: inline-block;
  width: 100%;
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  left: 10px;
  top: 10px;
  text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
  transition: all 0.3s ease-in-out;
  transform: translateY(10px);
}
.text-area label {
  transform: translateY(0px);
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
}
.text-area label.edit-label {
  border-bottom: 1px solid #353D51;
  padding-bottom: 10px;
  left: 0;
  position: relative;
}
.text-area textarea[type=text]:focus ~ label {
  transform: translateY(-30px);
  color: #42A8FF;
  font-size: 14px;
  font-weight: 400;
}
.text-area textarea[type=text]:valid ~ label {
  transform: translateY(-30px);
  color: #42A8FF;
  font-size: 14px;
  font-weight: 400;
}

.dropdown {
  padding: 0 10px;
  position: relative;
  top: 2px;
}

.dropdown-nav {
  padding: 0;
  top: 2px;
}

.editable-ui-select {
  width: 100%;
}
.editable-ui-select .ui-select-choices-row-inner {
  white-space: nowrap;
}
.editable-ui-select .ui-select-container {
  width: 100%;
}
.editable-ui-select .ui-select-container .selectize-input {
  height: 30px;
  padding: 0;
  padding-bottom: 5px;
}

.editable-controls input[type=text], .editable-controls input[ui-date] {
  background: none;
  border: none;
  border-bottom: 1px dashed #9EA6BE;
  padding: 0;
  border-radius: 0;
  height: auto;
  padding-bottom: 10px;
  font-size: 16px;
}
.editable-controls img.ui-datepicker-trigger {
  height: 20px;
  width: 20px;
}
.time-selection {
  border-bottom: 1px dashed #9EA6BE;
}
.time-selection input {
  border: none;
  background: transparent;
  width: 4rem;
  color: #FFFFFF;
  outline: none;
  padding: 0 2px;
  height: 30px;
  margin-bottom: 0;
  font-size: 16px;
}
.time-selection input:focus {
  outline: none;
  border: none;
}
.time-selection .hour {
  text-align: right;
}
.levels-up-border {
  border-bottom: 1px dashed #353D51;
  margin-top: -4px;
}

input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], select {
  height: 38px;
  padding: 6px 0px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  margin-bottom: 50px;
  width: 100%;
  border-radius: 0;
  color: #FFFFFF;
}
input[type=email][disabled], input[type=email]:disabled, input[type=number][disabled], input[type=number]:disabled, input[type=search][disabled], input[type=search]:disabled, input[type=text][disabled], input[type=text]:disabled, input[type=tel][disabled], input[type=tel]:disabled, input[type=url][disabled], input[type=url]:disabled, input[type=password][disabled], input[type=password]:disabled, select[disabled], select:disabled {
  opacity: 0.6;
}

textarea {
  width: 100%;
  border: 1px dashed #9EA6BE;
  padding: 6px 10px;
  min-height: 180px;
  background: transparent;
  box-shadow: none;
  margin-bottom: 50px;
  border-radius: 0;
}

select {
  border: 0;
  border-radius: 0;
  border-bottom: 1px dashed #596076;
  border-image: none;
}

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  margin-top: -51px;
  /* background: #ffffff; */
  padding: 0;
  border: 1px solid #FFFFFF;
}

a.ui-select-choices-row-inner {
  padding: 6px;
  border-bottom: 1px dashed #FFFFFF;
  display: block;
}
a.ui-select-choices-row-inner:hover {
  background: #42A8FF;
}

.ui-select-bootstrap .ui-select-toggle, .ui-select-search:active {
  background: transparent;
  border: transparent;
  position: relative;
  border-bottom: 1px dashed #9EA6BE;
  border-radius: 0;
  padding: 6px 0;
}

.ui-select-bootstrap.dropdown {
  padding: 0;
  margin-bottom: 50px;
}

.form-control:focus,
.form-control:active {
  border-bottom: 1px dashed #9EA6BE;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  box-shadow: none;
  color: white;
  background-color: #030C26;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #9EA6BE transparent transparent transparent;
}

.ui-select-bootstrap .ui-select-toggle:active, .ui-select-bootstrap .ui-select-toggle[disabled]:hover, .ui-select-bootstrap .ui-select-toggle[disabled]:focus {
  background: transparent !important;
  height: 36px;
}

.ui-select-bootstrap .ui-select-match-text {
  font-size: 16px;
  color: #FFFFFF;
}

.ui-select-bootstrap .ui-select-match:active {
  margin-top: -1px;
  margin-bottom: 3px;
}

.ui-select-bootstrap .ui-select-placeholder {
  font-size: 15px;
  text-transform: none;
  margin-top: 1px;
  margin-bottom: -1px;
}

input[type=search].ui-select-search {
  margin-bottom: 0;
  height: 36px;
  padding-top: 5px;
  padding-bottom: 7px;
}

.ui-select-bootstrap ::placeholder {
  color: #9EA6BE;
}

.form-horizontal .form-control {
  padding: 0.8em 0 0.8em 1em;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(215, 215, 215, 0.5);
  -moz-box-shadow: inset 0 2px 0 0 rgba(215, 215, 215, 0.5);
  box-shadow: inset 0 2px 0 0 rgba(215, 215, 215, 0.5);
  border: solid 1px #FFFFFF;
  color: #9EA6BE;
}

.form-horizontal .input-125 input[name=patientWeight]:valid + span {
  visibility: hidden;
}
.form-horizontal .input-125 input[name=patientHeight]:valid + span {
  visibility: hidden;
}
.form-horizontal .input-125 .error {
  color: #F60012;
  font-size: small;
}

.btn-default-focus {
  padding: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
}

.ui-select-bootstrap .btn {
  margin: 0;
  padding: 6px 0;
  letter-spacing: initial;
  font-family: "Roboto";
  display: block;
  height: 36px;
}

p.form-error {
  width: 100%;
  color: #F60012;
  position: relative;
  top: -20px;
  margin-top: -17px;
  font-size: 12px;
  font-weight: 400;
}

/* Change autocomplete styles in WebKit  */
input:-webkit-autofill,
body.touched input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
body.touched textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
body.touched select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  border-bottom: 2px solid #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0px 1000px #030C26 inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Change autocomplete styles in WebKit for Profile / Login-Page */
.login input:-webkit-autofill,
body.touched .login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus .login input:-webkit-autofill,
.login textarea:-webkit-autofill,
body.touched .login textarea:-webkit-autofill:hover .login textarea:-webkit-autofill:focus,
.login select:-webkit-autofill,
body.touched .login select:-webkit-autofill:hover,
.login select:-webkit-autofill:focus,
.profile input:-webkit-autofill,
body.touched .profile input:-webkit-autofill:hover,
.profile input:-webkit-autofill:focus .profile input:-webkit-autofill,
.profile textarea:-webkit-autofill,
body.touched .profile textarea:-webkit-autofill:hover .profile textarea:-webkit-autofill:focus,
.profile select:-webkit-autofill,
body.touched .profile select:-webkit-autofill:hover,
.profile select:-webkit-autofill:focus {
  border: 0;
  border-bottom: 1px dashed #9EA6BE;
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

label.btn.title-radio {
  border: 1px solid;
  width: auto;
  min-width: 60px;
  height: 60px;
  margin: 10px 10px 0;
  padding-top: 20px;
}
label.btn.title-radio:hover {
  color: #FFFFFF;
  border: 1px solid;
  opacity: 1;
  background: #081334;
}

label.btn.title-radio.active {
  border: 1px solid;
  width: auto;
  min-width: 60px;
  height: 60px;
  margin: 10px 10px 20px;
  padding-top: 20px;
  background: #42A8FF;
}

label.long-title-radio {
  width: max-content !important;
  width: -moz-max-content !important;
  width: -webkit-max-content !important;
  min-width: 60px;
  margin: 10px 10px 0;
  padding-top: 20px;
}
label.long-title-radio:hover {
  color: #FFFFFF;
}

label.long-title-radio.active {
  width: max-content !important;
  width: -moz-max-content !important;
  width: -webkit-max-content !important;
  min-width: 60px;
  margin: 10px 10px 20px;
  padding-top: 20px;
  background: #42A8FF;
}

.form-horizontal input[type=radio] + label:last-child {
  margin-bottom: 0;
}

.radio {
  border-bottom: dashed 1px #353D51;
  padding: 1em 0px;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  margin-left: 0.5em;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  min-height: 27px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.radio:before {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  content: "";
  float: left;
}
.radio input[type=radio] {
  margin-right: 0.5em;
  margin-top: 2px;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio] {
  float: left;
  margin-left: -20px;
}
.radio input[type=radio] {
  margin: 4px 0 0;
  line-height: normal;
}
.radio label {
  color: #FFFFFF;
}
.radio label strong, .radio label p {
  margin-left: 10px;
}
.radio input[type=radio] + label:last-child {
  margin-bottom: 0;
}
.radio input[type=radio] + label {
  display: block;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
  padding: 0;
  letter-spacing: 0.3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #FFFFFF;
}
.radio input[type=radio] + label:before {
  margin-left: 0.5em;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  margin: 0;
  opacity: 1;
  -webkit-transition: all 80ms;
  -moz-transition: all 80ms;
  -o-transition: all 80ms;
  transition: all 80ms;
  display: block;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: #000000;
}
.radio input[type=radio]:checked + label:before {
  display: block;
  background-color: #174CBF;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  background-color: #174CBF;
}

.ui-select-bootstrap .ui-select-choices-row > a {
  height: 28px;
  padding: 3px 8px 7px 8px;
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #FFFFFF;
  white-space: nowrap;
  border: 0;
  background: #081334;
  font-size: 16px;
}
.ui-select-bootstrap .ui-select-choices-row > a:hover {
  background: #174CBF;
  color: #FFFFFF;
}

.ui-select-bootstrap .ui-select-choices-row.active > a:hover {
  background: #174CBF;
  color: #FFFFFF;
}

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  margin-top: 1.5px;
  background: transparent;
  padding: 0;
  border: 0;
}

.ui-select-bootstrap * {
  transition: none;
}

ul.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
  background: #081334;
  color: #FFFFFF;
  border-radius: 0;
}

.ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control.ng-dirty.ng-touched.open.ng-valid.ng-valid-required {
  background: #081334;
  border: 0;
  border-bottom: 1px dashed #9EA6BE;
  border-radius: 0;
}

.form-horizontal .form-control {
  padding-bottom: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px dashed #9EA6BE;
  margin-bottom: 50px;
  color: #FFFFFF;
  height: auto;
  padding: 0;
}

span.ui-select-match-item.btn.btn-default.btn-xs {
  width: auto;
  background: transparent;
  color: #FFFFFF;
  display: inline-block;
  padding: 10px 15px;
  margin-top: 10px;
}
span.ui-select-match-item.btn.btn-default.btn-xs:hover, span.ui-select-match-item.btn.btn-default.btn-xs:focus {
  border: 1px solid #FFFFFF;
}
span.ui-select-match-item.btn.btn-default.btn-xs:visited, span.ui-select-match-item.btn.btn-default.btn-xs:active {
  border: 1px solid #9EA6BE;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
  color: #FFFFFF;
  opacity: 1;
}

/**
* NAVBAR - GLOBAL
*/
nav.nav-unid {
  padding: 20px;
  height: 80px !important;
}
@media (max-width: 1024px) {
  nav.nav-unid {
    padding: 15px;
    height: 70px;
  }
}
@media (min-width: 768px) {
  nav.nav-unid .left-nav {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    width: 127px;
    transition: all ease-in 0.2s;
    animation-delay: 0.2s;
  }
  nav.nav-unid .left-nav.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
  }
  nav.nav-unid .left-nav.open span:nth-child(2) {
    transform: rotate(45deg);
  }
  nav.nav-unid .left-nav.open span:nth-child(3) {
    transform: rotate(-45deg);
  }
  nav.nav-unid .left-nav.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
  }
  nav.nav-unid .navbar-toggler {
    border: none;
    padding: 0;
    margin-bottom: 5px;
    border-radius: 0;
    -webkit-appearance: none;
    z-index: 101;
    position: relative;
    width: 24px;
    height: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    display: inherit;
  }
  nav.nav-unid .navbar-toggler span:nth-child(1) {
    top: 0;
  }
  nav.nav-unid .navbar-toggler span:nth-child(2) {
    top: 9px;
  }
  nav.nav-unid .navbar-toggler span:nth-child(3) {
    top: 9px;
  }
  nav.nav-unid .navbar-toggler span:nth-child(4) {
    top: 18px;
  }
  nav.nav-unid .navbar-toggler span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFFFFF;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
  }
  nav.nav-unid .navbar-toggler:hover span {
    background: #42A8FF;
  }
}
nav.nav-unid .logo {
  border-right: 2px solid #596076;
  z-index: 101;
}
nav.nav-unid .logo-big {
  border-right: 2px solid #596076;
  margin-left: -90px;
  z-index: 101;
}
nav.nav-unid ul {
  padding: 0;
  margin: auto 0;
  height: 80px;
  opacity: 1;
  position: relative;
  transition: all ease-in 0.2s;
  width: 100%;
  min-width: 64px;
  padding-left: 10px !important;
}
@media screen and (max-width: 1024px) {
  nav.nav-unid ul {
    transition: all ease-in 0.2s;
  }
}
nav.nav-unid ul li {
  letter-spacing: 0.3px;
  line-height: 21px;
  text-transform: uppercase;
  list-style: none;
}
@media (max-width: 768px) {
  nav.nav-unid ul li {
    font-size: 14px;
  }
}
nav.nav-unid ul li img {
  margin: 0 0 0 5px;
}
nav.nav-unid ul li a {
  font-size: 16px;
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0;
}
nav.nav-unid ul li a.nav-link {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
nav.nav-unid ul li a.active {
  cursor: default;
}
nav.nav-unid ul li a.active:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
nav.nav-unid ul li a.rotate::after {
  width: 90%;
}
nav.nav-unid ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
}
nav.nav-unid ul li a.navmenu-item::after {
  background: transparent;
}
body.touched nav.nav-unid ul li a:hover:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
body.touched nav.nav-unid ul li a :hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
nav.nav-unid ul li:not(:last-child) .nav-link {
  margin: 0 15px;
}
@media (max-width: 1024px) {
  nav.nav-unid ul li:not(:last-child) .nav-link {
    margin: 0 12px;
  }
}
nav.nav-unid ul li:last-child .nav-link {
  margin: 0 0 0 15px;
}
@media (max-width: 1024px) {
  nav.nav-unid ul li:last-child .nav-link {
    margin: 0 0 0 12px;
  }
}
nav.nav-unid ul .dropdown {
  padding: 0;
  position: relative;
  top: 0;
}
body.touched nav.nav-unid ul .dropdown:hover i.rotate-down, body.touched nav.nav-unid ul .dropdown:hover i.rotate-up {
  color: #42A8FF;
}
nav.nav-unid ul .dropdown .rotate-up {
  transform: rotate(-180deg);
}
nav.nav-unid ul .dropdown .rotate-down {
  transform: rotate(0deg);
}
nav.nav-unid ul .dropdown .dropdown-profile li {
  margin: 0;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}
nav.nav-unid ul .dropdown .dropdown-profile li:first-child a {
  padding-top: 10px;
}
nav.nav-unid ul .dropdown .dropdown-profile li:last-child {
  margin-top: 5px;
}
nav.nav-unid ul .dropdown .dropdown-profile li:last-child a {
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
}
nav.nav-unid ul .dropdown .dropdown-profile li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
  bottom: -1px;
  transition: 0.25s ease-in;
  opacity: 1;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile li:hover:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile li:hover {
  background: #174CBF;
  transition: 0.2s ease;
}
nav.nav-unid ul .dropdown .dropdown-profile li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  display: block;
  text-decoration: none;
  width: 100%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
nav.nav-unid ul .dropdown .dropdown-profile li a:after {
  display: none;
}
nav.nav-unid ul .dropdown .dropdown-profile li a.active {
  border: 0;
  font-weight: 500;
}
nav.nav-unid ul .dropdown .dropdown-profile li a.active:after {
  opacity: 0;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile li a.active:hover:after {
  opacity: 1;
}
nav.nav-unid ul .dropdown .dropdown-profile li a svg {
  margin-right: 10px;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile li a svg:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li {
  margin: 0;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li:first-child a {
  padding-top: 10px;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
  bottom: -1px;
  transition: 0.25s ease-in;
  opacity: 1;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile-cmp li:hover:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile-cmp li:hover {
  background: #174CBF;
  transition: 0.2s ease;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  display: block;
  text-decoration: none;
  width: 100%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li a:after {
  display: none;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li a.active {
  border: 0;
  font-weight: 500;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li a.active:after {
  opacity: 0;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile-cmp li a.active:hover:after {
  opacity: 1;
}
nav.nav-unid ul .dropdown .dropdown-profile-cmp li a svg {
  margin-right: 10px;
}
body.touched nav.nav-unid ul .dropdown .dropdown-profile-cmp li a svg:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
nav.nav-unid ul .dropdown .dropdown-menu {
  left: 14px;
  background-color: #596076;
  list-style: none;
  min-width: 120px;
  width: calc(100% - 36px);
  height: auto;
  border-radius: 0;
  padding: 0px 0px;
  margin-top: 9px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  z-index: 999;
}
nav.nav-unid ul .dropdown .dropdown-menu.display-fr {
  width: auto;
  min-width: calc(100% - 36px);
}
@media only screen and (max-width: 1024px) {
  nav.nav-unid ul .dropdown .dropdown-menu {
    width: 150px;
    margin-left: -45px;
  }
}
nav.nav-unid, nav.unid-mobile {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
  background-color: #030C26;
  transition: all 0.7s;
  margin: 0;
  transform: translate3d(0, 0, 0);
}
nav.nav-unid .logo, nav.unid-mobile .logo {
  margin: 0;
  width: 145px;
  padding: 0 15px 0 0;
  transition: all ease-in;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  nav.nav-unid .logo, nav.unid-mobile .logo {
    transition: all ease-in 0.2s;
  }
}
nav.nav-unid .logo svg, nav.unid-mobile .logo svg {
  width: 100%;
}
nav.nav-unid .logo + div, nav.unid-mobile .logo + div {
  padding: 0;
  width: auto;
}
nav.nav-unid .logo + div.toggled-width, nav.unid-mobile .logo + div.toggled-width {
  width: 12px;
  content: "";
}
nav.nav-unid .logo + div.toggled-width .navbar-nav, nav.unid-mobile .logo + div.toggled-width .navbar-nav {
  width: 0;
  opacity: 0;
  overflow: hidden;
  transition: all ease-in 0.2s;
}
nav.nav-unid .logo + div.toggled-width .navbar-nav .tooltip-wrapper, nav.unid-mobile .logo + div.toggled-width .navbar-nav .tooltip-wrapper {
  opacity: 0;
  display: block;
}
nav.nav-unid .logo a, nav.unid-mobile .logo a {
  display: block;
  margin-top: 1px;
}
nav.nav-unid .logo use, nav.unid-mobile .logo use {
  transition: all 0.3s ease-in-out;
  fill: #FFFFFF;
  color: transparent;
  --static-color: #FFFFFF;
}
body.touched nav.nav-unid .logo:hover use, body.touched nav.unid-mobile .logo:hover use {
  fill: #42A8FF;
  color: transparent;
  --static-color: #42A8FF;
}
@media (max-width: 1024px) {
  nav.nav-unid .logo, nav.unid-mobile .logo {
    width: 108px;
  }
}
@media (max-width: 767px) {
  nav.nav-unid .logo, nav.unid-mobile .logo {
    width: 88px;
    margin: 0 15px 0;
    height: 31px;
  }
}
nav.nav-unid .create, nav.unid-mobile .create {
  padding: 0;
}
nav.nav-unid .create use, nav.unid-mobile .create use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched nav.nav-unid .create:hover use, body.touched nav.unid-mobile .create:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
nav.nav-unid .right-nav, nav.unid-mobile .right-nav {
  max-width: 650px;
  margin-left: auto;
}
nav.nav-unid .right-nav .menu, nav.unid-mobile .right-nav .menu {
  text-align: left;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  width: 200px;
  padding: 10px 20px;
  border-radius: 20px 0 20px 20px;
  position: absolute;
  top: 150%;
  right: 0;
  animation: 0.3s fadeCustIn;
  -webkit-animation: 0.3s fadeCustIn;
  animation-fill-mode: both;
}
nav.nav-unid .right-nav .menu a, nav.unid-mobile .right-nav .menu a {
  color: #000000;
  margin: 5px 0;
}
@keyframes fadeCustIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease-in 3s;
  }
}
@media (max-width: 767px) {
  nav.nav-unid .right-nav .menu, nav.unid-mobile .right-nav .menu {
    top: 100%;
  }
}
nav.nav-unid .right-nav .active-status use, nav.unid-mobile .right-nav .active-status use {
  fill: #599518 !important;
  --static-color: #599518 !important;
}
nav.nav-unid .right-nav .away-status use, nav.unid-mobile .right-nav .away-status use {
  fill: #FFAD00 !important;
  --static-color: #FFAD00 !important;
}
nav.nav-unid .right-nav .offline-status use, nav.unid-mobile .right-nav .offline-status use {
  fill: #CDD2E2 !important;
  --static-color: #CDD2E2 !important;
}
nav.nav-unid .right-nav .outOfOffice-status use, nav.unid-mobile .right-nav .outOfOffice-status use {
  fill: #E5057F !important;
  --static-color: #E5057F !important;
}
nav.nav-unid .right-nav .btn.blue, nav.unid-mobile .right-nav .btn.blue {
  flex: 0 0 auto;
  position: relative;
  padding: 10px;
  border-radius: 100% 0% 100% 100%;
  min-width: initial;
  line-height: 0;
  transition: all 0.3s ease-in-out;
}
nav.nav-unid .right-nav .btn.blue svg, nav.unid-mobile .right-nav .btn.blue svg {
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg);
}
nav.nav-unid .right-nav .btn.blue svg use:hover, nav.unid-mobile .right-nav .btn.blue svg use:hover {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
nav.nav-unid .right-nav .btn.blue.rotate, nav.unid-mobile .right-nav .btn.blue.rotate {
  transform: rotate(90deg);
}
nav.nav-unid .right-nav .btn.blue.rotate svg, nav.unid-mobile .right-nav .btn.blue.rotate svg {
  transform: rotate(90deg);
}
nav.nav-unid .right-nav .dropdown, nav.unid-mobile .right-nav .dropdown {
  padding: 0;
  position: relative;
  top: 0;
}
nav.nav-unid .right-nav .dropdown .status-icon, nav.unid-mobile .right-nav .dropdown .status-icon {
  position: relative;
  bottom: 3px;
}
body.touched nav.nav-unid .right-nav .dropdown:hover i.rotate-down, body.touched nav.nav-unid .right-nav .dropdown:hover i.rotate-up, body.touched nav.unid-mobile .right-nav .dropdown:hover i.rotate-down, body.touched nav.unid-mobile .right-nav .dropdown:hover i.rotate-up {
  color: #0F7AD6;
}
nav.nav-unid .right-nav .dropdown .rotate-up, nav.unid-mobile .right-nav .dropdown .rotate-up {
  transform: rotate(-180deg);
}
nav.nav-unid .right-nav .dropdown .rotate-down, nav.unid-mobile .right-nav .dropdown .rotate-down {
  transform: rotate(0deg);
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk, nav.unid-mobile .right-nav .dropdown .dropdown-wrk {
  min-width: 170px !important;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li {
  margin: 0;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li:first-child a, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li:first-child a {
  padding-top: 10px;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li:after, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
  bottom: -1px;
  transition: 0.25s ease-in;
  opacity: 1;
}
body.touched nav.nav-unid .right-nav .dropdown .dropdown-wrk li:hover:after, body.touched nav.unid-mobile .right-nav .dropdown .dropdown-wrk li:hover:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
body.touched nav.nav-unid .right-nav .dropdown .dropdown-wrk li:hover, body.touched nav.unid-mobile .right-nav .dropdown .dropdown-wrk li:hover {
  background: #174CBF;
  transition: 0.2s ease;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li a, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  display: block;
  text-decoration: none;
  width: 100%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li a:after, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a:after {
  display: none;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li a.active, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a.active {
  border: 0;
  font-weight: 500;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li a.active:after, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a.active:after {
  opacity: 0;
}
body.touched nav.nav-unid .right-nav .dropdown .dropdown-wrk li a.active:hover:after, body.touched nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a.active:hover:after {
  opacity: 1;
}
nav.nav-unid .right-nav .dropdown .dropdown-wrk li a svg, nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a svg {
  margin-right: 10px;
}
body.touched nav.nav-unid .right-nav .dropdown .dropdown-wrk li a svg:hover use, body.touched nav.unid-mobile .right-nav .dropdown .dropdown-wrk li a svg:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
nav.nav-unid .right-nav .dropdown .dropdown-menu, nav.unid-mobile .right-nav .dropdown .dropdown-menu {
  left: 14px;
  margin-left: -75px;
  background-color: #596076;
  list-style: none;
  min-width: 120px;
  width: calc(100% - 36px);
  height: auto;
  border-radius: 0;
  padding: 0px 0px;
  margin-top: 2px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  z-index: 999;
  position: absolute;
}
nav.nav-unid .right-nav .dropdown .dropdown-menu li span, nav.unid-mobile .right-nav .dropdown .dropdown-menu li span {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  display: block;
  color: #FFFFFF;
}
nav.nav-unid .right-nav .dropdown .dropdown-menu.display-fr, nav.unid-mobile .right-nav .dropdown .dropdown-menu.display-fr {
  width: auto;
  min-width: calc(100% - 36px);
}
@media only screen and (max-width: 1024px) {
  nav.nav-unid .right-nav .dropdown .dropdown-menu, nav.unid-mobile .right-nav .dropdown .dropdown-menu {
    width: 150px;
    margin-left: -120px;
  }
}
nav.scrollUp {
  transform: translateY(-100%);
}
nav .submenu {
  padding-left: 20px;
}

/**
* NAVBAR - SLIDE MOBILE
*/
.stacked-view-mobile-search-bar {
  background-color: #030C26;
  z-index: 9993;
  height: 100%;
  width: 100%;
  position: fixed;
}
.stacked-view-mobile-search-bar .search-bar-wrapper-background {
  height: 44px;
  width: 100%;
  background-color: #030C26;
  padding: 5px;
  display: flex;
  flex-direction: row;
}
.stacked-view-mobile-search-bar .search-bar-mobile-wrapper {
  height: 34px;
  width: 80%;
  border: 2px solid;
  border-color: #42A8FF;
  border-radius: 17px;
  padding: 3px 5px 0px 5px;
  display: flex;
  flex-direction: row;
}
.stacked-view-mobile-search-bar .spacer {
  margin-left: 10px;
}
.stacked-view-mobile-search-bar .search-input-mobile {
  border: none;
  height: 25px;
}
.stacked-view-mobile-search-bar .close-mobile::placeholder {
  color: #FFFFFF;
}
.stacked-view-mobile-search-bar .search-menu-item {
  margin: 5px;
}
.stacked-view-mobile-search-bar .search-menu-item-title {
  color: #42A8FF;
}

nav.unid-mobile {
  padding: 0 10px 0 15px;
  height: 54px;
}
nav.unid-mobile .app-back {
  border: 0;
  border: 0;
  outline: 0;
  padding: 0;
  margin-right: 15px;
  cursor: pointer;
}
nav.unid-mobile .left-nav {
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  width: 127px;
  transition: all ease-in 0.2s;
  animation-delay: 0.2s;
}
nav.unid-mobile .left-nav.open .logo {
  pointer-events: none;
}
body.touched nav.unid-mobile .left-nav.open .logo:hover use {
  fill: #FFFFFF;
  color: transparent;
  --static-color: #FFFFFF;
}
nav.unid-mobile .left-nav.open .navbar-toggler span {
  border-radius: 9px;
}
nav.unid-mobile .left-nav.open .navbar-toggler span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}
nav.unid-mobile .left-nav.open .navbar-toggler span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
nav.unid-mobile .left-nav.open .navbar-toggler span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
nav.unid-mobile .left-nav.open .navbar-toggler span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}
nav.unid-mobile .left-nav .navbar-toggler {
  border: none;
  padding: 0;
  border-radius: 0;
  -webkit-appearance: none;
  z-index: 101;
  position: relative;
  width: 24px;
  height: 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}
nav.unid-mobile .left-nav .navbar-toggler .logo {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
body.touched nav.unid-mobile .left-nav .navbar-toggler:hover span {
  background: #42A8FF;
}
nav.unid-mobile .left-nav .navbar-toggler span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #FFFFFF;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
nav.unid-mobile .left-nav .navbar-toggler span:nth-child(1) {
  top: 0px;
}
nav.unid-mobile .left-nav .navbar-toggler span:nth-child(2), nav.unid-mobile .left-nav .navbar-toggler span:nth-child(3) {
  top: 9px;
}
nav.unid-mobile .left-nav .navbar-toggler span:nth-child(4) {
  top: 18px;
}
body.touched nav.unid-mobile .left-nav .navbar-toggler:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
nav.unid-mobile .left-nav .logo {
  height: 22px;
  width: 60px;
  position: relative;
  margin: 0 0 0 15px;
  display: flex;
  align-items: center;
  padding: 0;
}
nav.unid-mobile .left-nav .logo svg {
  z-index: 101;
}
nav.unid-mobile .right-nav {
  padding: 0;
  float: right;
  text-align: right;
  display: flex;
  align-items: center;
  height: 100%;
  animation-delay: 0.1s;
  width: 100%;
}
nav.unid-mobile.toggled-width .left-nav {
  width: 45px;
}
nav.unid-mobile.toggled-width .left-nav .logo {
  width: 0;
  opacity: 0;
  overflow: hidden;
  transition: all ease-in 0.2s;
}
nav.unid-mobile a.nav-link {
  padding: 0;
  margin: 0;
  display: inline-block;
}
nav.unid-mobile ul li a::after {
  content: none;
}
nav .slide-menu {
  overflow: scroll;
  position: fixed;
  display: flex;
  flex-direction: column;
  transition: all ease-in 0.3s;
  background: #030C26;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: -275px;
  z-index: 100;
  width: 275px;
  -webkit-overflow-scrolling: touch;
}
nav .slide-menu::-webkit-scrollbar {
  display: none;
}
nav .slide-menu > .slide-profile {
  height: auto;
  background: #353D51;
  padding: 55px 0 0;
  width: 275px;
  z-index: 99;
}
nav .slide-menu > .slide-profile:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #030C26;
  position: absolute;
}
@media only screen and (min-width: 1024px) {
  nav .slide-menu > .slide-profile:before {
    top: 65px;
  }
}
@media only screen and (max-width: 1024px) {
  nav .slide-menu > .slide-profile:before {
    top: 54px;
  }
}
nav .slide-menu > .slide-profile .profile-container {
  padding: 10px 10px 10px 20px;
  width: 100%;
  min-height: 89px;
  display: flex;
  align-items: center;
}
nav .slide-menu > .slide-profile .profile-container.prevent-click {
  pointer-events: none;
}
nav .slide-menu > .slide-profile .profile-container .profile-image {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.15), 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}
nav .slide-menu > .slide-profile .profile-container .name {
  width: auto;
}
nav .slide-menu > .slide-profile .profile-container .name p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
  padding-left: 15px;
}
nav .slide-menu > .slide-profile .profile-container .name p:first-child {
  margin-bottom: 15px;
}
nav .slide-menu > .menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
body.touched nav .slide-menu > .menu:hover::-webkit-scrollbar {
  display: block;
  width: 5px;
  z-index: 10;
}
body.touched nav .slide-menu > .menu:hover::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
body.touched nav .slide-menu > .menu:hover::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched body.touched nav .slide-menu > .menu:hover::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
body.touched nav .slide-menu > .menu:hover::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
nav .slide-menu > .menu::-webkit-scrollbar {
  display: none;
}
nav .slide-menu > .menu li {
  position: relative;
  width: 100%;
  position: relative;
  cursor: pointer;
}
nav .slide-menu > .menu li:not(:last-child) {
  border-bottom: 1px solid #353D51;
}
body.touched nav .slide-menu > .menu li:hover {
  background-color: #353D51;
}
nav .slide-menu > .menu li.submenu {
  padding-left: 20px;
}
nav .slide-menu > .menu li.active > a {
  cursor: default;
}
nav .slide-menu > .menu li.active > a > span {
  border-bottom: 2px solid #42A8FF;
  font-weight: bold;
}
body.touched nav .slide-menu > .menu li.active:hover {
  background-color: transparent;
}
nav .slide-menu > .menu li > a {
  width: 250px;
  height: 100%;
  padding: 15px 20px;
}
nav .slide-menu > .menu li > a > span {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-transform: capitalize;
}
nav .slide-menu > .align-end {
  margin: 0;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  height: 65px;
  position: relative;
  margin-top: auto;
  bottom: 0;
  width: 100%;
  background: #353D51;
  cursor: pointer;
  transition: all ease 0.2s;
}
@media only screen and (orientation: landscape) {
  nav .slide-menu > .align-end {
    position: relative;
  }
}
body.touched nav .slide-menu > .align-end:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched nav .slide-menu > .align-end:hover .nav-link {
  color: #42A8FF;
}
nav .slide-menu > .align-end .nav-link {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  padding: 0 10px;
  transition: none;
}
nav {
  /* Slide Left  */
}
nav .slide-left {
  z-index: 100;
  left: 0;
}
nav .slide-left ~ .mdl-layout__obfuscator {
  opacity: 0.75;
  background-color: #353D51;
  visibility: visible;
  z-index: 99;
}
nav .mdl-layout__obfuscator {
  background-color: transparent;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-overflow-scrolling: auto;
}

/**
* NAVBAR - SEARCH
*/
.btn-search {
  outline: none;
  border: 0;
}

.search-bar-holder.active {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 250px;
}
.search-bar-holder .search-patients-title {
  color: #42A8FF;
}
.search-bar-holder .search-cases-title {
  color: #42A8FF;
  padding-top: 10px;
}
.search-bar-holder .search-cases {
  padding-top: 10px;
  width: 100%;
}
.search-bar-holder .search-patients {
  width: 100%;
}
.search-bar-holder .dropdown-search-bar {
  display: flex;
  flex-direction: column;
  background-color: #030C26;
  top: 20px;
  position: absolute;
  align-items: start;
  z-index: -1;
  padding: 22px 5px 5px 5px;
  border: 2px solid #9EA6BE;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 17px 17px;
  width: 100%;
  cursor: pointer;
}

.search-wrapper {
  max-width: 250px;
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
}

.search-bar-wrapper {
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  -o-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
}
.search-bar-wrapper.active {
  width: calc(100% - 260px);
  width: -webkit-calc(100% - 260px);
  width: -moz-calc(100% - 260px);
  width: 250px;
  max-width: 250px;
  border: 2px solid #9EA6BE;
  border-radius: 17px;
}
.search-bar-wrapper.active:focus-within {
  border: 2px solid #42A8FF;
}
.search-bar-wrapper.active .input-holder {
  width: 100%;
  height: 100%;
}
.search-bar-wrapper.active .input-holder .search-input {
  max-width: calc(100% - 80px);
  opacity: 1;
}
.search-bar-wrapper.active .input-holder .search-input::placeholder {
  color: #9EA6BE;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 30px;
}
.search-bar-wrapper.active .input-holder .search-icon {
  margin: 5px 10px;
}
body.touched .search-bar-wrapper.active .input-holder .search-icon:disabled:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.search-bar-wrapper.active .close {
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin-right: 10px;
  opacity: 1;
  visibility: visible;
}
.search-bar-wrapper.active .close svg {
  margin-top: 15%;
}
.search-bar-wrapper.active .close svg use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .search-bar-wrapper.active .close:hover {
  opacity: 1;
}
body.touched .search-bar-wrapper.active .close:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.search-bar-wrapper .input-holder {
  height: 24px;
  width: 24px;
  overflow: visible;
  background: rgba(255, 255, 255, 0);
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.search-bar-wrapper .input-holder .search-input {
  max-width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background: transparent;
  box-sizing: border-box;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 34px;
}
.search-bar-wrapper .input-holder .search-icon {
  width: 24px;
  height: 24px;
  border: none;
  padding: 0px;
  outline: none;
  position: relative;
  z-index: 2;
  float: right;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
body.touched .search-bar-wrapper .input-holder .search-icon:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.search-bar-wrapper .close {
  z-index: 1;
  position: absolute;
  right: 2px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}

/**
* NAVBAR - POPOVERS
*/
.btn-popover {
  cursor: pointer;
  margin: 0 25px 0 30px;
  padding: 0;
  max-width: 24px;
  display: block;
}
@media (max-width: 1024px) {
  .btn-popover {
    margin: 0 20px 0 25px;
    padding: 0;
  }
}
@media (max-width: 350px) {
  .btn-popover {
    margin: 0 10px 0 15px;
    padding: 0;
  }
}
.btn-popover .unread-dot {
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 5px;
  border-radius: 100%;
  background: #F60012;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-content: center;
  text-align: center;
  min-width: 22px;
}
.btn-popover .unread-dot span {
  width: 100%;
}
.btn-popover.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.btn-popover.active .unread-dot {
  background: #F60012;
}
body.touched .btn-popover:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .btn-popover:hover .unread-dot {
  background: #F60012;
}
body.touched .btn-popover:hover.active use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .btn-popover:hover.active .unread-dot {
  background: #F60012;
}

.btn-popover-table {
  cursor: pointer;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  white-space: normal;
}

/* Global Popover */
.notification-popover, .help-popover, .table-popover {
  background-color: #FFFFFF;
  cursor: pointer;
  z-index: 999999;
  max-height: 675px;
  border-radius: 10px;
  padding: 0 0 8px;
  margin-top: 12px;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .notification-popover, .help-popover, .table-popover {
    min-width: 1%;
    max-width: 100%;
    max-height: 100%;
    margin-top: 15px;
    border: 0;
    margin-left: 0;
  }
}
.notification-popover .popover-inner .popover-container, .help-popover .popover-inner .popover-container, .table-popover .popover-inner .popover-container {
  min-height: 1px;
  transition: all ease 0.3s;
}
.notification-popover .popover-inner .popover-container.clear-open, .help-popover .popover-inner .popover-container.clear-open, .table-popover .popover-inner .popover-container.clear-open {
  min-height: 260px;
}
.notification-popover .popover-inner .popover-container.notes-container p, .help-popover .popover-inner .popover-container.notes-container p, .table-popover .popover-inner .popover-container.notes-container p {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #000000;
  display: block;
}
.notification-popover .popover-inner .popover-container ul, .help-popover .popover-inner .popover-container ul, .table-popover .popover-inner .popover-container ul {
  padding: 0;
  margin: 0;
  overflow-y: auto;
}
.notification-popover .popover-inner .popover-container ul li, .help-popover .popover-inner .popover-container ul li, .table-popover .popover-inner .popover-container ul li {
  padding: 0;
  text-decoration: none;
}
.notification-popover .popover-inner .popover-container ul li:first-child div.d-flex, .help-popover .popover-inner .popover-container ul li:first-child div.d-flex, .table-popover .popover-inner .popover-container ul li:first-child div.d-flex {
  border-top: 0;
}
.notification-popover .popover-inner .popover-container ul li div.d-flex, .help-popover .popover-inner .popover-container ul li div.d-flex, .table-popover .popover-inner .popover-container ul li div.d-flex {
  border-top: 2px solid #9EA6BE;
}
.notification-popover .popover-inner .popover-container ul li a, .help-popover .popover-inner .popover-container ul li a, .table-popover .popover-inner .popover-container ul li a {
  color: #000000;
  display: block;
}
.notification-popover .popover-inner .popover-container ul li a p, .help-popover .popover-inner .popover-container ul li a p, .table-popover .popover-inner .popover-container ul li a p {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 18px;
}
.notification-popover .popover-inner .popover-container ul li a.dropdown-toggle, .help-popover .popover-inner .popover-container ul li a.dropdown-toggle, .table-popover .popover-inner .popover-container ul li a.dropdown-toggle {
  justify-content: center;
  transition: 0.3s;
}
.notification-popover .popover-inner .popover-container ul li a.dropdown-toggle svg, .help-popover .popover-inner .popover-container ul li a.dropdown-toggle svg, .table-popover .popover-inner .popover-container ul li a.dropdown-toggle svg {
  position: absolute;
  margin-left: 5px;
}
.notification-popover .popover-inner .popover-container ul li a.dropdown-toggle svg use, .help-popover .popover-inner .popover-container ul li a.dropdown-toggle svg use, .table-popover .popover-inner .popover-container ul li a.dropdown-toggle svg use {
  fill: #000000;
  --static-color: #000000;
}
.notification-popover .popover-inner .popover-container ul li a.dropdown-toggle svg.rotate-down, .help-popover .popover-inner .popover-container ul li a.dropdown-toggle svg.rotate-down, .table-popover .popover-inner .popover-container ul li a.dropdown-toggle svg.rotate-down {
  transform: rotate(-90deg);
}
.notification-popover .popover-inner .popover-container ul li a.dropdown-toggle:hover svg use, .help-popover .popover-inner .popover-container ul li a.dropdown-toggle:hover svg use, .table-popover .popover-inner .popover-container ul li a.dropdown-toggle:hover svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu, .help-popover .popover-inner .popover-container ul li .dropdown-menu, .table-popover .popover-inner .popover-container ul li .dropdown-menu {
  top: 40px !important;
  left: -112% !important;
  padding: 10px 10px;
  border-radius: 20px 0 20px 20px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu.guide, .help-popover .popover-inner .popover-container ul li .dropdown-menu.guide, .table-popover .popover-inner .popover-container ul li .dropdown-menu.guide {
  left: -181% !important;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu::-webkit-scrollbar, .help-popover .popover-inner .popover-container ul li .dropdown-menu::-webkit-scrollbar, .table-popover .popover-inner .popover-container ul li .dropdown-menu::-webkit-scrollbar {
  display: none;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu:before, .help-popover .popover-inner .popover-container ul li .dropdown-menu:before, .table-popover .popover-inner .popover-container ul li .dropdown-menu:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-right: 10px solid transparent;
  border-left: 10px solid #FFFFFF;
  border-top: 10px solid #FFFFFF;
  border-bottom: 10px solid transparent;
  right: -15px;
  top: -0.5px;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu li, .help-popover .popover-inner .popover-container ul li .dropdown-menu li, .table-popover .popover-inner .popover-container ul li .dropdown-menu li {
  margin: 10px 0;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu li:first-child, .help-popover .popover-inner .popover-container ul li .dropdown-menu li:first-child, .table-popover .popover-inner .popover-container ul li .dropdown-menu li:first-child {
  margin-top: 0;
}
.notification-popover .popover-inner .popover-container ul li .dropdown-menu li:last-child, .help-popover .popover-inner .popover-container ul li .dropdown-menu li:last-child, .table-popover .popover-inner .popover-container ul li .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.notification-popover .popover-inner .popover-container ul li.display-fr .dropdown-menu, .help-popover .popover-inner .popover-container ul li.display-fr .dropdown-menu, .table-popover .popover-inner .popover-container ul li.display-fr .dropdown-menu {
  left: -90% !important;
}
.notification-popover .popover-inner .popover-container ul li.disabled, .help-popover .popover-inner .popover-container ul li.disabled, .table-popover .popover-inner .popover-container ul li.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: initial;
}
.notification-popover .popover-inner .popover-container ul li .accordion-menu, .help-popover .popover-inner .popover-container ul li .accordion-menu, .table-popover .popover-inner .popover-container ul li .accordion-menu {
  padding: 20px 0;
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  min-width: 100%;
}
.notification-popover .popover-inner .popover-container ul li .accordion-menu li, .help-popover .popover-inner .popover-container ul li .accordion-menu li, .table-popover .popover-inner .popover-container ul li .accordion-menu li {
  border: none;
  margin: 10px 0;
}
.notification-popover .popover-inner .popover-container ul li .accordion-menu li:first-child, .help-popover .popover-inner .popover-container ul li .accordion-menu li:first-child, .table-popover .popover-inner .popover-container ul li .accordion-menu li:first-child {
  margin-top: 0;
}
.notification-popover .popover-inner .popover-container ul li .accordion-menu li:last-child, .help-popover .popover-inner .popover-container ul li .accordion-menu li:last-child, .table-popover .popover-inner .popover-container ul li .accordion-menu li:last-child {
  margin-bottom: 0;
}
.notification-popover .popover-inner .popover-container ul li .accordion-menu li p, .notification-popover .popover-inner .popover-container ul li .accordion-menu li a, .help-popover .popover-inner .popover-container ul li .accordion-menu li p, .help-popover .popover-inner .popover-container ul li .accordion-menu li a, .table-popover .popover-inner .popover-container ul li .accordion-menu li p, .table-popover .popover-inner .popover-container ul li .accordion-menu li a {
  font-size: 14px;
  margin: 0;
}
.notification-popover:after, .help-popover:after, .table-popover:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  top: -9px;
  margin: 0 auto;
  left: 10px;
  right: 0;
}

/* Notification Popover */
.notification-popover {
  min-width: 375px;
  right: 0;
  left: initial !important;
}
@media screen and (max-width: 767px) {
  .notification-popover {
    right: 0;
    left: 0 !important;
  }
}
.notification-popover .notification-buttons {
  padding: 10px 15px;
  border-bottom: 2px solid #9EA6BE;
  display: flex;
  align-items: center;
}
.notification-popover .notification-buttons button {
  cursor: pointer;
  color: #000000;
  height: 20px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-decoration: underline;
  padding: 0;
}
body.touched .notification-popover .notification-buttons button:hover {
  color: #42A8FF;
}
.notification-popover .notification-buttons button:nth-child(2) {
  margin-left: auto;
}
.notification-popover .notification-buttons:not(.entire-popover) button {
  border: none;
}
.notification-popover .notification-buttons.entire-popover {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  display: block;
  border: 0;
  padding: 30px;
  margin-bottom: -8px;
  background-color: #FFFFFF;
  border-radius: 0 0 10px 10px;
  visibility: visible;
  opacity: 1;
  transition: opacity ease 0.3s;
  transition-delay: 0.2s;
}
.notification-popover .notification-buttons.entire-popover.ng-hide {
  opacity: 0;
  transition: none;
  display: block !important;
  visibility: hidden;
}
.notification-popover .notification-buttons.entire-popover p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}
.notification-popover .notification-buttons.entire-popover button {
  text-decoration: none;
  height: 45px;
  min-width: 150px;
  color: #FFFFFF;
  font-weight: 500;
}
body.touched .notification-popover .notification-buttons.entire-popover button:hover {
  border: 1px solid #FFFFFF;
}
.notification-popover ul {
  max-height: 610px;
}
.notification-popover ul li {
  padding: 0 10px;
}
.notification-popover ul li:first-child div.d-flex {
  border-top: 0;
}
.notification-popover ul li div.d-flex {
  border-top: 2px solid #9EA6BE;
}
body.touched .notification-popover ul li:hover {
  background-color: #FFFFFF;
}
.notification-popover ul li a {
  padding: 15px 5px 15px 30px;
}
.notification-popover ul li a p.case {
  font-weight: 500;
}
.notification-popover ul li a p.date {
  font-weight: 300;
  line-height: 21px;
  padding-top: 11px;
}
.notification-popover ul li a p .unread-dot {
  content: "";
  width: 13px;
  height: 13px;
  background: #42A8FF;
  position: absolute;
  border-radius: 50%;
  left: 5px;
  top: 17px;
}
.notification-popover ul li button {
  padding: 0;
  outline: 0;
  height: 100%;
  border: 0;
  cursor: pointer;
}
.notification-popover ul li button use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .notification-popover ul li button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.notification-popover ul.no-notifications li p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  margin: 0;
  padding: 25px 0 25px 10px;
  cursor: default;
}
body.touched .notification-popover ul.no-notifications li:hover {
  background-color: transparent;
}
.notification-popover ul::-webkit-scrollbar-track {
  border-radius: 9px;
  background-color: #FFFFFF;
}
.notification-popover ul::-webkit-scrollbar {
  width: 10px;
  background-color: #FFFFFF;
}
.notification-popover ul::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background-color: #FFFFFF;
}
.notification-popover:after {
  left: 190px;
}
@media screen and (max-width: 1024px) {
  .notification-popover:after {
    left: 210px;
  }
}
@media screen and (max-width: 767px) {
  .notification-popover:after {
    right: 70px;
    left: initial;
  }
}
@media screen and (max-width: 465px) {
  .notification-popover:after {
    right: 70px;
  }
}

/* Help Popover */
.help-popover {
  min-width: 181px;
  padding: 15px 10px;
  margin-left: -5.5px;
}
.help-popover .popover-container ul:not(.accordion-menu) li {
  overflow: hidden;
}
.help-popover .popover-container ul:not(.accordion-menu) li a {
  margin: 10px 0;
}
body.touched .help-popover .popover-container ul:not(.accordion-menu) li a:hover {
  color: #42A8FF;
}
.help-popover .popover-container ul:not(.accordion-menu) li:not(:first-child) {
  border-top: 2px solid #9EA6BE;
}
.help-popover .popover-container ul:not(.accordion-menu) li:first-child a {
  margin-top: 0;
}
.help-popover .popover-container ul:not(.accordion-menu) li:last-child a {
  margin-bottom: 0;
}

/* Table Popover */
.table-popover {
  min-width: 250px;
  padding: 15px 10px;
}

.general-chat .chat-button {
  z-index: 9992;
  width: 60px;
  height: 60px;
  display: flex;
  align-content: center;
  justify-content: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
}
@media screen and (max-width: 465px) {
  .general-chat .chat-button.pos-high {
    bottom: 70px;
  }
}
.general-chat .chat-button.active .button-background {
  transform: rotate(-90deg);
}
.general-chat .chat-button.active .button-background use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .general-chat .chat-button.active:hover svg:not(.button-background) use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.general-chat .chat-button .button-background {
  position: absolute;
  top: 0;
  transition: 0.3s;
}
.general-chat .chat-button .button-background use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .chat-button svg:not(.button-background) {
  z-index: 1;
  display: block;
  margin: auto;
}
body.touched .general-chat .chat-button:hover svg:not(.button-background) use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.general-chat .chat-block {
  z-index: 9992;
  position: fixed;
  bottom: 110px;
  right: 30px;
  min-width: 260px;
  max-height: calc(100vh - 115px);
  background: #FFFFFF;
  color: #000000;
  border-radius: 20px 20px 0 20px;
  overflow: hidden;
}
.general-chat .chat-block .chat-header {
  background: #174CBF;
  display: flex;
  align-content: center;
  padding: 20px 10px;
  color: #FFFFFF;
}
.general-chat .chat-block .chat-header button {
  padding: 0;
  cursor: pointer;
}
body.touched .general-chat .chat-block .chat-header button:hover svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.general-chat .chat-block .chat-header .channel-icon {
  margin: auto 0 auto 20px;
}
.general-chat .chat-block .chat-header .channel-icon use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.general-chat .chat-block .chat-header h1, .general-chat .chat-block .chat-header p {
  margin: auto 0 auto 10px;
}
.general-chat .chat-block .chat-header h1 {
  font-size: 20px;
  font-weight: bold;
}
.general-chat .chat-block .chat-header p {
  font-weight: 300;
}
.general-chat .chat-block .chat-header .search-scope {
  background-color: #FFFFFF;
  height: inherit;
  color: #0F7AD6;
  padding-left: 0 !important;
  margin-right: 5px;
  display: inline-flex;
}
.general-chat .chat-block .chat-header .search-label-only {
  padding: 5px;
}
.general-chat .chat-block .chat-header .label-search {
  padding-top: 5px;
  text-transform: uppercase;
}
.general-chat .chat-block .chat-header .long-label {
  text-overflow: ellipsis;
  max-width: 80px;
  overflow: hidden;
  height: 25px;
  white-space: nowrap;
}
.general-chat .chat-block .chat-header .icon-search {
  padding-top: 3px;
}
.general-chat .chat-block .chat-header .chat-search-deny {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .chat-block .chat-header .search-bar-wrapper {
  flex-grow: 1;
}
.general-chat .chat-block .chat-header .search-bar-wrapper.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.general-chat .chat-block .chat-header .search-bar-wrapper:last-child {
  margin-right: 15px;
}
.general-chat .chat-block .chat-header .search-bar-wrapper .input-holder {
  margin: auto 0 auto auto;
}
.general-chat .chat-block .chat-header .search-bar-wrapper .input-holder ::placeholder {
  color: #FFFFFF;
  opacity: 0.8;
}
.general-chat .chat-block .chat-header .search-bar-wrapper.active {
  width: 100%;
  max-width: 300px;
  border: 2px solid #FFFFFF;
  border-radius: 17px;
  background: linear-gradient(to right, white 50px, transparent 0%);
  background: -moz-linear-gradient(to right, white 50px, transparent 0%);
  background: -webkit-linear-gradient(to right, white 50px, transparent 0%);
}
.general-chat .chat-block .chat-header .search-bar-wrapper.active .chat-search {
  fill: #0F7AD6 !important;
  --static-color: #0F7AD6 !important;
}
.general-chat .chat-block .chat-container .chat-general {
  padding: 10px 0;
}
.general-chat .chat-block .chat-container .channel {
  display: flex;
  align-content: center;
  width: 100%;
  padding: 20px 30px;
  cursor: pointer;
}
.general-chat .chat-block .chat-container .channel p {
  margin: 0;
  line-height: 24px;
}
.general-chat .chat-block .chat-container .channel .main-icon {
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
}
.general-chat .chat-block .chat-container .channel .main-icon use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .general-chat .chat-block .chat-container .channel:hover .main-icon use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .general-chat .chat-block .chat-container .channel:hover .main-icon .dot {
  background: #F60012;
}
.general-chat .chat-block .chat-container .chat-view {
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - 350px);
}
.general-chat .chat-block .chat-container .chat-view.smaller {
  max-height: calc(100vh - 478px);
  min-height: 0;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu {
  background: #F0EEEE;
  min-width: 57px;
  max-height: calc(100vh - 350px);
  padding: 15px 7px 0 15px;
  overflow: auto;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .selectize-control.single .selectize-input {
  color: #000000;
  font-size: 12px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  z-index: 10;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu::-webkit-scrollbar-track {
  background: #F0EEEE;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu::-webkit-scrollbar-thumb {
  background: #9EA6BE;
  border-radius: 20px;
}
body.touched .general-chat .chat-block .chat-container .chat-view .chat-submenu::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .subchannel {
  margin: 25px 0;
  cursor: pointer;
  position: relative;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .subchannel use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .general-chat .chat-block .chat-container .chat-view .chat-submenu .subchannel:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .search-title {
  margin-bottom: 30px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .search-title .no-result {
  color: #9EA6BE;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .search-title .not-enough {
  color: #F60012;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .search-title > p {
  margin-top: 5px;
  max-width: fit-content;
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  font-size: 13px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .sort {
  min-width: 150px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .sort > span {
  font-weight: 500;
  text-transform: uppercase;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .sort .selectize-control.single .selectize-input:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-grey.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
body.touched .general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .sort .selectize-control.single .selectize-input:hover:after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details {
  margin-bottom: 25px;
  cursor: pointer;
  position: relative;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details.active h3 {
  color: #174CBF;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details.active span {
  opacity: 0.3;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details h3 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  margin-right: 20px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details .span-match span {
  display: inline-flex;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details .h3-title {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  margin-right: 20px;
  display: inline-flex;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details .h3-title span {
  font-size: 16px;
}
.general-chat .chat-block .chat-container .chat-view .chat-submenu .detailed-side .details span {
  font-size: 11px;
  display: block;
}
.general-chat .chat-block .chat-container .chat-view .messages {
  max-height: calc(100vh - 350px);
  flex-grow: 1;
  width: 370px;
  flex: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 30px;
  padding: 0 15px;
  scroll-behavior: smooth;
}
.general-chat .chat-block .chat-container .chat-view .messages::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 465px) {
  .general-chat .chat-block .chat-container .chat-view .messages {
    margin: 0;
  }
}
.general-chat .chat-block .chat-container .chat-view .messages .ui-select-highlight {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 3px 1px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message {
  width: 100%;
  overflow-y: hidden;
  overflow-x: visible;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control {
  margin-top: 10px;
  position: absolute;
  z-index: 100;
  margin-top: -30px;
  height: 34px;
  width: 340px;
  background-color: #F0EEEE;
  border-radius: 10px;
  padding: 5px 10px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control use {
  fill: #596076;
  --static-color: #596076;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control .nav-match {
  padding: 0;
  cursor: pointer;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control .nav-match:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control .matches {
  color: #353D51;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .search-control .see-all {
  color: #0F7AD6;
  float: right;
  cursor: pointer;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message::-webkit-scrollbar {
  display: none !important;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message > span {
  display: block;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message > span + span {
  margin-top: 10px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message svg {
  cursor: pointer;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 15px 10px 15px 0;
  text-align: left;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .message-box, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message-box, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .message-box, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message-box, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message-box, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message-box {
  flex: 1;
  position: relative;
  transition: opacity ease-in 0.5s;
  display: contents;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message {
  width: 270px;
  max-width: 270px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 10px 15px;
  margin-bottom: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media screen and (max-width: 465px) {
  .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message {
    width: calc(100% - 55px);
  }
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .info, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .info, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .info, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .info, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .info, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .info {
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 19px;
  color: #9EA6BE;
  position: relative;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .info svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .info svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .info svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .info svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .info svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .info svg {
  position: absolute;
  margin-top: -5px;
  margin-left: -26px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message {
  background: #F0EEEE;
  color: #000000;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last {
  padding-bottom: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .profile-thumbnail {
  display: none;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last .message {
  border-radius: 17.5px;
  margin-right: auto;
  margin-left: 50px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last + .message-remote-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-not-last + .message-remote-not-last {
  padding-top: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .profile-thumbnail {
  height: 35px;
  width: 35px;
  object-fit: cover;
  border-radius: 50px;
  margin: auto 15px 5px 0;
  background: #9EA6BE;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message {
  background: #F0EEEE;
  color: #000000;
  border-radius: 17.5px 17.5px 17.5px 0;
  margin-right: auto;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .message.arrow:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -8px;
  border-top: 8px solid transparent;
  border-right: 8px solid #F0EEEE;
  border-bottom-left-radius: 6px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last .info {
  margin: 0 0 0 50px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last + .message-local-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-remote-last + .message-remote-not-last {
  padding-top: 15px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message {
  background-color: #174CBF;
  color: #FFFFFF;
  margin-left: auto;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last {
  padding-bottom: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last .message {
  border-radius: 17.5px;
  margin-bottom: 10px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last + .message-local-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-not-last + .message-local-last {
  padding-top: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message {
  border-radius: 17.5px 17.5px 0 17.5px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .message.arrow:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -8px;
  border-bottom: 8px solid #42A8FF;
  border-right: 8px solid transparent;
  border-bottom-right-radius: 6px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-local-last .info {
  text-align: right;
  margin: 0 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message-box svg, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message-box svg {
  align-self: center;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message {
  background-color: rgba(66, 168, 255, 0.314);
  color: #FFFFFF;
  margin-left: auto;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last {
  padding-bottom: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message-box svg {
  margin-bottom: 10px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last .message {
  border-radius: 17.5px;
  margin-bottom: 10px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last + .message-pending-not-last, .general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-not-last + .message-pending-last {
  padding-top: 0;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message-box svg {
  margin-bottom: 8px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message {
  border-radius: 17.5px 17.5px 0 17.5px;
  margin-left: 5px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .message.arrow:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -8px;
  border-bottom: 8px solid rgba(66, 168, 255, 0.314);
  border-right: 8px solid transparent;
  border-bottom-right-radius: 6px;
}
.general-chat .chat-block .chat-container .chat-view .messages .list-message .message-pending-last .info {
  text-align: right;
  margin: 0 0;
}
.general-chat .chat-block .chat-box > div {
  min-height: 55px;
  display: flex;
  align-content: center;
  border-top: 3px solid #353D51;
  padding: 10px 30px;
}
.general-chat .chat-block .chat-box > div.wrap {
  flex-wrap: wrap;
}
.general-chat .chat-block .chat-box > div input {
  margin: 0;
  padding: 0;
  height: 100%;
  color: #000000;
}
.general-chat .chat-block .chat-box > div .drop-container {
  width: 100%;
  padding: 0 0 10px;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files {
  margin-bottom: 15px;
  border: 5px dashed #9EA6BE;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files_content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files_content p {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files_content .btn {
  background: #174CBF;
  color: #FFFFFF;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files_content .btn:hover {
  background: #062C7F;
}
.general-chat .chat-block .chat-box > div .drop-container .drop-files.dragover {
  border: 5px dashed #42A8FF;
  background-color: rgba(51, 51, 51, 0.1);
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery {
  max-height: 120px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .general-chat .chat-block .chat-box > div .drop-container .doc-gallery.chat {
    max-height: 60px;
  }
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  z-index: 10;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery::-webkit-scrollbar-track {
  background: #F0EEEE;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery::-webkit-scrollbar-thumb {
  background: #9EA6BE;
  border-radius: 20px;
}
body.touched .general-chat .chat-block .chat-box > div .drop-container .doc-gallery::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery .row:not(:last-child) {
  margin-bottom: 10px;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery .row .col-12 {
  padding: 0;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery .row .col-12 .icon:not(:last-child) {
  margin-right: 20px;
}
.general-chat .chat-block .chat-box > div .drop-container .doc-gallery .row .col-12 p {
  margin-right: auto;
  margin-bottom: 0;
}
.general-chat .chat-block .chat-box > div label {
  margin: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.general-chat .chat-block .chat-box > div label textarea {
  padding: 0;
  margin: 0;
  resize: none;
}
.general-chat .chat-block .chat-box > div label.textarea {
  cursor: pointer;
}
.general-chat .chat-block .chat-box > div label.textarea textarea {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.3px;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  width: 100%;
  resize: none;
  display: table-cell;
  vertical-align: middle;
  min-height: 21px;
  max-height: 15vh !important;
}
.general-chat .chat-block .chat-box > div label.textarea textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  z-index: 10;
}
.general-chat .chat-block .chat-box > div label.textarea textarea::-webkit-scrollbar-track {
  background: #F0EEEE;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}
.general-chat .chat-block .chat-box > div label.textarea textarea::-webkit-scrollbar-thumb {
  background: #9EA6BE;
  border-radius: 20px;
}
body.touched .general-chat .chat-block .chat-box > div label.textarea textarea::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.general-chat .chat-block .chat-box > div label.textarea textarea::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.general-chat .chat-block .chat-box > div label.textarea textarea:disabled {
  color: #9EA6BE;
}
.general-chat .chat-block .chat-box > div label .button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0 0 5.5px;
}
.general-chat .chat-block .chat-box > div label .button use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .general-chat .chat-block .chat-box > div label .button:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .chat-block .chat-box > div label .button:disabled use {
  fill: #596076;
  --static-color: #596076;
}
body.touched .general-chat .chat-block .chat-box > div label .button:disabled:hover use {
  fill: #596076;
  --static-color: #596076;
}
.general-chat .chat-block .chat-box > div label:focus use, .general-chat .chat-block .chat-box > div label:focus-within use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .chat-block .chat-box > div .search, .general-chat .chat-block .chat-box > div .add, .general-chat .chat-block .chat-box > div .send {
  width: 30px;
  height: 30px;
  padding: 0px;
  cursor: pointer;
}
.general-chat .chat-block .chat-box > div .search:disabled use, .general-chat .chat-block .chat-box > div .add:disabled use, .general-chat .chat-block .chat-box > div .send:disabled use {
  fill: #596076;
  --static-color: #596076;
}
body.touched .general-chat .chat-block .chat-box > div .search:disabled:hover use, body.touched .general-chat .chat-block .chat-box > div .add:disabled:hover use, body.touched .general-chat .chat-block .chat-box > div .send:disabled:hover use {
  fill: #596076;
  --static-color: #596076;
}
.general-chat .chat-block .chat-box > div .search {
  margin-left: 30px;
}
.general-chat .chat-block .chat-box > div .search use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .general-chat .chat-block .chat-box > div .search:hover use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.general-chat .chat-block .chat-box > div .add use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .general-chat .chat-block .chat-box > div .add:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.general-chat .chat-block .chat-box > div .send {
  margin-left: 20px;
}
.general-chat .chat-block .chat-box > div .send use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .general-chat .chat-block .chat-box > div .send:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.general-chat .notification-class-general {
  right: 10px !important;
  top: 10px !important;
  z-index: inherit;
}
.general-chat .unread-dot {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 7px;
  background: #F60012;
  text-align: center;
  min-width: 19px;
  height: 14px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.general-chat .unread-dot span {
  width: 100%;
  line-height: 0;
  font-size: 12px;
}
.general-chat.mobile .chat-block-mobile {
  width: 100%;
  max-height: 100vh;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px 20px 0 0;
}
.general-chat.mobile .chat-block-mobile .chat-container {
  max-height: 0;
  transition: 0.3s;
}
.general-chat.mobile .chat-block-mobile.open .chat-header {
  background: #174CBF;
}
.general-chat.mobile .chat-block-mobile.open .chat-header .close {
  opacity: 1;
  margin: auto 20px auto 20px;
}
.general-chat.mobile .chat-block-mobile.open .chat-header .input-close {
  opacity: 1;
  margin-right: 10px;
}
.general-chat.mobile .chat-block-mobile.open .chat-header .action-menu {
  display: flex;
  align-items: center;
  padding: 0;
}
.general-chat.mobile .chat-block-mobile.open .chat-header .search-bar-wrapper.active {
  max-width: calc(100vw - 108px);
  margin-right: 0px;
  margin-left: 20px;
}
.general-chat.mobile .chat-block-mobile.open .chat-container {
  max-height: calc(100vh - 64px);
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view {
  min-height: calc(100vh - 183px);
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view.smaller {
  min-height: calc(100vh - 311px);
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .chat-submenu {
  max-height: calc(100vh - 183px);
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .chat-submenu .detailed-side {
  display: flex;
  align-items: flex-start;
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .chat-submenu .detailed-side button use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .chat-submenu .detailed-side .filters {
  flex-grow: 1;
  padding: 0 20px;
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .chat-submenu.open {
  width: 100%;
}
.general-chat.mobile .chat-block-mobile.open .chat-container .chat-view .messages {
  max-height: calc(100vh - 183px);
}

.phantom-message {
  width: 270px;
  flex: 1;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 10px 15px;
  position: absolute;
  overflow-wrap: break-word;
  border-radius: 17.5px;
  top: 0;
  left: 0;
  z-index: 999;
  color: #000000;
  background-color: #FFFFFF;
  text-align: left;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow: visible !important;
}
@media screen and (max-width: 465px) {
  .phantom-message {
    width: calc(100% - 55px);
  }
}
.phantom-message.active {
  color: #FFFFFF;
  background-color: #42A8FF;
  transition: color 0.5s linear, background-color 0.5s linear;
}
.phantom-message.active .arrow:before, .phantom-message.active .arrow:after {
  transition: background-color 0.5s linear;
  background-color: #42A8FF;
}
.phantom-message.shadow {
  width: 270px;
}
.phantom-message .arrow, .phantom-message .arrow:before, .phantom-message .arrow:after {
  width: 20px;
  height: 20px;
}
.phantom-message .arrow {
  display: block;
  overflow: hidden;
  position: absolute;
  border-radius: 20%;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
  width: 20px;
  height: 20px;
  bottom: 0;
  right: -8px;
}
.phantom-message .arrow:before, .phantom-message .arrow:after {
  background-color: #FFFFFF;
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
}
.phantom-message .arrow:before {
  border-radius: 20% 20% 20% 53%;
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%);
}
.phantom-message .arrow:after {
  border-radius: 20% 20% 53% 20%;
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%);
}

.inanimated {
  -webkit-animation: unset !important;
  animation: unset !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.skeleton {
  position: relative;
}
.skeleton span {
  opacity: 1;
}
.skeleton:not(.sk-visible):after {
  display: none;
}
.skeleton:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 1;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: 26px;
  background: #353D51 !important;
  border-color: #353D51 !important;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 0px 1px #353D51;
}
.skeleton:before {
  content: "";
  display: none;
  position: absolute;
  opacity: 1;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: 26px;
  background: #353D51 !important;
  border-color: #353D51 !important;
  left: 0;
  box-shadow: 0px 0px 0px 1px #353D51;
}
body .skeleton.dim-auto {
  /* ReSharper disable once InvalidValue */
  width: intrinsic !important;
  width: -moz-max-content !important;
  width: -webkit-max-content !important;
  width: max-content !important;
}
body .skeleton.sk-fade-out {
  transition: all 0.5s linear;
  transition-delay: 1s;
}
body .skeleton.sk-fade-out:after, body .skeleton.sk-fade-out:before {
  transition: all 0.5s linear;
  transition-delay: 1s;
  opacity: 0;
}
.skeleton.sk-hide:after, .skeleton.sk-hide:before {
  display: none;
}
html body .skeleton.sk-big-circle {
  width: 94px !important;
  height: 94px !important;
}
html body .skeleton.sk-big-circle:after {
  border-radius: 50%;
  box-shadow: 0px 0px 0px 4px #353D51;
}
.skeleton.sk-warning-circle {
  opacity: 0;
  width: 50px;
}
.skeleton.sk-warning-circle.sk-visible {
  width: 0;
}
.skeleton.sk-warning-circle:after {
  display: none;
}
.skeleton.sk-fade-out {
  opacity: 1;
}
html body .skeleton.sk-icon-sex {
  margin-right: 6px;
  display: inline-block;
  width: 24px !important;
  height: 24px !important;
  top: -1px;
}
html body .skeleton.sk-icon-sex.sk-visible {
  top: -12px;
}
html body .skeleton.sk-icon-sex:after {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.skeleton.sk-visible span {
  opacity: 0;
}
.skeleton.sk-visible.sk-profile-image {
  width: 200px;
  height: 200px;
}
.skeleton.sk-visible.sk-profile-image:after {
  border-radius: 50%;
}
.skeleton.sk-visible.sk-profile-img {
  width: 118px;
  height: 118px;
  margin: 15px 0;
}
.skeleton.sk-visible.sk-profile-img:after {
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .skeleton.sk-visible.sk-title {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}
.skeleton.sk-visible.sk-title:after {
  left: inherit;
}
.skeleton.sk-visible.sk-vertical-title {
  position: absolute;
  width: 16px;
  height: 73px;
  top: 50%;
}
.skeleton.sk-visible.sk-button {
  width: 110px;
  height: 44px;
  border: 0;
  outline: 0;
}
.skeleton.sk-visible.sk-w400 {
  width: 400px;
  height: 32px;
}
.skeleton.sk-visible.sk-w400.value {
  height: 16px;
}
.skeleton.sk-visible.sk-w337 {
  width: 337px;
  height: 32px;
}
.skeleton.sk-visible.sk-w305 {
  width: 305px !important;
  height: 32px;
}
.skeleton.sk-visible.sk-wt130 {
  width: 140px;
  height: 32px;
}
.skeleton.sk-visible.sk-wt130:after {
  left: -2px;
  width: 120px;
}
.skeleton.sk-visible.sk-w300 {
  width: 300px;
  height: 16px;
}
.skeleton.sk-visible.sk-w200 {
  width: 200px;
  height: 16px;
}
.skeleton.sk-visible.sk-w200.header {
  height: 26px;
}
.skeleton.sk-visible.sk-w177 {
  width: 177px;
  height: 16px;
}
.skeleton.sk-visible.sk-w160 {
  width: 160px;
  height: 16px;
}
.skeleton.sk-visible.sk-w144 {
  width: 144px;
  height: 16px;
}
.skeleton.sk-visible.sk-w134 {
  width: 134px;
  height: 16px;
}
.skeleton.sk-visible.sk-w120 {
  width: 120px;
  height: 16px;
}
.skeleton.sk-visible.sk-w110 {
  width: 110px;
  height: 16px;
}
.skeleton.sk-visible.sk-w100 {
  width: 100px;
  height: 16px;
}
.skeleton.sk-visible.sk-w90 {
  width: 90px;
  height: 16px;
}
.skeleton.sk-visible.sk-w80 {
  width: 80px;
  height: 16px;
}
.skeleton.sk-visible.sk-w76 {
  width: 76px;
  height: 16px;
}
.skeleton.sk-visible.sk-w70 {
  width: 70px;
  height: 16px;
}
.skeleton.sk-visible.sk-w66 {
  width: 66px;
  height: 16px;
}
.skeleton.sk-visible.sk-w66:after, .skeleton.sk-visible.sk-w66 > a {
  width: 66px;
}
.skeleton.sk-visible.sk-w60 {
  width: 60px;
  height: 16px;
}
.skeleton.sk-visible.sk-w50 {
  width: 50px;
  height: 16px;
}
.skeleton.sk-visible.sk-w50:after {
  width: 50px;
}
.skeleton.sk-visible.sk-w43 {
  width: 43px;
  height: 16px;
}
.skeleton.sk-visible.sk-w39 {
  width: 39px;
  height: 16px;
}
.skeleton.sk-visible.sk-w31 {
  width: 31px;
  height: 16px;
}
.skeleton.sk-visible.sk-h26 {
  height: 26px;
}
.skeleton.sk-visible.sk-multiple-w120 {
  height: 36px;
  min-width: 125px;
}
.skeleton.sk-visible.sk-multiple-w120:after {
  width: 120px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-w120:before {
  display: block;
  bottom: 0;
  width: 40px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-w120.sk-bw80:before {
  width: 80px;
}
.skeleton.sk-visible.sk-multiple-w71 {
  height: 36px;
  min-width: 75px;
}
.skeleton.sk-visible.sk-multiple-w71 > a, .skeleton.sk-visible.sk-multiple-w71 span {
  min-width: 75px;
}
.skeleton.sk-visible.sk-multiple-w71:after {
  width: 71px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-w71:before {
  display: block;
  bottom: 0;
  width: 40px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-w66 {
  height: 36px;
  min-width: 70px;
}
.skeleton.sk-visible.sk-multiple-w66:after {
  width: 66px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-w66:before {
  display: block;
  bottom: 0;
  width: 46px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w31 {
  height: 36px;
}
.skeleton.sk-visible.sk-multiple-inv-w31 > a {
  min-width: 75px;
}
.skeleton.sk-visible.sk-multiple-inv-w31:after {
  width: 31px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w31:before {
  display: block;
  bottom: 0;
  width: 70px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w40 {
  height: 36px;
}
.skeleton.sk-visible.sk-multiple-inv-w40 > a {
  min-width: 75px;
}
.skeleton.sk-visible.sk-multiple-inv-w40:after {
  width: 40px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w40:before, .skeleton.sk-visible.sk-multiple-inv-w40 > a {
  display: block;
  width: 72px;
}
.skeleton.sk-visible.sk-multiple-inv-w40:before {
  bottom: 0;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w110 {
  height: 36px;
}
.skeleton.sk-visible.sk-multiple-inv-w110:after {
  width: 70px;
  height: 16px;
}
.skeleton.sk-visible.sk-multiple-inv-w110:before, .skeleton.sk-visible.sk-multiple-inv-w110 > a {
  display: block;
  width: 110px;
}
.skeleton.sk-visible.sk-multiple-inv-w110:before {
  bottom: 0;
  height: 16px;
}
.skeleton.sk-visible.sk-check {
  height: 24px;
  width: 24px;
}
.skeleton.sk-visible.sk-check:after {
  border-radius: 3px;
}
.skeleton.sk-visible.icon {
  height: 16px;
  width: 16px;
}
.skeleton.sk-visible.icon.empty {
  width: 0;
  height: 0;
}
.skeleton.sk-visible.selected-icon {
  height: 36px;
  width: 36px;
}
.skeleton.sk-visible.favorite {
  height: 24px;
  width: 24px;
}
.skeleton.sk-visible.initials:after {
  border-radius: 50%;
  border: 2px solid #353D51;
}
.skeleton.sk-visible.sk-case-state {
  width: 130px;
}
.skeleton.sk-visible.sk-case-state:after {
  height: 16px;
  top: 2px;
  left: -1px;
}
.skeleton.sk-visible.mt-8px:after {
  margin-top: 8px;
}
.skeleton.sk-visible.ml-15px {
  margin-left: 15px;
}
.skeleton.sk-visible.mb-5px {
  margin-bottom: 5px !important;
}

.mc-case-status-cont {
  position: relative;
  height: 21px;
  width: 87px;
}
.mc-case-status-cont .case-status-temp {
  position: absolute;
  opacity: 1;
  transition: opacity 1s linear;
  bottom: 0;
  left: 0;
}
.mc-case-status-cont mc-case-status + .case-status-temp {
  opacity: 0;
}

.empty-input {
  width: 100%;
  height: 25px;
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.empty-input:before {
  content: "";
  display: block;
  position: absolute;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #FFFFFF;
  top: 0;
  left: 0;
}
.empty-input:after {
  content: "";
  display: block;
  position: absolute;
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  right: 0;
  top: 0;
}

.empty-overlay .mdl-layout__obfuscator {
  opacity: 0.55;
  background-color: #353D51;
  visibility: visible;
  z-index: 99;
}

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-overflow-scrolling: auto;
}

.sk-pagination ul {
  list-style: none;
}
.sk-pagination ul li {
  padding: 10px 5px;
}
.sk-pagination ul li:first-child, .sk-pagination ul li:last-child {
  padding: 2px 2.5px 0 0;
}

.empty.invisible {
  height: 0;
}
.empty.invisible.fastmode {
  animation-duration: 200ms;
}

.dashboard-hero .empty-donut {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dashboard-hero .empty-donut svg {
  position: absolute;
}
.dashboard-hero .empty-donut p, .dashboard-hero .empty-donut .button {
  display: block;
  content: "";
  width: 126px;
  left: calc(50% - 36px);
  background: #353D51;
  border-color: #353D51;
  box-shadow: 0px 0px 0px 1px #353D51;
}
.dashboard-hero .empty-donut p {
  top: calc(50% - 26px);
  border-radius: 26px;
  height: 26px;
}
.dashboard-hero .empty-donut .button {
  top: calc(50% + 26px);
  border-radius: 31px;
  height: 61px;
}
.dashboard-hero .empty .body-list:before {
  display: none !important;
}
.dashboard-hero .empty .initials {
  margin-right: 10px;
}
.dashboard-hero .empty .initials p {
  border: 0 !important;
}
.dashboard-hero .empty .initials p:after {
  border-radius: 50%;
}
.dashboard-hero .empty.hero-page {
  width: 100%;
  position: absolute;
  padding: 30px;
  bottom: -30px;
}
.dashboard-hero .empty.hero-page ul {
  list-style-type: none;
  margin: 0;
}
.dashboard-hero .empty.hero-page ul > li {
  margin: 0 10px;
}
.dashboard-hero .empty.calendar-container .swiper-wrapper {
  height: auto;
}
.dashboard-hero .empty.calendar-container .calendar {
  width: 315px;
}
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:first-child .days:nth-child(2) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:first-child .days:nth-child(3) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(3) .days:nth-child(5) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(3) .days:nth-child(6) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(4) .days:nth-child(5) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(4) .days:nth-child(6) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(5) .days:nth-child(2) .icon {
  height: 36px;
  width: 36px;
}
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(5) .days:nth-child(n+4) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(6) .days .icon {
  height: 0;
  width: 0;
}
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(5) .days:nth-child(n+4) .icon:after,
.dashboard-hero .empty.calendar-container .calendar .tab-1 .weeks:nth-child(6) .days .icon:after {
  display: none;
}
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(3) .days:nth-child(4) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(3) .days:nth-child(5) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(4) .days:nth-child(2) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(4) .days:nth-child(5) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(4) .days:nth-child(6) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(5) .days:nth-child(3) .icon {
  height: 36px;
  width: 36px;
}
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:first-child .days:nth-child(-n+3) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(5) .days:nth-child(n+7) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(6) .days .icon {
  height: 0;
  width: 0;
}
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:first-child .days:nth-child(-n+3) .icon:after,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(5) .days:nth-child(n+7) .icon:after,
.dashboard-hero .empty.calendar-container .calendar .tab-2 .weeks:nth-child(6) .days .icon:after {
  display: none;
}
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:nth-child(2) .days:nth-child(4) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:nth-child(3) .days:nth-child(6) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:nth-child(4) .days:nth-child(3) .icon {
  height: 36px;
  width: 36px;
}
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:first-child .days:nth-child(-n+6) .icon,
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:nth-child(6) .days:nth-child(n+2) .icon {
  height: 0;
  width: 0;
}
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:first-child .days:nth-child(-n+6) .icon:after,
.dashboard-hero .empty.calendar-container .calendar .tab-3 .weeks:nth-child(6) .days:nth-child(n+2) .icon:after {
  display: none;
}
.dashboard-hero .empty.calendar-container .scrollbar-placeholder {
  display: block;
  content: "";
  background: #9EA6BE;
  height: 10px;
  width: 100%;
  border-radius: 10px;
}
.dashboard-hero .empty.calendar-container .scrollbar-placeholder:before {
  content: "";
  display: block;
  left: 20%;
  width: 200px;
  height: 10px;
  position: absolute;
  border-radius: 10px;
  background: rgba(53, 61, 81, 0.5);
}
.dashboard-hero .empty.card-header div:hover {
  background: transparent !important;
}
.dashboard-hero .empty.card-header .initials {
  margin-left: 10px;
  margin-right: 0;
}
.dashboard-hero .dashboard-card-container .swiper-wrapper {
  width: 50%;
}
.dashboard-hero .empty-cards {
  overflow-x: scroll !important;
}
.dashboard-hero .empty-cards > div {
  min-width: 227px;
  width: 17%;
}
.dashboard-hero .empty-cards > div .card {
  height: 100%;
  width: 100% !important;
}
.dashboard-hero .empty-cards > div .card .text {
  z-index: 3;
}
.dashboard-hero .empty-cards > div .card .text .digit {
  margin: 27px 0;
}
.dashboard-hero .empty-cards > div .card .text .digit.small {
  height: 59px;
  width: 59px;
}
.dashboard-hero .empty-cards > div .card .text .digit.small:after {
  border-radius: 29.5px;
}
.dashboard-hero .empty-cards > div .card .text .digit.long {
  height: 59px;
  width: 84px;
}
.dashboard-hero .empty-cards > div .card .text .digit.long:after {
  border-radius: 29.5px;
}
.dashboard-hero .empty-cards > div .card .overlay {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}
.dashboard-hero .empty-cards > div .card .overlay:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  opacity: 0.2;
}

.empty-chart {
  display: flex;
  margin-top: 0;
  visibility: hidden;
  height: 0;
  width: 100% !important;
}
.empty-chart:not(.sk-visible) {
  opacity: 0 !important;
  display: none;
}
.empty-chart.sk-visible {
  margin-top: 30px;
  visibility: visible;
  height: auto;
}
body .empty-chart.sk-fade-out {
  transition: none;
  animation: none;
}
body .empty-chart.sk-fade-out:after, body .empty-chart.sk-fade-out:before {
  transition: none;
}
.empty-chart:after {
  display: none;
}
.empty-chart ul {
  list-style: none;
}
.empty-chart ul li:not(:last-child) {
  margin-bottom: 60px;
}
.empty-chart .chart-table {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-right: 15px;
}
.empty-chart .chart-table table {
  border-left: 2px solid #353D51;
  border-bottom: 2px solid #353D51;
  margin-left: 5px;
}
.empty-chart .chart-table table tbody tr:first-child {
  height: 15px;
}
.empty-chart .chart-table table tbody tr:not(:first-child) {
  height: 75px;
  border-top: 1px solid #353D51;
}
.empty-chart .chart-table ul {
  display: flex;
}
.empty-chart .chart-table ul li {
  margin: 10px 12%;
}

/**
* LOGIN-SECTION
*/
/* ---- particles.js container ---- */
#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #030C26;
  background-image: url();
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* ---- reset ---- */
}
#particles-js canvas {
  display: block;
  vertical-align: bottom;
  padding: 0;
  height: 100vh;
  width: 100vw;
}

/* ---- Login form ---- */
main.main-login {
  padding: 0;
  width: 100%;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
  display: flex;
  align-content: center;
  padding: 30px 0;
}
@media screen and (max-device-width: 767px) {
  main.main-login {
    padding: 20px 30px;
  }
}
main.main-login .login {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 550px;
  z-index: 1;
}
main.main-login .login.ous .login-form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
main.main-login .login.ous .form {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main.main-login .login {
    min-width: 450px;
  }
}
@media screen and (max-width: 767px) {
  main.main-login .login {
    width: 100%;
    min-width: 100%;
    overflow: auto;
    height: calc(100vh - 90px);
  }
}
main.main-login .login-form {
  height: inherit;
}
main.main-login .login-form .form {
  position: relative;
  margin: auto;
  max-width: 380px;
  left: 0;
  right: 0;
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form {
    padding: 20px;
  }
}
@media only screen and (max-device-width: 736px) and (min-device-width: 375px) and (orientation: landscape) {
  main.main-login .login-form .form {
    padding: 0 50px;
  }
}
main.main-login .login-form .form .logo {
  width: 100%;
  display: block;
  margin: 0 auto 60px;
  text-align: center;
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form .logo {
    margin: 0 auto 40px;
    width: 100%;
  }
}
@media only screen and (max-device-width: 736px) and (min-device-width: 375px) and (orientation: landscape) {
  main.main-login .login-form .form .logo {
    width: 60%;
    margin: 0 auto 20px;
  }
}
main.main-login .login-form .form .logo a svg {
  fill: white;
  width: 60%;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  main.main-login .login-form .form .logo a svg {
    width: 70%;
  }
}
main.main-login .login-form .form span.error {
  color: #F60012;
  font-size: 16px;
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form span.error {
    text-align: center;
    width: 100%;
  }
}
main.main-login .login-form .form .content-error {
  height: 25px;
  content: "";
  float: right;
}
main.main-login .login-form .form p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form p {
    margin: 0 auto 20px 0;
  }
}
main.main-login .login-form .form p.p-forgot {
  font-weight: 300;
  line-height: 1.5em;
  margin-top: 15px;
}
main.main-login .login-form .form p.p-header {
  margin-bottom: 10px;
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  overflow-wrap: break-word;
}
main.main-login .login-form .form p.p-infos {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
}
main.main-login .login-form .form p.form-error {
  margin: 15px 0 10px 0;
}
main.main-login .login-form .form p.connection-error {
  margin: 15px 0 10px 0;
}
main.main-login .login-form .form .login-input i, main.main-login .login-form .form .forget-input i {
  position: absolute;
  float: right;
  z-index: 999;
  color: rgba(255, 255, 255, 0.125);
  font-size: 1.5em;
  bottom: 18px;
  right: 0;
  cursor: pointer;
  pointer-events: all;
}
main.main-login .login-form .form .login-input i.top-check, main.main-login .login-form .form .forget-input i.top-check {
  top: 27px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  main.main-login .login-form .form .login-input i.top-check, main.main-login .login-form .form .forget-input i.top-check {
    top: 2.5vh;
  }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  main.main-login .login-form .form .login-input i.top-check, main.main-login .login-form .form .forget-input i.top-check {
    top: 1.8vh;
  }
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form .login-input i.top-check, main.main-login .login-form .form .forget-input i.top-check {
    top: 3vh;
  }
}
main.main-login .login-form .form .login-input input, main.main-login .login-form .form .forget-input input {
  border-bottom: 1px solid #FFFFFF !important;
  z-index: 1;
  position: relative;
  margin-bottom: 30px;
}
main.main-login .login-form .form .login-input input.error, main.main-login .login-form .form .forget-input input.error {
  border-bottom: 1px solid #F60012 !important;
}
main.main-login .login-form .form .login-input .label, main.main-login .login-form .form .forget-input .label {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}
main.main-login .login-form .form .login-input + .login-input input, main.main-login .login-form .form .forget-input + .login-input input {
  margin-bottom: 15px;
}
main.main-login .login-form .form .forget-input input {
  border-bottom: 1px solid #FFFFFF !important;
  z-index: 1;
  position: relative;
}
main.main-login .login-form .form .forget-input input.error {
  border-bottom: 1px solid #F60012 !important;
}
main.main-login .login-form .form .forget-input input:invalid:not(:focus):not(:placeholder-shown) {
  border-bottom: 1px solid #F60012 !important;
}
main.main-login .login-form .form .login-options {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  justify-content: space-between;
}
@media screen and (max-device-width: 725px) {
  main.main-login .login-form .form .login-options {
    flex-direction: column;
    justify-content: center;
  }
}
main.main-login .login-form .form .login-options label {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-device-width: 725px) {
  main.main-login .login-form .form .login-options label {
    margin: 15px 0;
  }
}
main.main-login .login-form .form .input {
  margin: 0 auto;
  display: block;
}
@media screen and (max-device-width: 767px) {
  main.main-login .login-form .form .input {
    margin: 30px auto 0 auto;
  }
}
main.main-login .login-form .form .underlined {
  transition: ease all 0.3s;
  text-decoration: underline;
}
@media only screen and (max-device-width: 736px) and (min-device-width: 375px) and (orientation: landscape) {
  main.main-login .login-form .form .underlined {
    margin: 0;
    text-align: right;
  }
}
body.touched main.main-login .login-form .form .underlined:hover {
  color: #F60012;
}
main.main-login .login-form .form .login-requirements {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: left;
  padding: 30px 0 15px;
}
main.main-login .login-form .form .login-requirements p {
  text-align: left;
  margin-bottom: 0;
}
main.main-login .login-form .form .login-requirements ul {
  list-style: none;
  padding-left: 15px;
}
main.main-login .login-form .form .login-requirements ul .icon-dot {
  margin: 0 9px 0 5px;
}
main.main-login .login-form .form .login-requirements ul .icon-dot use {
  --static-color: #FFFFFF;
}
main.main-login .login-form .form .login-requirements ul .icon-approve {
  display: none;
}
main.main-login .login-form .form .login-requirements ul .icon-approve use {
  --static-color: #599518;
}
main.main-login .login-form .form i use {
  opacity: 0.3;
}
main.main-login .login-form .form i use.visible {
  --static-color: #42A8FF;
  fill: #42A8FF;
  opacity: 1;
}
body.touched main.main-login .login-form .form i:hover use, main.main-login .login-form .form i:focus use, main.main-login .login-form .form i:active use {
  opacity: 1;
  --static-color: #42A8FF;
  fill: #42A8FF;
}
main.main-login .login-form .form .login-btn {
  display: block;
  margin: auto;
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
}
main.main-login .login-form .form .action-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main.main-login .login-form .form .action-group button, main.main-login .login-form .form .action-group a {
  margin: auto;
}
main.main-login .login-form .form .action-group button:not(:last-child), main.main-login .login-form .form .action-group a:not(:last-child) {
  margin-bottom: 30px;
}
main.main-login .login-form .forgot-visibility {
  color: #42A8FF;
  font-size: 14px;
  font-weight: 400;
}
main.main-login .login-form .forgot-visibility {
  transform: translateY(-20px);
}
main.main-login .login-form .requirements {
  color: #F60012;
  max-height: 0;
  transition: 0.28s;
  overflow: hidden;
}
main.main-login .login-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}
main.main-login .login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}
main.main-login .cta-hidden {
  min-height: 20px;
  margin-bottom: 30px;
  float: right;
}
@media screen and (max-device-width: 767px) {
  main.main-login .cta-hidden {
    min-height: 0;
  }
}
main.main-login .cta-hidden use {
  --static-color: #F60012;
  fill: #F60012;
}

.lab-bg .calendar-charts {
  margin: 0;
  margin-bottom: 50px;
  background: rgba(3, 12, 38, 0.6);
  padding: 30px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .lab-bg .calendar-charts {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .lab-bg .calendar-charts {
    margin-bottom: 30px;
  }
}
.lab-bg .calendar-charts > .loading {
  opacity: 0;
  visibility: hidden;
}
.lab-bg .calendar-charts h4 {
  display: block;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .lab-bg .calendar-charts h4 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .lab-bg .calendar-charts h4 {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.lab-bg .calendar-charts a.view-all {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .lab-bg .calendar-charts a.view-all {
    display: none;
  }
}
body.touched .lab-bg .calendar-charts a.view-all:hover {
  transition: all 0.2s ease-in-out;
  color: #42A8FF;
}
.lab-bg .paddle {
  background: transparent;
  padding: 0;
  border: 0;
}
.lab-bg .paddle:focus {
  outline: 0;
}
.lab-bg .paddle {
  z-index: 999;
}
.lab-bg .button-right svg,
.lab-bg .button-left svg {
  position: absolute;
  top: 40%;
  width: 50px;
}
.lab-bg .button-right svg {
  transform: translate(30px);
  right: 0;
}
.lab-bg .button-left svg {
  transform: translate(-30px) rotate(-180deg);
  left: 0;
}
.lab-bg div.flex-container {
  overflow-x: hidden !important;
}
.lab-bg .paddle-icon {
  width: 20px;
  height: 44px;
  fill: #CDD2E2;
}
.lab-bg .hidden {
  display: none;
}
.lab-bg .content-transition {
  transition: transform 0.8s ease-out;
}
.lab-bg .calendar-container {
  margin: 30px auto 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.lab-bg .calendar-container:before, .lab-bg .calendar-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 100%;
  opacity: 0.8;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .lab-bg .calendar-container:before, .lab-bg .calendar-container:after {
    width: 30px;
  }
}
.lab-bg .calendar-container:before {
  left: 0;
  background-image: linear-gradient(to left, transparent, #030C26);
  background-image: -moz-linear-gradient(to left, transparent, #030C26);
  background-image: -webkit-linear-gradient(to left, transparent, #030C26);
}
.lab-bg .calendar-container:after {
  right: 0;
  background-image: linear-gradient(to right, transparent, #030C26);
  background-image: -moz-linear-gradient(to right, transparent, #030C26);
  background-image: -webkit-linear-gradient(to right, transparent, #030C26);
}
.lab-bg .calendar-container .swiper-slide {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  max-width: 346px;
}
@media screen and (max-width: 768px) {
  .lab-bg .calendar-container .swiper-slide {
    width: auto;
    min-width: 0;
  }
}
.lab-bg .calendar-container .swiper-slide.swiper-slide-next, .lab-bg .calendar-container .swiper-slide.swiper-slide-prev {
  opacity: 1;
}
.lab-bg .calendar-container .calendar {
  flex: 0 0 auto;
  font-weight: 300;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 35px;
  background: #030C26;
}
@media screen and (max-width: 768px) {
  .lab-bg .calendar-container .calendar {
    margin: 0;
  }
}
@media screen and (max-width: 390px) {
  .lab-bg .calendar-container .calendar {
    margin: 0;
    padding: 0 15px;
  }
}
.lab-bg .calendar-container .calendar:last-child {
  padding-right: 0;
}
.lab-bg .calendar-container .calendar .current-month {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  line-height: 2;
  border-bottom: 1px solid #FFFFFF;
  margin: 0 10px 20px;
}
@media screen and (max-width: 768px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 30px 20px;
  }
}
@media screen and (max-width: 760px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 10vw 20px;
  }
}
@media screen and (max-width: 630px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 40px 20px;
  }
}
@media screen and (max-width: 540px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 20vw 20px;
  }
}
@media screen and (max-width: 485px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 15vw 20px;
  }
}
@media screen and (max-width: 390px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 20px 20px;
  }
}
@media screen and (max-width: 320px) {
  .lab-bg .calendar-container .calendar .current-month {
    margin: 0 0 20px;
  }
}
.lab-bg .calendar-container .calendar .current-month span {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}
.lab-bg .calendar-container .calendar table {
  width: 346px;
  font-size: 16px;
  letter-spacing: 0.3px;
  text-align: center;
  border-collapse: separate;
  border-spacing: 10px;
  cursor: default;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lab-bg .calendar-container .calendar table {
    width: auto;
  }
}
.lab-bg .calendar-container .calendar table thead td, .lab-bg .calendar-container .calendar table thead th {
  padding: 5px 0;
}
.lab-bg .calendar-container .calendar table tbody {
  color: rgba(255, 255, 255, 0.5);
}
.lab-bg .calendar-container .calendar table tbody td {
  font-weight: 300;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
}
.lab-bg .calendar-container .calendar table tbody td .hastask a {
  font-size: 16px;
  line-height: 36px;
  display: block;
  color: #FFFFFF;
  background: #0F7AD6;
  cursor: pointer;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  text-align: center;
  transition: none;
  border: 2px solid #0F7AD6;
}
.lab-bg .calendar-container .calendar table tbody td .hastask a.focused {
  border: 2px solid #FFFFFF;
}
.lab-bg .calendar-container .calendar table tbody td.prev-month, .lab-bg .calendar-container .calendar table tbody td.next-month {
  opacity: 0;
}
body.touched .lab-bg .calendar-container .calendar table tbody td.prev-month:hover, body.touched .lab-bg .calendar-container .calendar table tbody td.next-month:hover {
  opacity: 0;
}
.lab-bg .calendar-button-prev,
.lab-bg .calendar-button-next {
  position: absolute;
  top: 40%;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  background-image: none;
  transition: 0.3s ease-in;
  width: 50px;
  height: 102px;
}
body.touched .lab-bg .calendar-button-prev:hover,
body.touched .lab-bg .calendar-button-next:hover {
  opacity: 1;
}
.lab-bg .calendar-button-prev svg,
.lab-bg .calendar-button-next svg {
  width: 100%;
  height: 100%;
}
.lab-bg .calendar-button-prev.swiper-button-disabled,
.lab-bg .calendar-button-next.swiper-button-disabled {
  display: none;
}
.lab-bg .calendar-button-prev {
  left: 0;
  transform: rotate(180deg);
  margin-top: 0px;
}
.lab-bg .calendar-button-next {
  right: 0;
}

.dropdown-toggle::after {
  display: none;
}

ul.tooltip-dropdown {
  margin-left: -82.5px;
  padding: 5px 15px;
  margin-top: 4px;
}

.tooltip-mobile ul {
  padding: 0px 6px;
  margin: 0;
}
.tooltip-mobile:after {
  content: " ";
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  top: -7px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

ul.tooltip-dropdown,
.tooltip-mobile {
  color: #000000;
  background-color: #FFFFFF;
  cursor: pointer;
  border-radius: 21px;
  width: 200px;
  z-index: 999999;
  margin-top: 6px;
  border: 0;
}
ul.tooltip-dropdown > li,
.tooltip-mobile > li {
  display: block;
  border-top: 2px solid #9EA6BE;
}
ul.tooltip-dropdown > li:first-child,
.tooltip-mobile > li:first-child {
  border-top: none;
}
ul.tooltip-dropdown > li > a,
.tooltip-mobile > li > a {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.3px;
  padding: 7px 0;
  font-weight: 400;
  display: block;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.touched ul.tooltip-dropdown > li > a:hover,
body.touched .tooltip-mobile > li > a:hover {
  color: #174CBF;
}
body.touched ul.tooltip-dropdown > li > a:hover span.initials,
body.touched .tooltip-mobile > li > a:hover span.initials {
  border: 1px solid #174CBF;
}
ul.tooltip-dropdown > li > a > span.initials,
.tooltip-mobile > li > a > span.initials {
  font-size: 14px;
  border-radius: 3em;
  border: 1px solid #000000;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0;
  top: -1px;
  text-transform: uppercase;
}
ul.tooltip-dropdown:after,
.tooltip-mobile:after {
  content: " ";
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  top: -7px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.dashboard-hero .cards-container {
  width: 100%;
  background: linear-gradient(180deg, #0F7AD6 0%, #42A8FF 100%);
  background: -moz-linear-gradient(180deg, #0F7AD6 0%, #42A8FF 100%);
  background: -webkit-linear-gradient(180deg, #0F7AD6 0%, #42A8FF 100%);
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .dashboard-hero .cards-container {
    margin: 0 0 30px;
    padding-bottom: 35px;
    height: auto;
  }
}
.dashboard-hero .cards-container h4 {
  display: block;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  margin: 30px;
}
@media screen and (max-width: 767px) {
  .dashboard-hero .cards-container h4 {
    width: 100%;
    text-align: center;
    margin: 30px 0;
  }
}
.dashboard-hero .cards-scroll-wrapper:not(.empty) {
  margin-bottom: 20px;
}
.dashboard-hero .cards-scroll-wrapper.empty {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
}
.dashboard-hero .cards-scroll-wrapper.empty .card {
  flex: 0 0 auto;
  margin: 0 auto;
}
.dashboard-hero .cards-scroll-wrapper .card {
  font-weight: 300;
  overflow: hidden;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #FFFFFF;
  border-bottom: 0;
  padding: 0;
  width: 227px;
  cursor: pointer;
}
@media screen and (max-width: 1280px) {
  .dashboard-hero .cards-scroll-wrapper .card {
    width: 189px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard-hero .cards-scroll-wrapper .card {
    width: 152px;
  }
}
.dashboard-hero .cards-scroll-wrapper .card a {
  z-index: 2;
}
.dashboard-hero .cards-scroll-wrapper .card.card-month a {
  background: #FFFFFF;
  border: 0;
}
.dashboard-hero .cards-scroll-wrapper .card.card-month a .text {
  color: #174CBF;
  position: relative;
  z-index: 1000;
}
.dashboard-hero .cards-scroll-wrapper .card.card-month a .overlay {
  content: "";
  position: absolute;
  z-index: 999;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(to right, transparent, #FFFFFF);
  background-image: -moz-linear-gradient(to right, transparent, #FFFFFF);
  background-image: -webkit-linear-gradient(to right, transparent, #FFFFFF);
  opacity: 0.8;
}
body.touched .dashboard-hero .cards-scroll-wrapper .card.card-month a .overlay:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
body.touched .dashboard-hero .cards-scroll-wrapper .card.card-month a:hover {
  background-color: white;
}
.dashboard-hero .cards-scroll-wrapper .card:after {
  content: "";
  position: absolute;
  background: #FFFFFF;
  opacity: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: all ease-in 0.3s;
}
body.touched .dashboard-hero .cards-scroll-wrapper .card:hover:after {
  opacity: 0.15;
}
.dashboard-hero .cards-scroll-wrapper .card svg {
  margin-top: 14px;
}
.dashboard-hero .cards-scroll-wrapper .card .text {
  padding: 16px 10px;
  text-align: right;
}
.dashboard-hero .cards-scroll-wrapper .card .text .month {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-align: right;
  margin-bottom: 10px;
}
.dashboard-hero .cards-scroll-wrapper .card .text .month span {
  font-weight: 300;
}
.dashboard-hero .cards-scroll-wrapper .card .text .digit {
  display: block;
  width: 100%;
  font-size: 75px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 99px;
}
.dashboard-hero .cards-scroll-wrapper .card .text .label {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.dashboard-hero .swiper-scrollbar {
  width: 100%;
  height: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: #0F7AD6;
}
.dashboard-hero .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #062C7F;
  border-radius: 0;
}

.dashboard-hero {
  display: block;
  overflow: hidden;
  position: relative;
  min-height: 725px;
  height: 100%;
  background: #000000;
  background: url(/App/Main/images/img/blue-particles.png?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0 0 0;
}
@media screen and (max-width: 767px) {
  .dashboard-hero {
    padding: 70px 0 0 0;
  }
}
.dashboard-hero [class*=col] {
  padding-left: 0;
}
@media screen and (max-width: 425px) {
  .dashboard-hero [class*=col] {
    padding-right: 5px;
  }
}
.dashboard-hero .user-message {
  font-family: Roboto;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: 0.4px;
  margin: 45px 30px 27px;
  max-width: 100%;
}
@media screen and (max-width: 1279px) {
  .dashboard-hero .user-message {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard-hero .user-message {
    margin: 20px 12px;
  }
}
.dashboard-hero .user-message.loading {
  overflow: hidden;
  height: 42px;
  width: 440px;
}
.dashboard-hero .user-message.loaded {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
.dashboard-hero .card {
  background-color: transparent;
  border: 0;
}
.dashboard-hero .card.review {
  border-left: 4px solid #FFAD00;
}
.dashboard-hero .card.approval {
  border-left: 4px solid #E5057F;
}
.dashboard-hero .card.waitingForManufacturing {
  border-left: 4px solid #42A8FF;
}
.dashboard-hero .card.shipped {
  border-left: 4px solid #599518;
}

.top-hero {
  text-align: left;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .top-hero {
    text-align: center;
  }
}

.lab-console {
  margin: 50px 0;
  padding: 30px;
  background: rgba(3, 12, 38, 0.6);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .lab-console {
    padding: 30px 15px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .lab-console {
    height: auto;
    padding: 30px 0;
    margin: 30px 0;
  }
}
.lab-console > .loading {
  opacity: 0;
  visibility: hidden;
}
.lab-console [class^=col] {
  padding: 0;
}
@media screen and (min-width: 1280px) {
  .lab-console .time-period,
  .lab-console .sort-select {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 767px) {
  .lab-console .time-period,
  .lab-console .sort-select {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .lab-console .time-period,
  .lab-console .sort-select {
    padding: 0 30px;
  }
}
.lab-console .time-period button,
.lab-console .sort-select button {
  height: 35px;
  width: 130px;
  background-color: #596076;
  border: 2px solid #596076;
  border: 0;
  margin: 0 1px;
  cursor: pointer;
}
.lab-console .time-period button.display-fr,
.lab-console .sort-select button.display-fr {
  height: 45px;
}
.lab-console .time-period button.active,
.lab-console .sort-select button.active {
  background-color: #174CBF;
}
body.touched .lab-console .time-period button.active:hover,
body.touched .lab-console .sort-select button.active:hover {
  background-color: #062C7F;
}
.lab-console .time-period button:first-child,
.lab-console .sort-select button:first-child {
  border-radius: 5px 0 0 5px;
}
.lab-console .time-period button.last,
.lab-console .sort-select button.last {
  border-radius: 0 5px 5px 0;
}
body.touched .lab-console .time-period button:hover,
body.touched .lab-console .sort-select button:hover {
  border: 2px solid #FFFFFF;
  background-color: #353D51;
}
.lab-console .time-period label,
.lab-console .sort-select label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.lab-console .time-period .selectize-control .selectize-dropdown-content,
.lab-console .sort-select .selectize-control .selectize-dropdown-content {
  max-height: 8rem;
  margin-bottom: 10px;
}
.lab-console .time-period .selectize-control .selectize-dropdown-content::-webkit-scrollbar,
.lab-console .sort-select .selectize-control .selectize-dropdown-content::-webkit-scrollbar {
  width: 0 !important;
}
.lab-console .time-period .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner {
  background: #353D51;
  font-weight: 500;
}
.lab-console .time-period .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner > div, .lab-console .time-period .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner > span,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner > div,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner > span {
  margin-left: 5px;
}
body.touched .lab-console .time-period .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:hover,
body.touched .lab-console .sort-select .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:hover {
  background: #174CBF;
}
.lab-console .time-period .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:before,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  vertical-align: middle;
  line-height: normal;
}
.lab-console .time-period .selectize-control.single .ui-select-choices-row-inner,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .lab-console .time-period .selectize-control.single .ui-select-choices-row-inner:hover,
body.touched .lab-console .sort-select .selectize-control.single .ui-select-choices-row-inner:hover {
  background: #174CBF;
}
.lab-console .time-period .selectize-control.single .ui-select-choices-row-inner i,
.lab-console .sort-select .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.lab-console .sort-select {
  display: block;
  z-index: 900;
}
@media screen and (min-width: 767px) {
  .lab-console .sort-select {
    padding: 0 15px;
  }
}
.lab-console__chart {
  margin: 18px 0 15px;
  padding: 0;
  height: 265px;
}
@media screen and (max-width: 1279px) {
  .lab-console__chart {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .lab-console__chart {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .lab-console__chart {
    margin: 0 0 30px;
    padding-right: 0;
  }
}
.lab-console__chart .chart-label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 30%;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lab-console__chart .chart-label {
    padding-right: 30px;
  }
}
@media screen and (max-width: 760px) {
  .lab-console__chart .chart-label {
    padding-right: 0;
  }
}
.lab-console__chart .chart-label h3 {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 9.5px;
  height: 39px;
  margin-bottom: 0;
  margin-top: -5px;
  padding-left: 9px;
}
.lab-console__chart .chart-label span {
  color: #FFFFFF;
  font-size: 75px;
  font-weight: 300;
  letter-spacing: 0.3px;
  height: 69px;
  width: 100%;
  margin-top: -15px;
  display: block;
}
.lab-console__chart .chart-container {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 265px;
}
.lab-console__chart .chart-container canvas {
  min-height: 1vh;
}
.lab-console__radios {
  width: 100%;
  font-weight: 300;
}
@media screen and (max-width: 1279px) {
  .lab-console__radios {
    padding: 54px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .lab-console__radios {
    padding: 54px 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .lab-console__radios[class*=col] {
    padding: 0 30px 0;
  }
}
@media screen and (max-width: 1279px) {
  .lab-console__radios:last-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .lab-console__radios:last-child {
    margin-bottom: 10px;
  }
}
.lab-console__radios p {
  position: relative;
  margin: 11px 0 15px;
}
.lab-console__radios ul {
  padding: 0;
  margin: 0;
}
.lab-console__radios ul > li {
  position: relative;
  margin: 11px 0 15px;
  list-style: none;
}
.lab-console__radios ul > li .child-list {
  list-style: none;
  padding-left: 35px;
}
.lab-console__radios label {
  margin: 0;
  padding: 0;
}
.lab-console__radios label svg {
  margin-right: 10px;
}
.lab-console__radios .item-number {
  color: white;
  float: right;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-left: auto;
}
.lab-console__radios .title {
  width: 100%;
  display: inline-block;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid #9EA6BE;
}
.lab-console__radios .title p {
  float: left;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}
body.touched .lab-console__radios .title a:hover {
  color: #42A8FF;
}
.lab-console .list-no-cards {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10em 0;
}
.lab-console .list-no-cards p {
  font-family: "Roboto";
  font-size: 1em;
  line-height: 3em;
  font-weight: 300;
}
.lab-console .list-no-cards a {
  font-weight: 300;
}
.lab-console .list-hero {
  z-index: 10;
  background: transparent;
  position: relative;
  padding: 0 0 0 50px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.lab-console .list-hero tbody {
  background: #030C26;
}
.lab-console .list-hero.empty {
  height: 100%;
}
@media screen and (max-width: 1379px) {
  .lab-console .list-hero {
    padding: 0 0 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 780px) {
  .lab-console .list-hero {
    margin-bottom: 0;
  }
}
.lab-console .list-hero svg {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .lab-console .list-hero svg {
    max-width: 80px;
  }
}
.lab-console .list-hero a {
  position: relative;
}
.lab-console .list-hero a.doc-download-all {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .lab-console .list-hero a.doc-download-all {
    width: 24px;
  }
}
.lab-console .list-hero a.doc-download-all.disabled {
  opacity: 0.6;
}
.lab-console .list-hero .right-hero-small {
  color: #FFFFFF;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .lab-console .list-hero .right-hero-small {
    height: auto;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small {
    height: auto;
    padding: 0;
  }
}
.lab-console .list-hero .right-hero-small [class^=col-],
.lab-console .list-hero .right-hero-small .col {
  padding-left: 10px;
  padding-right: 0;
}
.lab-console .list-hero .right-hero-small [class^=col-]:first-child,
.lab-console .list-hero .right-hero-small .col:first-child {
  padding-left: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .lab-console .list-hero .right-hero-small [class^=col-]:not(:first-child),
  .lab-console .list-hero .right-hero-small .col:not(:first-child) {
    padding-left: 28px;
  }
}
.lab-console .list-hero .right-hero-small .col {
  max-width: 110px;
}
@media screen and (max-width: 768px) {
  .lab-console .list-hero .right-hero-small .col {
    max-width: 100%;
  }
}
.lab-console .list-hero .right-hero-small .header-list {
  text-transform: uppercase;
  border-bottom: 2px solid #9EA6BE;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  padding-bottom: 5px;
  margin-bottom: 12px;
  overflow: hidden;
  word-break: break-word;
}
.lab-console .list-hero .right-hero-small .list-item {
  display: inline-block;
  width: 25%;
  height: auto;
  padding: 10px;
  float: left;
}
.lab-console .list-hero .right-hero-small .list-item:nth-child(1) strong {
  font-size: 14px;
}
.lab-console .list-hero .right-hero-small .list-item:nth-child(1) p {
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}
.lab-console .list-hero .right-hero-small .list-item:nth-child(4) {
  border: 0;
}
.lab-console .list-hero .right-hero-small .list-item p {
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.lab-console .list-hero .right-hero-small .list-item p strong {
  font-weight: 600 !important;
  font-size: 12px;
}
.lab-console .list-hero .right-hero-small .list-item img {
  margin-top: 0px;
  position: relative;
  top: 1px;
}
.lab-console .list-hero .right-hero-small .dr-status {
  padding: 17px 0px 2px 0px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  position: relative;
  left: 10px;
  margin-bottom: 9px;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
body.touched .lab-console .list-hero .right-hero-small .dr-status:hover {
  color: #42A8FF;
}
body.touched .lab-console .list-hero .right-hero-small .dr-status:hover .fa {
  color: #42A8FF;
}
.lab-console .list-hero .right-hero-small .accordion {
  min-height: 480px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion {
    padding: 0 10px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(1) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(2) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(4) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(5) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(6) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(7) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(8) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(9) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.lab-console .list-hero .right-hero-small .accordion .card:nth-child(10) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.lab-console .list-hero .right-hero-small .accordion [class^=col-] {
  padding-left: 20px;
}
.lab-console .list-hero .right-hero-small .accordion [class^=col-]:not(:first-child) {
  padding-left: 30px;
}
.lab-console .list-hero .right-hero-small .accordion .collapse {
  padding: 0;
}
.lab-console .list-hero .right-hero-small .accordion .card {
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header {
  padding: 0;
  border: 2px solid #353D51;
  border-left: 0;
  margin: 1px 0;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div {
  width: 100%;
  padding: 0;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a.focused {
  background: #353D51;
  border-right: 0;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a.focused > .row::before {
  width: 15px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row {
  border-right: 2px solid #353D51;
  height: 90px;
  transition: all 0.3s;
}
body.touched .lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row:hover {
  background: #353D51;
}
body.touched .lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row:hover::before {
  width: 15px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row.us-surgeon {
  padding: 20px 0;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #9EA6BE;
  transition: all 0.2s;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row.review::before {
  background: #FFAD00;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row.approval::before {
  background: #E5057F;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row.waitingForManufacturing::before {
  background: #42A8FF;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div a > .row.shipped::before {
  background: #599518;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .patient-name {
  min-width: 120px;
  border-right: 2px solid #353D51;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .patient-name {
    min-width: auto;
    margin: 0;
    border: 0;
    padding-left: 25px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .patient-name p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  font-weight: 500;
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .patient-name p {
    padding: 0;
    margin: 0;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials {
  position: relative;
  text-transform: uppercase;
  padding: 15px 30px 15px 5px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials {
    padding: 15px 0 15px;
  }
}
@media screen and (max-width: 320px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials {
    padding: 15px 0 15px 16px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials p {
  font-size: 32px;
  font-weight: 300;
  line-height: 70px;
  letter-spacing: 0.6px;
  margin: auto;
  height: 70px;
  width: 70px;
  border: 2px solid #9EA6BE;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials p {
    font-size: 30px;
  }
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials p:first-child {
    height: 60px;
    width: 60px;
    line-height: 60px;
    margin-bottom: 0;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials p i.new-message-icon {
  display: inline-block;
  width: 18px;
  position: absolute;
  top: 10px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials.private p {
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div .initials.private p {
    font-size: 13px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header > div p, .lab-console .list-hero .right-hero-small .accordion .card .card-header > div span {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-bottom: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header > div p:first-child, .lab-console .list-hero .right-hero-small .accordion .card .card-header > div span:first-child {
    margin-bottom: 11px;
  }
}
body.touched .lab-console .list-hero .right-hero-small .accordion .card .card-header button:hover {
  background: #353D51;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header button {
  border: 0;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header button {
    max-width: 40px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header button svg {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-header button svg {
    margin-left: -5px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-header .status {
  float: left;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body {
  padding: 0;
  border-left: 4px solid #9EA6BE;
  border-right: 2px solid #353D51;
  border-bottom: 2px solid #353D51;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #FFFFFF;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .row {
  border-bottom: 2px solid #353D51;
  padding: 20px 0px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-body .row {
    padding: 9px 0;
    margin: 0 15px 0 10px;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .row [class^=col-] {
  padding-left: 26px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .row h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 9px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .row:first-child .col-6 {
  padding-left: 120px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .row:last-child {
  border-bottom: 0;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body.review {
  border-left: 4px solid #FFAD00;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body.approval {
  border-left: 4px solid #E5057F;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body.waitingForManufacturing {
  border-left: 4px solid #42A8FF;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body.shipped {
  border-left: 4px solid #599518;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body p, .lab-console .list-hero .right-hero-small .accordion .card .card-body span {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  width: 100%;
  display: block;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body p.fill-blue, .lab-console .list-hero .right-hero-small .accordion .card .card-body span.fill-blue {
  width: 30px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body p.surgeon, .lab-console .list-hero .right-hero-small .accordion .card .card-body span.surgeon {
  text-align: right;
  border-right: 2px solid #353D51;
  padding: 0 20px;
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body p strong, .lab-console .list-hero .right-hero-small .accordion .card .card-body span strong {
  font-weight: 500;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  .lab-console .list-hero .right-hero-small .accordion .card .card-body p, .lab-console .list-hero .right-hero-small .accordion .card .card-body span {
    text-align: right;
  }
}
.lab-console .list-hero .right-hero-small .accordion .card .card-body .status {
  display: block;
  float: right;
}

.lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  transition: all 0.3s ease;
}

.lab-bg .to-do__content {
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
}
.lab-bg .to-do__content .dash-text, .lab-bg .to-do__content .priority, .lab-bg .to-do__content .favorite, .lab-bg .to-do__content .review-btn, .lab-bg .to-do__content .review-details {
  z-index: 1;
  position: relative;
}
body.touched .lab-bg .to-do:hover .to-do__content .background-image:before {
  background: rgba(255, 255, 255, 0.1);
}
body.touched .lab-bg .to-do:hover .to-do__content .review-btn {
  border: 1px solid white;
}
.lab-bg .to-do .icon-transitional {
  pointer-events: none;
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  display: block;
  margin: 18px;
}
.lab-bg .to-do .favorite {
  display: inline-block;
  margin: 18px;
  position: absolute;
  z-index: 100;
}
.lab-bg .to-do .priority {
  right: 20px;
}
.lab-bg .to-do .priority img {
  margin: 10px 0px 0px 11px;
}
.lab-bg .to-do .background-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.lab-bg .to-do .background-image:before {
  content: " ";
  background: transparent;
  width: 100%;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.lab-bg .to-do .background-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.lab-bg .to-do .background-image svg {
  margin: auto;
  display: block;
  margin-top: 20%;
  height: 40%;
  width: auto;
  opacity: 0.6;
  pointer-events: none;
}
.lab-bg .to-do .background-image svg use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.lab-bg .to-do .dash-text {
  position: absolute;
  top: 240px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .lab-bg .to-do .dash-text {
    top: 184px;
  }
}
.lab-bg .to-do .dash-text p {
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 35px;
  line-height: 49px;
  text-align: center;
  display: block;
  margin: 0px auto 95px auto;
  padding: 0 10px;
  width: 100%;
  max-height: 98px;
  text-shadow: 0px 0px 50px rgb(0, 0, 0);
}
.lab-bg .to-do .dash-text p.sk-w337 {
  width: 337px;
}
@media screen and (max-width: 1424px) {
  .lab-bg .to-do .dash-text p {
    font-size: 32px;
    line-height: 43px;
    margin: 0px auto 60px auto;
  }
}
.lab-bg .to-do .dash-text .review-btn {
  border: 1px solid #174CBF;
  border-radius: 80px;
  background-color: #174CBF;
  margin: 0 auto;
  font-weight: 500;
  line-height: 19px;
  transition: all 0.3s ease-in-out;
  display: table;
  width: 110px;
  height: 44px;
  padding: 11.5px 0;
}
body.touched .lab-bg .to-do .dash-text .review-btn:hover {
  border: 1px solid white;
}
.lab-bg .to-do .dash-text .review-btn p {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
  margin: 0 auto;
}
body.touched .lab-bg .to-do .dash-text .review-btn p:hover {
  transition: all 0.3s ease-in-out;
}
.lab-bg .to-do .review-details {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  margin-top: 45px;
  display: inline-block;
  padding: 10px 20px;
  position: absolute !important;
  bottom: 0;
  border-top: 1px solid #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .lab-bg .to-do .review-details {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 360px) {
  .lab-bg .to-do .review-details {
    padding: 10px 0;
  }
  .lab-bg .to-do .review-details .row {
    margin: 0 auto;
  }
}
.lab-bg .to-do .review-details .initials {
  width: auto;
  height: 100%;
  border-right: 2px solid #353D51;
  display: inline-block;
  color: white;
  padding-right: 15px;
}
@media screen and (max-width: 425px) {
  .lab-bg .to-do .review-details .initials {
    padding-right: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 320px) {
  .lab-bg .to-do .review-details .initials {
    padding-right: 5px;
    margin-right: 0;
    border: 0;
  }
}
.lab-bg .to-do .review-details .initials.private p {
  font-size: 12px;
  font-weight: 500;
}
.lab-bg .to-do .review-details .initials p {
  border-radius: 50%;
  margin: 0;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  width: 57px;
  height: 57px;
  line-height: 57px;
  font-size: 32px;
  border: 2px solid #FFFFFF;
}
.lab-bg .to-do .review-details .initials p.skeleton {
  border: 0;
}
@media screen and (max-width: 767px) {
  .lab-bg .to-do .review-details .initials p {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 425px) {
  .lab-bg .to-do .review-details .initials p {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
}
.lab-bg .to-do .checkbox {
  display: block;
  cursor: pointer;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin: 0;
}
.lab-bg .to-do .checkbox input[type=checkbox] {
  opacity: 0;
}
.lab-bg .to-do .checkbox .checked use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .lab-bg .to-do .checkbox .checked:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .lab-bg .to-do .checkbox:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.lab-bg .to-do .patient-name {
  width: auto;
  border-right: 2px solid #353D51;
  display: inline-block;
  color: white;
  padding-right: 15px;
  margin-top: 5px;
}
.lab-bg .to-do .patient-name p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
.lab-bg .to-do .patient-details {
  width: auto;
  display: inline-block;
  color: white;
}
.lab-bg .to-do .patient-details p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 0;
}
.lab-bg .to-do .patient-details p strong {
  font-weight: normal;
}
.lab-bg .to-do .patient-status {
  width: auto;
  display: inline-block;
  color: white;
  float: left;
  max-width: 95px;
}
@media screen and (max-width: 767px) {
  .lab-bg .to-do .patient-status {
    display: none;
  }
}
.lab-bg .to-do .patient-status .status svg {
  width: 100%;
}
@media screen and (max-width: 425px) {
  .lab-bg .to-do .patient-status .status svg {
    width: 70%;
    float: right;
  }
}
.lab-bg .to-do .patient-status p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-align: left;
  margin-bottom: 4px;
  margin-left: 5px;
}
.lab-bg .dashboard-card-container {
  display: block;
  width: 100%;
  height: 654px;
  padding: 30px 0 70px;
  transition: opacity 0.6s ease;
  background-color: rgba(3, 12, 38, 0.6);
  position: relative;
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container {
    padding: 30px 0px 55px;
    height: 585px;
  }
}
.lab-bg .dashboard-card-container.no-cards {
  display: none;
}
.lab-bg .dashboard-card-container .swiper-container {
  width: 100%;
  height: 100%;
  position: inherit;
  overflow: visible;
}
.lab-bg .dashboard-card-container .swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}
.lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide {
  min-width: 715px;
  width: 50vw;
  margin: 0 50px;
}
@media screen and (max-width: 1024px) {
  .lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide {
    min-width: 510px;
  }
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide {
    min-width: 270px;
    width: 90vw;
  }
}
.lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide:first-child {
  margin-left: calc(-25vw - 50px);
}
@media screen and (max-width: 1380px) {
  .lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide:first-child {
    margin-left: -25vw;
  }
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container .swiper-container.empty .swiper-slide:first-child {
    margin-left: calc(5vw - 20px);
  }
}
.lab-bg .dashboard-card-container .swiper-slide {
  background-position: center;
  background-size: cover;
  overflow-x: auto;
  background-color: #000000;
  box-shadow: 2px 5px 9px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .lab-bg .dashboard-card-container .swiper-slide {
    min-width: 510px;
  }
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container .swiper-slide {
    min-width: 272px;
  }
}
.lab-bg .dashboard-card-container .swiper-slide.swiper-slide-next, .lab-bg .dashboard-card-container .swiper-slide.swiper-slide-prev {
  opacity: 0.5;
}
.lab-bg .dashboard-card-container .swiper-button-next,
.lab-bg .dashboard-card-container .swiper-button-prev {
  opacity: 0.7;
  background-image: none;
  transition: 0.3s ease-in;
  width: 90px;
  height: 184px;
  top: 40%;
  margin-top: -22px;
}
body.touched .lab-bg .dashboard-card-container .swiper-button-next:hover,
body.touched .lab-bg .dashboard-card-container .swiper-button-prev:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container .swiper-button-next,
  .lab-bg .dashboard-card-container .swiper-button-prev {
    width: 50px;
    height: 103px;
  }
  .lab-bg .dashboard-card-container .swiper-button-next svg,
  .lab-bg .dashboard-card-container .swiper-button-prev svg {
    width: 100%;
    height: 100%;
  }
}
.lab-bg .dashboard-card-container .swiper-button-next:after,
.lab-bg .dashboard-card-container .swiper-button-prev:after {
  display: none;
}
.lab-bg .dashboard-card-container .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.lab-bg .dashboard-card-container .swiper-button-next {
  right: 0;
}
.lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  z-index: 9999;
  margin: 0 9px;
  position: relative;
  width: 15px;
  height: 15px;
  background-color: #42A8FF;
  opacity: 0.35;
}
body.touched .lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
  background-color: #0F7AD6;
}
.lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  position: absolute;
  bottom: -42.5px;
}
@media screen and (max-width: 767px) {
  .lab-bg .dashboard-card-container .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    bottom: -35px;
  }
}
.lab-bg .dashboard-card-container .swiper-button-prev.swiper-button-disabled,
.lab-bg .dashboard-card-container .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.row {
  display: flex;
}

.workload-flex-column {
  flex: 1;
}

.measurement-spaced-chart {
  width: 400px !important;
  margin-left: 50px;
}

.visit-not-available {
  text-align: center;
  vertical-align: central;
}

.patient-header {
  display: flex;
  justify-content: space-between;
}
.patient-header .patient-id {
  color: #42A8FF;
  cursor: pointer;
  text-decoration: underline;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.profile .add-profile-img {
  padding: 30px 0;
}
.profile .add-profile-img .profile-img {
  overflow: hidden;
  align-items: center;
  text-align: center;
  position: relative;
}
.profile .add-profile-img .profile-img p {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
}
.profile .add-profile-img .profile-img img {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}
.profile .add-profile-img a.btn {
  margin: 0 auto;
  display: table;
}
body.touched .profile .add-profile-img a.btn:hover {
  background: #174CBF;
}
.profile .profile-content {
  background: #030C26;
}
.profile .profile-content .profile-tabs .left-tabs {
  padding: 30px 50px;
}
@media (max-width: 760px) {
  .profile .profile-content .profile-tabs .left-tabs {
    padding: 20px 15px 30px;
  }
}
.profile .profile-content .profile-tabs .tab {
  display: inline-block;
  margin: 0 20px;
}
@media (max-width: 760px) {
  .profile .profile-content .profile-tabs .tab {
    margin: 0 10px;
  }
}
.profile .profile-content .profile-tabs .tab:first-child {
  margin-left: 0;
}
.profile .profile-content .profile-tabs .tab .skeleton.sk-visible.sk-w60 {
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
}
.profile .profile-content .profile-tabs .tab a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  cursor: pointer;
}
.profile .profile-content .profile-tabs .tab a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0.5;
  transition: 0.25s ease-in;
  background: #42A8FF;
}
body.touched .profile .profile-content .profile-tabs .tab a:hover::after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
.profile .profile-content .profile-tabs .tab.active a:after {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .profile .profile-content .activity,
  .profile .profile-content .account {
    padding: 0 50px 0 20px;
  }
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity,
  .profile .profile-content .account {
    padding: 0;
  }
}
.profile .profile-content .activity .list,
.profile .profile-content .account .list {
  padding: 20px 20px 35px 50px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .profile .profile-content .activity .list,
  .profile .profile-content .account .list {
    padding: 30px 30px;
  }
}
@media (max-width: 768px) {
  .profile .profile-content .activity .list,
  .profile .profile-content .account .list {
    padding: 30px 0 30px 30px;
  }
}
@media (max-width: 760px) {
  .profile .profile-content .activity .list,
  .profile .profile-content .account .list {
    padding: 0 15px 30px;
  }
}
.profile .profile-content .activity .list .list-row,
.profile .profile-content .account .list .list-row {
  margin-bottom: 50px;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list .list-row,
  .profile .profile-content .account .list .list-row {
    margin-bottom: 15px;
  }
}
.profile .profile-content .activity .list .list-header,
.profile .profile-content .account .list .list-header {
  border-bottom: 2px solid #9EA6BE;
  width: 100%;
  display: block;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
}
@media screen and (max-width: 858px) and (min-width: 757px) {
  .profile .profile-content .activity .list .list-header.display-fr,
  .profile .profile-content .account .list .list-header.display-fr {
    padding-right: 10vw;
  }
}
@media screen and (max-width: 440px) {
  .profile .profile-content .activity .list .list-header.display-fr,
  .profile .profile-content .account .list .list-header.display-fr {
    padding-right: 20vw;
  }
}
@media screen and (max-width: 858px) and (min-width: 757px) {
  .profile .profile-content .activity .list .list-header.display-en,
  .profile .profile-content .account .list .list-header.display-en {
    padding-right: 10vw;
  }
}
@media screen and (max-width: 381px) {
  .profile .profile-content .activity .list .list-header.display-en,
  .profile .profile-content .account .list .list-header.display-en {
    padding-right: 15vw;
  }
}
.profile .profile-content .activity .list .list-header a,
.profile .profile-content .account .list .list-header a {
  padding: 0 15px;
}
.profile .profile-content .activity .list .list-header.recent + a.list-item, body.touched .profile .profile-content .activity .list .list-header.recent a.list-item:hover, .profile .profile-content .activity .list .list-header.audit + a.list-item, body.touched .profile .profile-content .activity .list .list-header.audit a.list-item:hover,
.profile .profile-content .account .list .list-header.recent + a.list-item,
body.touched .profile .profile-content .account .list .list-header.recent a.list-item:hover,
.profile .profile-content .account .list .list-header.audit + a.list-item,
body.touched .profile .profile-content .account .list .list-header.audit a.list-item:hover {
  border-top: 0;
}
.profile .profile-content .activity .list .list-header.audit,
.profile .profile-content .account .list .list-header.audit {
  margin-top: 30px;
}
.profile .profile-content .activity .list a.list-item, .profile .profile-content .activity .list div.list-item,
.profile .profile-content .account .list a.list-item,
.profile .profile-content .account .list div.list-item {
  border-top: 2px solid rgba(158, 166, 190, 0.3);
}
.profile .profile-content .activity .list a.visibility-icon, .profile .profile-content .activity .list div.visibility-icon,
.profile .profile-content .account .list a.visibility-icon,
.profile .profile-content .account .list div.visibility-icon {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 999;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list a.visibility-icon, .profile .profile-content .activity .list div.visibility-icon,
  .profile .profile-content .account .list a.visibility-icon,
  .profile .profile-content .account .list div.visibility-icon {
    top: 23px;
  }
}
.profile .profile-content .activity .list .list-item,
.profile .profile-content .account .list .list-item {
  width: 100%;
  max-width: 100%;
  padding: 15px;
  font-size: 16px;
  letter-spacing: 0.3px;
}
.profile .profile-content .activity .list .list-item p, .profile .profile-content .activity .list .list-item i,
.profile .profile-content .account .list .list-item p,
.profile .profile-content .account .list .list-item i {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
.profile .profile-content .activity .list .list-item .action,
.profile .profile-content .account .list .list-item .action {
  font-weight: 500;
  line-height: 18px;
}
.profile .profile-content .activity .list .list-item .action span,
.profile .profile-content .account .list .list-item .action span {
  display: block;
}
.profile .profile-content .activity .list .list-item .date,
.profile .profile-content .account .list .list-item .date {
  font-weight: 300;
  line-height: 21px;
  display: block;
  width: 100%;
}
.profile .profile-content .activity .list form,
.profile .profile-content .account .list form {
  margin: 0;
}
.profile .profile-content .activity .list form .row,
.profile .profile-content .account .list form .row {
  margin: 0;
}
.profile .profile-content .activity .list form .list-item,
.profile .profile-content .account .list form .list-item {
  padding: 30px 15px;
  border-top: 2px solid rgba(158, 166, 190, 0.3);
}
.profile .profile-content .activity .list form .list-item:first-child,
.profile .profile-content .account .list form .list-item:first-child {
  border-top: 0;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list form .list-item.edit,
  .profile .profile-content .account .list form .list-item.edit {
    padding-bottom: 30px;
  }
}
.profile .profile-content .activity .list form .list-item .btn:not(.dropdown-toggle):not(.actions-btn),
.profile .profile-content .account .list form .list-item .btn:not(.dropdown-toggle):not(.actions-btn) {
  max-width: 125px;
  margin-left: 25px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 12px 25px;
}
@media screen and (max-width: 320px) {
  .profile .profile-content .activity .list form .list-item .btn:not(.dropdown-toggle):not(.actions-btn),
  .profile .profile-content .account .list form .list-item .btn:not(.dropdown-toggle):not(.actions-btn) {
    margin: 0 auto;
  }
}
.profile .profile-content .activity .list form .list-item .sub-item,
.profile .profile-content .account .list form .list-item .sub-item {
  padding-bottom: 30px;
}
.profile .profile-content .activity .list form .list-item .sub-item:last-child,
.profile .profile-content .account .list form .list-item .sub-item:last-child {
  padding: 0;
}
.profile .profile-content .activity .list form .list-item .input,
.profile .profile-content .account .list form .list-item .input {
  margin: 0;
}
.profile .profile-content .activity .list form .list-item .input input,
.profile .profile-content .account .list form .list-item .input input {
  border-bottom: 2px solid #9EA6BE;
}
.profile .profile-content .activity .list form .list-item .input input:focus,
.profile .profile-content .account .list form .list-item .input input:focus {
  border-bottom: 2px solid #42A8FF;
}
.profile .profile-content .activity .list form .list-item .input .required-mark,
.profile .profile-content .account .list form .list-item .input .required-mark {
  position: absolute;
  left: -10px;
}
.profile .profile-content .activity .list form .list-item .input + label.form-error,
.profile .profile-content .account .list form .list-item .input + label.form-error {
  display: contents;
  position: absolute;
  width: 100%;
}
.profile .profile-content .activity .list form .list-item .input + label.form-error svg use,
.profile .profile-content .account .list form .list-item .input + label.form-error svg use {
  fill: #F60012;
  --static-color: #F60012;
}
.profile .profile-content .activity .list form .list-item .input + label.form-error span,
.profile .profile-content .account .list form .list-item .input + label.form-error span {
  color: #F60012;
  line-height: 24px;
}
.profile .profile-content .activity .list form .list-item .input label.form-error,
.profile .profile-content .account .list form .list-item .input label.form-error {
  top: 55px;
  padding: 5px 0 0 16px;
}
.profile .profile-content .activity .list form .list-item .input label.form-error svg,
.profile .profile-content .account .list form .list-item .input label.form-error svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
  text-align: center;
  padding-top: 5px;
}
.profile .profile-content .activity .list form .list-item .input label.form-error svg use,
.profile .profile-content .account .list form .list-item .input label.form-error svg use {
  fill: #F60012;
  --static-color: #F60012;
}
.profile .profile-content .activity .list form .list-item .input label.form-error span,
.profile .profile-content .account .list form .list-item .input label.form-error span {
  margin-left: 20px;
  color: #F60012;
}
.profile .profile-content .activity .list form .list-item .input.text-input,
.profile .profile-content .account .list form .list-item .input.text-input {
  padding: 0;
}
.profile .profile-content .activity .list form .list-item .input.text-input:first-child,
.profile .profile-content .account .list form .list-item .input.text-input:first-child {
  padding-right: 22px;
}
@media screen and (max-width: 767px) {
  .profile .profile-content .activity .list form .list-item .input.text-input:first-child,
  .profile .profile-content .account .list form .list-item .input.text-input:first-child {
    padding: 0 0 25px;
  }
}
.profile .profile-content .activity .list form .list-item .input.text-input:first-child .visibility-icon,
.profile .profile-content .account .list form .list-item .input.text-input:first-child .visibility-icon {
  right: 22px;
}
@media screen and (max-width: 767px) {
  .profile .profile-content .activity .list form .list-item .input.text-input:first-child .visibility-icon,
  .profile .profile-content .account .list form .list-item .input.text-input:first-child .visibility-icon {
    right: 0;
  }
}
.profile .profile-content .activity .list form .list-item .input.text-input:first-child .password-requirements,
.profile .profile-content .account .list form .list-item .input.text-input:first-child .password-requirements {
  margin-bottom: 150px;
}
.profile .profile-content .activity .list form .list-item .input.text-input:nth-child(2),
.profile .profile-content .account .list form .list-item .input.text-input:nth-child(2) {
  padding-left: 22px;
}
@media screen and (max-width: 767px) {
  .profile .profile-content .activity .list form .list-item .input.text-input:nth-child(2),
  .profile .profile-content .account .list form .list-item .input.text-input:nth-child(2) {
    padding: 0;
  }
}
.profile .profile-content .activity .list form .list-item .input-error input,
.profile .profile-content .account .list form .list-item .input-error input {
  border-bottom: 2px solid #F60012;
}
.profile .profile-content .activity .list form .list-item .input-error input:focus,
.profile .profile-content .account .list form .list-item .input-error input:focus {
  border-bottom: 2px solid #F60012;
}
.profile .profile-content .activity .list form .list-item .input-error.password .form-error,
.profile .profile-content .account .list form .list-item .input-error.password .form-error {
  position: absolute;
  color: #F60012;
  top: 60px;
}
.profile .profile-content .activity .list form .list-item .input-error.password .form-error use,
.profile .profile-content .account .list form .list-item .input-error.password .form-error use {
  fill: #F60012;
  --static-color: #F60012;
}
.profile .profile-content .activity .list form .list-item .selectize-control,
.profile .profile-content .account .list form .list-item .selectize-control {
  margin-bottom: 30px;
}
.profile .profile-content .activity .list form .list-item .radio-group,
.profile .profile-content .account .list form .list-item .radio-group {
  display: flex;
  margin: 0;
  padding: 0;
}
.profile .profile-content .activity .list form .list-item .radio-group.language,
.profile .profile-content .account .list form .list-item .radio-group.language {
  display: block;
  margin-bottom: 30px;
}
.profile .profile-content .activity .list form .list-item .radio-group.language label,
.profile .profile-content .account .list form .list-item .radio-group.language label {
  margin: 10px 0;
  top: 0;
}
.profile .profile-content .activity .list form .list-item .radio-group label,
.profile .profile-content .account .list form .list-item .radio-group label {
  position: relative;
  margin: 0;
  width: auto;
}
.profile .profile-content .activity .list form .list-item .radio-group label > i,
.profile .profile-content .account .list form .list-item .radio-group label > i {
  border: 2px solid rgb(255, 255, 255);
}
.profile .profile-content .activity .list form .list-item .radio-group label > span,
.profile .profile-content .account .list form .list-item .radio-group label > span {
  height: 100%;
  padding: 0 0 0 10px;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin-right: 20px;
}
@media screen and (max-width: 320px) {
  .profile .profile-content .activity .list form .list-item .radio-group label > span,
  .profile .profile-content .account .list form .list-item .radio-group label > span {
    padding: 0;
    margin-right: 10px;
  }
}
.profile .profile-content .activity .list form .list-item .radio-group label > input:checked + i,
.profile .profile-content .account .list form .list-item .radio-group label > input:checked + i {
  background: #174CBF;
  border: 2px solid #174CBF;
  cursor: initial;
}
.profile .profile-content .activity .list form .list-item .radio-group label > input:checked + i + span,
.profile .profile-content .account .list form .list-item .radio-group label > input:checked + i + span {
  cursor: initial;
}
body.touched .profile .profile-content .activity .list form .list-item .radio-group label > input:hover + i,
body.touched .profile .profile-content .account .list form .list-item .radio-group label > input:hover + i {
  background: #174CBF;
  box-shadow: inset 0 0 0 3px #000000;
}
body.touched .profile .profile-content .activity .list form .list-item .radio-group label > input:hover:checked + i,
body.touched .profile .profile-content .account .list form .list-item .radio-group label > input:hover:checked + i {
  box-shadow: none;
}
.profile .profile-content .activity .list form .list-item .label,
.profile .profile-content .account .list form .list-item .label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.profile .profile-content .activity .list form .list-item .label .legend,
.profile .profile-content .account .list form .list-item .label .legend {
  margin-left: 10px;
}
.profile .profile-content .activity .list form .list-item .label .legend:hover use,
.profile .profile-content .account .list form .list-item .label .legend:hover use {
  --static-color: #174CBF;
  fill: #174CBF;
}
.profile .profile-content .activity .list form .list-item input[type=email],
.profile .profile-content .activity .list form .list-item input[type=number],
.profile .profile-content .activity .list form .list-item input[type=text],
.profile .profile-content .activity .list form .list-item input[type=tel],
.profile .profile-content .activity .list form .list-item input[type=url],
.profile .profile-content .activity .list form .list-item input[type=password],
.profile .profile-content .activity .list form .list-item select,
.profile .profile-content .activity .list form .list-item .value,
.profile .profile-content .account .list form .list-item input[type=email],
.profile .profile-content .account .list form .list-item input[type=number],
.profile .profile-content .account .list form .list-item input[type=text],
.profile .profile-content .account .list form .list-item input[type=tel],
.profile .profile-content .account .list form .list-item input[type=url],
.profile .profile-content .account .list form .list-item input[type=password],
.profile .profile-content .account .list form .list-item select,
.profile .profile-content .account .list form .list-item .value {
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 6px 0 0;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list form .list-item input[type=email]:not(.value),
  .profile .profile-content .activity .list form .list-item input[type=number]:not(.value),
  .profile .profile-content .activity .list form .list-item input[type=text]:not(.value),
  .profile .profile-content .activity .list form .list-item input[type=tel]:not(.value),
  .profile .profile-content .activity .list form .list-item input[type=url]:not(.value),
  .profile .profile-content .activity .list form .list-item input[type=password]:not(.value),
  .profile .profile-content .activity .list form .list-item select:not(.value),
  .profile .profile-content .activity .list form .list-item .value:not(.value),
  .profile .profile-content .account .list form .list-item input[type=email]:not(.value),
  .profile .profile-content .account .list form .list-item input[type=number]:not(.value),
  .profile .profile-content .account .list form .list-item input[type=text]:not(.value),
  .profile .profile-content .account .list form .list-item input[type=tel]:not(.value),
  .profile .profile-content .account .list form .list-item input[type=url]:not(.value),
  .profile .profile-content .account .list form .list-item input[type=password]:not(.value),
  .profile .profile-content .account .list form .list-item select:not(.value),
  .profile .profile-content .account .list form .list-item .value:not(.value) {
    height: 30px;
  }
}
.profile .profile-content .activity .list form .list-item input[type=email].link,
.profile .profile-content .activity .list form .list-item input[type=number].link,
.profile .profile-content .activity .list form .list-item input[type=text].link,
.profile .profile-content .activity .list form .list-item input[type=tel].link,
.profile .profile-content .activity .list form .list-item input[type=url].link,
.profile .profile-content .activity .list form .list-item input[type=password].link,
.profile .profile-content .activity .list form .list-item select.link,
.profile .profile-content .activity .list form .list-item .value.link,
.profile .profile-content .account .list form .list-item input[type=email].link,
.profile .profile-content .account .list form .list-item input[type=number].link,
.profile .profile-content .account .list form .list-item input[type=text].link,
.profile .profile-content .account .list form .list-item input[type=tel].link,
.profile .profile-content .account .list form .list-item input[type=url].link,
.profile .profile-content .account .list form .list-item input[type=password].link,
.profile .profile-content .account .list form .list-item select.link,
.profile .profile-content .account .list form .list-item .value.link {
  cursor: pointer;
  text-decoration: underline;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
body.touched .profile .profile-content .activity .list form .list-item input[type=email].link:hover,
body.touched .profile .profile-content .activity .list form .list-item input[type=number].link:hover,
body.touched .profile .profile-content .activity .list form .list-item input[type=text].link:hover,
body.touched .profile .profile-content .activity .list form .list-item input[type=tel].link:hover,
body.touched .profile .profile-content .activity .list form .list-item input[type=url].link:hover,
body.touched .profile .profile-content .activity .list form .list-item input[type=password].link:hover,
body.touched .profile .profile-content .activity .list form .list-item select.link:hover,
body.touched .profile .profile-content .activity .list form .list-item .value.link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=email].link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=number].link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=text].link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=tel].link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=url].link:hover,
body.touched .profile .profile-content .account .list form .list-item input[type=password].link:hover,
body.touched .profile .profile-content .account .list form .list-item select.link:hover,
body.touched .profile .profile-content .account .list form .list-item .value.link:hover {
  color: #174CBF;
}
.profile .profile-content .activity .list form .list-item input:-webkit-autofill,
.profile .profile-content .account .list form .list-item input:-webkit-autofill {
  background-color: #030C26;
  -webkit-box-shadow: 0 0 0px 1000px #030C26 inset;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list form .list-item .add-profile-img,
  .profile .profile-content .account .list form .list-item .add-profile-img {
    text-align: center;
  }
}
@media screen and (max-width: 760px) and (orientation: landscape) {
  .profile .profile-content .activity .list form .list-item .add-profile-img,
  .profile .profile-content .account .list form .list-item .add-profile-img {
    padding: 30px 25%;
  }
}
@media screen and (max-width: 568px) and (orientation: landscape) {
  .profile .profile-content .activity .list form .list-item .add-profile-img,
  .profile .profile-content .account .list form .list-item .add-profile-img {
    padding: 30px 15%;
  }
}
@media only screen and (max-width: 320px) {
  .profile .profile-content .activity .list form .list-item .add-profile-img .col-auto,
  .profile .profile-content .account .list form .list-item .add-profile-img .col-auto {
    display: block;
    width: 100%;
  }
}
.profile .profile-content .activity .list form .list-item img.profile-img,
.profile .profile-content .account .list form .list-item img.profile-img {
  width: 118px;
  height: 118px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin: 15px 0;
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list form .list-item img.profile-img,
  .profile .profile-content .account .list form .list-item img.profile-img {
    display: initial;
  }
}
@media screen and (max-width: 760px) {
  .profile .profile-content .activity .list form .save-cancel,
  .profile .profile-content .account .list form .save-cancel {
    text-align: center;
  }
}
.profile .profile-content .activity .list form div[class^=col],
.profile .profile-content .account .list form div[class^=col] {
  padding: 0;
}
.profile .profile-content .activity .list form .edit div[class^=col],
.profile .profile-content .account .list form .edit div[class^=col] {
  max-width: 250px;
}
.profile__hero {
  padding: 130px 50px 30px 50px;
  background: #081334;
  width: 100%;
}
@media (max-width: 1024px) {
  .profile__hero {
    padding: 130px 30px 50px;
  }
}
@media (max-width: 760px) {
  .profile__hero {
    padding: 100px 30px 10px;
  }
}
.profile__hero .personal-info {
  display: flex;
  align-items: center;
  padding: 0;
}
@media (max-width: 760px) {
  .profile__hero .personal-info {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}
.profile__hero .personal-info .profile-image {
  box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.15), 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 200px;
  display: inline-block;
  overflow: hidden;
  float: left;
  height: 200px;
  object-fit: cover;
}
@media (max-width: 760px) {
  .profile__hero .personal-info .profile-image {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: block;
    float: none;
    margin-bottom: 12px;
  }
}
.profile__hero .personal-info .identity {
  display: inline-block;
  float: left;
  margin: 0 30px;
}
.profile__hero .personal-info .identity h1, .profile__hero .personal-info .identity p {
  display: block;
  margin: 10px 0;
  height: 32px;
}
.profile__hero .personal-info .identity h1 {
  font-size: 32px;
  letter-spacing: 0.4px;
  text-transform: initial;
  font-weight: normal;
  word-break: break-word;
}
.profile__hero .personal-info .identity p {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.4px;
}
@media (max-width: 1024px) {
  .profile__hero .personal-info .identity {
    margin: auto 35px;
    padding: 0;
    max-width: 400px;
  }
}
@media (max-width: 760px) {
  .profile__hero .personal-info .identity {
    margin: 0;
    max-width: 100%;
    text-align: left;
  }
}
.profile .requirements {
  position: initial;
}
.profile .requirements ul {
  margin: 0;
}
.profile .requirements ul .icon-dot {
  margin-left: 0;
}

.activity a.list-item, .activity div.list-item {
  cursor: pointer;
}
body.touched .activity a.list-item:hover, body.touched .activity div.list-item:hover {
  background: rgba(53, 61, 81, 0.3);
  border-top: 2px solid rgba(89, 96, 118, 0);
}

.main-detail {
  margin-top: 10vh;
  min-height: 80vh;
}

.requirements {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding-top: 30px;
  position: absolute;
}
@media screen and (min-width: 767px) {
  .requirements {
    width: 380px;
    top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .requirements {
    bottom: 70px;
    width: 300px;
  }
}
@media screen and (max-width: 320px) {
  .requirements {
    bottom: 40px;
    width: 280px;
  }
}
.requirements ul {
  list-style: none;
  padding-left: 15px;
}
.requirements ul .icon-dot {
  margin: 0 9px 0 5px;
}
.requirements ul .icon-dot use {
  --static-color: #FFFFFF;
  fill: #FFFFFF;
}
.requirements ul .icon-approve use {
  --static-color: #599518;
  fill: #599518;
}

/**
* COLOR-VARIABLES
*/
.analytics-chart-svg {
  background: transparent;
  overflow: visible;
  width: 100%;
  height: 100%;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  cursor: pointer;
}
.analytics-chart-svg text {
  pointer-events: none;
}
.analytics-chart-svg .chart-name {
  fill: #FFFFFF;
  text-anchor: middle;
}
.analytics-chart-svg .scale-group .y-axis-vertical-line {
  stroke: #FFFFFF;
  stroke-width: 2px;
}
.analytics-chart-svg .scale-group .x-axis-label {
  fill: #FFFFFF;
  text-anchor: middle;
}
.analytics-chart-svg .scale-group .y-axis-label {
  fill: #FFFFFF;
  text-anchor: end;
}
.analytics-chart-svg .scale-group .y-axis-level:nth-child(1) .y-axis-horizontal-line {
  stroke: #FFFFFF;
  stroke-width: 2px;
}
.analytics-chart-svg .scale-group .y-axis-level .y-axis-horizontal-line {
  stroke: #333333;
  stroke-width: 1px;
}
.analytics-chart-svg .stage-group:nth-of-type(2) {
  stroke: #E5057F;
  fill: #E5057F;
}
.analytics-chart-svg .stage-group:nth-of-type(2) .points-group circle {
  stroke: rgb(169.1076923077, 3.6923076923, 93.7846153846);
  fill: rgb(169.1076923077, 3.6923076923, 93.7846153846);
}
body.touched .analytics-chart-svg .stage-group:nth-of-type(2) .points-group circle:hover {
  stroke: #FFFFFF;
  fill: #E5057F;
}
.analytics-chart-svg .stage-group:nth-of-type(3) {
  stroke: #42A8FF;
  fill: #42A8FF;
}
.analytics-chart-svg .stage-group:nth-of-type(3) .points-group circle {
  stroke: rgb(4.8, 139.8285714286, 255);
  fill: rgb(4.8, 139.8285714286, 255);
}
body.touched .analytics-chart-svg .stage-group:nth-of-type(3) .points-group circle:hover {
  stroke: #FFFFFF;
  fill: #42A8FF;
}
.analytics-chart-svg .stage-group:nth-of-type(4) {
  stroke: #599518;
  fill: #599518;
}
.analytics-chart-svg .stage-group:nth-of-type(4) .points-group circle {
  stroke: rgb(57.5156069364, 96.2901734104, 15.5098265896);
  fill: rgb(57.5156069364, 96.2901734104, 15.5098265896);
}
body.touched .analytics-chart-svg .stage-group:nth-of-type(4) .points-group circle:hover {
  stroke: #FFFFFF;
  fill: #599518;
}
.analytics-chart-svg .graph-group .graph-area {
  fill-opacity: 0.5;
  stroke-opacity: 0;
  stroke-width: 2px;
}
body.touched .analytics-chart-svg .graph-group .graph-area:hover {
  stroke-opacity: 1;
}
body.touched .analytics-chart-svg .points-group circle:hover {
  stroke-opacity: 1;
}
.analytics-chart-svg .points-group circle.selected {
  stroke: #FFFFFF;
  stroke-opacity: 0.8;
}
.analytics-chart-svg .points-group circle.selected.pre-op {
  fill: rgb(169.1076923077, 3.6923076923, 93.7846153846);
}
.analytics-chart-svg .points-group circle.selected.plan {
  fill: rgb(4.8, 139.8285714286, 255);
}
.analytics-chart-svg .points-group circle.selected.post-op {
  fill: rgb(57.5156069364, 96.2901734104, 15.5098265896);
}
.analytics-chart-svg .points-group circle.selected.last-selected, body.touched .analytics-chart-svg .points-group circle.selected:hover {
  fill-opacity: 1;
  stroke-opacity: 1;
}
.analytics-chart-svg .points-group circle.selected.last-selected.pre-op, body.touched .analytics-chart-svg .points-group circle.selected:hover.pre-op {
  fill: #E5057F;
}
.analytics-chart-svg .points-group circle.selected.last-selected.plan, body.touched .analytics-chart-svg .points-group circle.selected:hover.plan {
  fill: #42A8FF;
}
.analytics-chart-svg .points-group circle.selected.last-selected.post-op, body.touched .analytics-chart-svg .points-group circle.selected:hover.post-op {
  fill: #599518;
}
.analytics-chart-svg .median-line {
  stroke-width: 2px;
  opacity: 0.55;
}
.analytics-chart-svg .mean-line {
  stroke-width: 3 !important;
  stroke-linecap: round;
  stroke-dasharray: 0.3, 10 !important;
}
.analytics-chart-svg .mean-line, .analytics-chart-svg .min-line, .analytics-chart-svg .max-line {
  stroke-width: 2px;
  stroke-dasharray: 5px;
  opacity: 0.55;
}
body.touched .analytics-chart-svg .mean-line:hover, body.touched .analytics-chart-svg .min-line:hover, body.touched .analytics-chart-svg .max-line:hover {
  opacity: 1;
}

line.selected {
  stroke: #FFFFFF;
  opacity: 0.3;
  stroke-width: 2px;
}
line.selected.last-selected {
  opacity: 1;
}

body.touched .line-group:hover circle.selected {
  stroke-opacity: 1;
}
body.touched .line-group:hover line {
  opacity: 1;
}

.analytics-chart-tooltip {
  transition: opacity 0.2s ease-in-out;
  display: none;
  position: absolute;
  text-align: left;
  padding: 10px 15px;
  background: #FFFFFF;
  border: 0;
  border-radius: 21px;
  pointer-events: none;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  min-width: 120px;
  font-weight: 300;
  z-index: 99;
}
.analytics-chart-tooltip span {
  font-weight: normal;
}
.analytics-chart-tooltip span.max {
  display: block;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.analytics-chart-tooltip span.initials {
  height: 30px;
  width: 30px;
  border: 1px solid #000000;
  border-radius: 50%;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}
.analytics-chart-tooltip span.case-number {
  text-transform: uppercase;
}
.analytics-chart-tooltip span.data-title {
  display: block;
  margin-bottom: -13px;
}
.analytics-chart-tooltip .sub-title {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 50px;
  font-style: normal;
  padding: 14px 0;
  line-height: 16px;
  display: block;
}
.analytics-chart-tooltip .sub-title:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 2px;
  margin-top: 30px;
  background: #9EA6BE;
}
.analytics-chart-tooltip:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  margin: 0 auto;
  top: -9px;
  margin: 0;
  left: calc(50% - 5px);
  right: 0;
}

.chart-block {
  margin: 0 0 30px;
  border: 0 !important;
}
@media screen and (max-width: 1023px) {
  .chart-block {
    padding: 0;
    margin: 0 0 30px !important;
    max-width: 100% !important;
  }
}
.chart-block .block-inner {
  display: block;
  min-height: 650px;
  background-color: #000000;
}
@media screen and (max-width: 1023px) {
  .chart-block .block-inner {
    min-height: auto;
  }
}
.chart-block .block-inner .block-header {
  height: 60px;
  border-bottom: 2px solid #000000;
  display: flex;
  align-items: center;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .chart-block .block-inner .block-header {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 20px 0;
  }
}
.chart-block .block-inner .block-header h3 {
  font-size: 26px;
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .chart-block .block-inner .block-header h3 {
    margin-bottom: 20px;
  }
}
.chart-block .block-inner .block-header > div:not(.multi-select) {
  height: 100%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .chart-block .block-inner .block-header > div:not(.multi-select) {
    margin-left: 0;
  }
}
.chart-block .block-inner .block-header > div:not(.multi-select) button {
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .chart-block .block-inner .block-header > div:not(.multi-select) button {
    padding: 0 0 20px;
  }
}
.chart-block .block-inner .block-header > div:not(.multi-select) button:not(:last-child) {
  margin-right: 30px;
}
.chart-block .block-inner .block-header > div:not(.multi-select) button:after {
  height: 5px;
  width: 100%;
  left: 0;
  bottom: -2px;
  content: "";
  display: block;
  position: absolute;
  background-color: #42A8FF;
  transform: scaleX(0);
  opacity: 0;
  transition: 0.25s ease-in;
}
body.touched .chart-block .block-inner .block-header > div:not(.multi-select) button:hover {
  color: #42A8FF;
}
body.touched .chart-block .block-inner .block-header > div:not(.multi-select) button:hover:after {
  background-color: #42A8FF;
  transform: scaleX(1);
  opacity: 1;
}
.chart-block .block-inner .block-header > div:not(.multi-select) button.active {
  color: #42A8FF;
  border-bottom: 2px solid #42A8FF;
}
.chart-block .block-inner .block-header > div:not(.multi-select) button.active:after {
  transform: scaleX(1);
  opacity: 1;
  bottom: -4px;
}
.chart-block .block-inner .block-header .multi-select {
  margin-right: 30px;
  width: 220px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .chart-block .block-inner .block-header .multi-select {
    margin: 0 0 30px;
  }
}
.chart-block .block-inner .block-header .multi-select + div {
  margin-left: 0;
}
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-toggle.bs-placeholder,
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-toggle.btn-light {
  width: 100%;
}
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-menu.show {
  min-width: 220px !important;
  width: 220px;
  background-color: #353D51;
}
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-menu.show .btn-group {
  flex-direction: column;
  align-items: center;
}
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-menu.show .btn-group :first-child {
  margin-bottom: 10px;
}
.chart-block .block-inner .block-header .multi-select .bootstrap-select > .dropdown-menu.show .inner.show ul .dropdown-item span.text {
  width: 180px;
}
.chart-block .block-inner .block-body {
  padding: 20px 40px;
}
.chart-block .chartWrapper {
  position: relative;
  overflow-x: auto;
}
.chart-block .chartWrapper.hidden {
  visibility: hidden;
  opacity: 0;
}
.chart-block .chartWrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  z-index: 10;
}
.chart-block .chartWrapper::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.chart-block .chartWrapper::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .chart-block .chartWrapper::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.chart-block .chartWrapper::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.chart-block .chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
}

.monitoring-canvas {
  display: flex;
  flex-direction: column;
}
.monitoring-canvas > div {
  margin: 50px 0;
}

.analysis-cases,
.pacs-list {
  padding: 15px 0 10px 15px;
  display: inline-flex;
  width: 100%;
  height: auto;
  max-height: 600px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .analysis-cases,
  .pacs-list {
    padding: 15px 50px 10px 15px;
  }
}
@media screen and (max-width: 1023px) {
  .analysis-cases,
  .pacs-list {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .analysis-cases,
  .pacs-list {
    padding: 15px 0 30px;
  }
}
.analysis-cases.empty .table-scroll,
.pacs-list.empty .table-scroll {
  width: calc(100% - 139px);
}
.analysis-cases.empty .table-scroll tbody td .line,
.pacs-list.empty .table-scroll tbody td .line {
  display: block;
  content: "";
  height: 24px;
  width: 100%;
  background: #9EA6BE;
  border-radius: 24px;
}
.analysis-cases.overlay:after,
.pacs-list.overlay:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 20px;
  top: 15px;
  opacity: 1;
  z-index: 9;
  width: 30px;
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  right: 0;
}
@media screen and (max-width: 1279px) {
  .analysis-cases.overlay:after,
  .pacs-list.overlay:after {
    right: 49px;
  }
}
@media screen and (max-width: 768px) {
  .analysis-cases.overlay:after,
  .pacs-list.overlay:after {
    right: 0;
  }
}
.analysis-cases .table-scroll,
.analysis-cases .table-fixed,
.pacs-list .table-scroll,
.pacs-list .table-fixed {
  overflow: auto;
  float: left;
  box-sizing: border-box;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .analysis-cases .table-scroll,
  .analysis-cases .table-fixed,
  .pacs-list .table-scroll,
  .pacs-list .table-fixed {
    height: 530px;
  }
}
.analysis-cases .table-scroll table,
.analysis-cases .table-fixed table,
.pacs-list .table-scroll table,
.pacs-list .table-fixed table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.analysis-cases .table-scroll table p,
.analysis-cases .table-fixed table p,
.pacs-list .table-scroll table p,
.pacs-list .table-fixed table p {
  margin-bottom: 0;
  font-size: 16px;
}
.analysis-cases .table-scroll table thead th,
.analysis-cases .table-fixed table thead th,
.pacs-list .table-scroll table thead th,
.pacs-list .table-fixed table thead th {
  background: #030C26;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  border-bottom: 2px solid #FFFFFF;
  z-index: 4;
  padding: 0 8px 5px 12px;
  text-transform: uppercase;
  height: 65px;
}
.analysis-cases .table-scroll table thead th span,
.analysis-cases .table-fixed table thead th span,
.pacs-list .table-scroll table thead th span,
.pacs-list .table-fixed table thead th span {
  display: block;
}
.analysis-cases .table-scroll table thead th span:not(.multi-line),
.analysis-cases .table-fixed table thead th span:not(.multi-line),
.pacs-list .table-scroll table thead th span:not(.multi-line),
.pacs-list .table-fixed table thead th span:not(.multi-line) {
  height: 16px;
}
.analysis-cases .table-scroll table thead th.w-60,
.analysis-cases .table-fixed table thead th.w-60,
.pacs-list .table-scroll table thead th.w-60,
.pacs-list .table-fixed table thead th.w-60 {
  min-width: 60px;
}
@media screen and (min-width: 1024px) {
  .analysis-cases .table-scroll table thead th.w-60,
  .analysis-cases .table-fixed table thead th.w-60,
  .pacs-list .table-scroll table thead th.w-60,
  .pacs-list .table-fixed table thead th.w-60 {
    width: 60px;
    max-width: 60px;
  }
  .analysis-cases .table-scroll table thead th.w-60 p,
  .analysis-cases .table-fixed table thead th.w-60 p,
  .pacs-list .table-scroll table thead th.w-60 p,
  .pacs-list .table-fixed table thead th.w-60 p {
    width: 40px;
    max-width: 40px;
  }
}
.analysis-cases .table-scroll table thead th.w-110,
.analysis-cases .table-fixed table thead th.w-110,
.pacs-list .table-scroll table thead th.w-110,
.pacs-list .table-fixed table thead th.w-110 {
  min-width: 110px;
}
@media screen and (min-width: 1024px) {
  .analysis-cases .table-scroll table thead th.w-110,
  .analysis-cases .table-fixed table thead th.w-110,
  .pacs-list .table-scroll table thead th.w-110,
  .pacs-list .table-fixed table thead th.w-110 {
    width: 110px;
    max-width: 110px;
  }
  .analysis-cases .table-scroll table thead th.w-110 p,
  .analysis-cases .table-fixed table thead th.w-110 p,
  .pacs-list .table-scroll table thead th.w-110 p,
  .pacs-list .table-fixed table thead th.w-110 p {
    width: 90px;
    max-width: 90px;
  }
}
.analysis-cases .table-scroll table thead th.w-130,
.analysis-cases .table-fixed table thead th.w-130,
.pacs-list .table-scroll table thead th.w-130,
.pacs-list .table-fixed table thead th.w-130 {
  min-width: 130px;
}
@media screen and (min-width: 1024px) {
  .analysis-cases .table-scroll table thead th.w-130,
  .analysis-cases .table-fixed table thead th.w-130,
  .pacs-list .table-scroll table thead th.w-130,
  .pacs-list .table-fixed table thead th.w-130 {
    width: 130px;
    max-width: 130px;
  }
  .analysis-cases .table-scroll table thead th.w-130.display-en p,
  .analysis-cases .table-fixed table thead th.w-130.display-en p,
  .pacs-list .table-scroll table thead th.w-130.display-en p,
  .pacs-list .table-fixed table thead th.w-130.display-en p {
    width: 80px;
    max-width: 80px;
  }
}
.analysis-cases .table-scroll table thead th.w-145,
.analysis-cases .table-fixed table thead th.w-145,
.pacs-list .table-scroll table thead th.w-145,
.pacs-list .table-fixed table thead th.w-145 {
  min-width: 145px;
}
@media screen and (min-width: 1024px) {
  .analysis-cases .table-scroll table thead th.w-145,
  .analysis-cases .table-fixed table thead th.w-145,
  .pacs-list .table-scroll table thead th.w-145,
  .pacs-list .table-fixed table thead th.w-145 {
    width: 145px;
    max-width: 145px;
  }
  .analysis-cases .table-scroll table thead th.w-145 p,
  .analysis-cases .table-fixed table thead th.w-145 p,
  .pacs-list .table-scroll table thead th.w-145 p,
  .pacs-list .table-fixed table thead th.w-145 p {
    width: 115px;
    max-width: 115px;
  }
}
.analysis-cases .table-scroll table tbody .focused th,
.analysis-cases .table-fixed table tbody .focused th,
.pacs-list .table-scroll table tbody .focused th,
.pacs-list .table-fixed table tbody .focused th {
  background-color: #353D51;
}
.analysis-cases .table-scroll table tbody tr,
.analysis-cases .table-fixed table tbody tr,
.pacs-list .table-scroll table tbody tr,
.pacs-list .table-fixed table tbody tr {
  height: 110px;
  padding: 15px;
}
body.touched .analysis-cases .table-scroll table tbody tr:hover,
body.touched .analysis-cases .table-fixed table tbody tr:hover,
body.touched .pacs-list .table-scroll table tbody tr:hover,
body.touched .pacs-list .table-fixed table tbody tr:hover {
  background-color: #353D51;
}
body.touched .analysis-cases .table-scroll table tbody tr:hover th,
body.touched .analysis-cases .table-fixed table tbody tr:hover th,
body.touched .pacs-list .table-scroll table tbody tr:hover th,
body.touched .pacs-list .table-fixed table tbody tr:hover th {
  background: #353D51;
}
.analysis-cases .table-scroll table tbody tr td span.anchor,
.analysis-cases .table-fixed table tbody tr td span.anchor,
.pacs-list .table-scroll table tbody tr td span.anchor,
.pacs-list .table-fixed table tbody tr td span.anchor {
  position: absolute;
  margin-top: -80px;
}
.analysis-cases .table-scroll table tbody tr td, .analysis-cases .table-scroll table tbody tr th,
.analysis-cases .table-fixed table tbody tr td,
.analysis-cases .table-fixed table tbody tr th,
.pacs-list .table-scroll table tbody tr td,
.pacs-list .table-scroll table tbody tr th,
.pacs-list .table-fixed table tbody tr td,
.pacs-list .table-fixed table tbody tr th {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  cursor: pointer;
  overflow: hidden;
}
.analysis-cases .table-scroll table tbody tr td .edit, .analysis-cases .table-scroll table tbody tr th .edit,
.analysis-cases .table-fixed table tbody tr td .edit,
.analysis-cases .table-fixed table tbody tr th .edit,
.pacs-list .table-scroll table tbody tr td .edit,
.pacs-list .table-scroll table tbody tr th .edit,
.pacs-list .table-fixed table tbody tr td .edit,
.pacs-list .table-fixed table tbody tr th .edit {
  margin-right: 20px;
  display: inline;
}
body.touched .analysis-cases .table-scroll table tbody tr td .edit:hover use, body.touched .analysis-cases .table-scroll table tbody tr th .edit:hover use,
body.touched .analysis-cases .table-fixed table tbody tr td .edit:hover use,
body.touched .analysis-cases .table-fixed table tbody tr th .edit:hover use,
body.touched .pacs-list .table-scroll table tbody tr td .edit:hover use,
body.touched .pacs-list .table-scroll table tbody tr th .edit:hover use,
body.touched .pacs-list .table-fixed table tbody tr td .edit:hover use,
body.touched .pacs-list .table-fixed table tbody tr th .edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.analysis-cases .table-scroll table tbody tr td tr:last-child td, .analysis-cases .table-scroll table tbody tr td tr:last-child th, .analysis-cases .table-scroll table tbody tr th tr:last-child td, .analysis-cases .table-scroll table tbody tr th tr:last-child th,
.analysis-cases .table-fixed table tbody tr td tr:last-child td,
.analysis-cases .table-fixed table tbody tr td tr:last-child th,
.analysis-cases .table-fixed table tbody tr th tr:last-child td,
.analysis-cases .table-fixed table tbody tr th tr:last-child th,
.pacs-list .table-scroll table tbody tr td tr:last-child td,
.pacs-list .table-scroll table tbody tr td tr:last-child th,
.pacs-list .table-scroll table tbody tr th tr:last-child td,
.pacs-list .table-scroll table tbody tr th tr:last-child th,
.pacs-list .table-fixed table tbody tr td tr:last-child td,
.pacs-list .table-fixed table tbody tr td tr:last-child th,
.pacs-list .table-fixed table tbody tr th tr:last-child td,
.pacs-list .table-fixed table tbody tr th tr:last-child th {
  border-bottom: 0;
}
.analysis-cases .table-scroll table tbody tr.empty,
.analysis-cases .table-fixed table tbody tr.empty,
.pacs-list .table-scroll table tbody tr.empty,
.pacs-list .table-fixed table tbody tr.empty {
  visibility: hidden;
  width: 100% !important;
  transition: none;
}
.analysis-cases .table-scroll table tbody tr.empty:not(.sk-visible),
.analysis-cases .table-fixed table tbody tr.empty:not(.sk-visible),
.pacs-list .table-scroll table tbody tr.empty:not(.sk-visible),
.pacs-list .table-fixed table tbody tr.empty:not(.sk-visible) {
  opacity: 0 !important;
  display: none;
  height: 0;
}
.analysis-cases .table-scroll table tbody tr.empty.sk-visible,
.analysis-cases .table-fixed table tbody tr.empty.sk-visible,
.pacs-list .table-scroll table tbody tr.empty.sk-visible,
.pacs-list .table-fixed table tbody tr.empty.sk-visible {
  margin-top: 30px;
  visibility: visible;
}
body .analysis-cases .table-scroll table tbody tr.empty .sk-fade-out,
body .analysis-cases .table-fixed table tbody tr.empty .sk-fade-out,
body .pacs-list .table-scroll table tbody tr.empty .sk-fade-out,
body .pacs-list .table-fixed table tbody tr.empty .sk-fade-out {
  transition: none;
  animation: none;
}
body .analysis-cases .table-scroll table tbody tr.empty .sk-fade-out:after, body .analysis-cases .table-scroll table tbody tr.empty .sk-fade-out:before,
body .analysis-cases .table-fixed table tbody tr.empty .sk-fade-out:after,
body .analysis-cases .table-fixed table tbody tr.empty .sk-fade-out:before,
body .pacs-list .table-scroll table tbody tr.empty .sk-fade-out:after,
body .pacs-list .table-scroll table tbody tr.empty .sk-fade-out:before,
body .pacs-list .table-fixed table tbody tr.empty .sk-fade-out:after,
body .pacs-list .table-fixed table tbody tr.empty .sk-fade-out:before {
  transition: none;
}
.analysis-cases .table-scroll table tbody tr.empty:after,
.analysis-cases .table-fixed table tbody tr.empty:after,
.pacs-list .table-scroll table tbody tr.empty:after,
.pacs-list .table-fixed table tbody tr.empty:after {
  display: none;
}
.analysis-cases .table-scroll table tbody tr.empty .initials,
.analysis-cases .table-fixed table tbody tr.empty .initials,
.pacs-list .table-scroll table tbody tr.empty .initials,
.pacs-list .table-fixed table tbody tr.empty .initials {
  border: 0;
}
.analysis-cases .table-scroll table tbody tr:not(.empty),
.analysis-cases .table-fixed table tbody tr:not(.empty),
.pacs-list .table-scroll table tbody tr:not(.empty),
.pacs-list .table-fixed table tbody tr:not(.empty) {
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
  position: relative;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(1),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(1),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(1),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(2),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(2),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(2),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(3),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(3),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(3),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(4),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(4),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(4),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(5),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(5),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(5),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(6),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(6),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(6),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(7),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(7),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(7),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(8),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(8),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(8),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(8) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(9),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(9),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(9),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(9) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(10),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(10),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(10),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(10) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(11),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(11),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(11),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(11) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(12),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(12),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(12),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(12) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(13),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(13),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(13),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(13) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(14),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(14),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(14),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(14) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(15),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(15),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(15),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(15) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(16),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(16),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(16),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(16) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(17),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(17),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(17),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(17) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(18),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(18),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(18),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(18) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(19),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(19),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(19),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(19) {
  animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(20),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(20),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(20),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(20) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(21),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(21),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(21),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(21) {
  animation-delay: 2.1s;
  -webkit-animation-delay: 2.1s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(22),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(22),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(22),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(22) {
  animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(23),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(23),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(23),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(23) {
  animation-delay: 2.3s;
  -webkit-animation-delay: 2.3s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(24),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(24),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(24),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(24) {
  animation-delay: 2.4s;
  -webkit-animation-delay: 2.4s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(25),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(25),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(25),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(25) {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(26),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(26),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(26),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(26) {
  animation-delay: 2.6s;
  -webkit-animation-delay: 2.6s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(27),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(27),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(27),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(27) {
  animation-delay: 2.7s;
  -webkit-animation-delay: 2.7s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(28),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(28),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(28),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(28) {
  animation-delay: 2.8s;
  -webkit-animation-delay: 2.8s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(29),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(29),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(29),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(29) {
  animation-delay: 2.9s;
  -webkit-animation-delay: 2.9s;
}
.analysis-cases .table-scroll table tbody tr:not(.empty):nth-child(30),
.analysis-cases .table-fixed table tbody tr:not(.empty):nth-child(30),
.pacs-list .table-scroll table tbody tr:not(.empty):nth-child(30),
.pacs-list .table-fixed table tbody tr:not(.empty):nth-child(30) {
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease-in 3s;
  }
}
.analysis-cases .table-scroll table td, .analysis-cases .table-scroll table th,
.analysis-cases .table-fixed table td,
.analysis-cases .table-fixed table th,
.pacs-list .table-scroll table td,
.pacs-list .table-scroll table th,
.pacs-list .table-fixed table td,
.pacs-list .table-fixed table th {
  vertical-align: middle;
  word-wrap: break-word;
  border-bottom: 2px solid #353D51;
}
.analysis-cases .table-scroll table td .ui-select-highlight, .analysis-cases .table-scroll table th .ui-select-highlight,
.analysis-cases .table-fixed table td .ui-select-highlight,
.analysis-cases .table-fixed table th .ui-select-highlight,
.pacs-list .table-scroll table td .ui-select-highlight,
.pacs-list .table-scroll table th .ui-select-highlight,
.pacs-list .table-fixed table td .ui-select-highlight,
.pacs-list .table-fixed table th .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}
.analysis-cases .table-scroll table td.no-match, .analysis-cases .table-scroll table th.no-match,
.analysis-cases .table-fixed table td.no-match,
.analysis-cases .table-fixed table th.no-match,
.pacs-list .table-scroll table td.no-match,
.pacs-list .table-scroll table th.no-match,
.pacs-list .table-fixed table td.no-match,
.pacs-list .table-fixed table th.no-match {
  border-bottom: 0;
}
.analysis-cases .table-scroll table td.min-110, .analysis-cases .table-scroll table th.min-110,
.analysis-cases .table-fixed table td.min-110,
.analysis-cases .table-fixed table th.min-110,
.pacs-list .table-scroll table td.min-110,
.pacs-list .table-scroll table th.min-110,
.pacs-list .table-fixed table td.min-110,
.pacs-list .table-fixed table th.min-110 {
  min-width: 110px;
}
body.touched .analysis-cases .table-scroll table td:hover use, body.touched .analysis-cases .table-scroll table th:hover use,
body.touched .analysis-cases .table-fixed table td:hover use,
body.touched .analysis-cases .table-fixed table th:hover use,
body.touched .pacs-list .table-scroll table td:hover use,
body.touched .pacs-list .table-scroll table th:hover use,
body.touched .pacs-list .table-fixed table td:hover use,
body.touched .pacs-list .table-fixed table th:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.analysis-cases .table-scroll table td .line-limit-3, .analysis-cases .table-scroll table th .line-limit-3,
.analysis-cases .table-fixed table td .line-limit-3,
.analysis-cases .table-fixed table th .line-limit-3,
.pacs-list .table-scroll table td .line-limit-3,
.pacs-list .table-scroll table th .line-limit-3,
.pacs-list .table-fixed table td .line-limit-3,
.pacs-list .table-fixed table th .line-limit-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.analysis-cases .table-scroll table thead th:nth-child(-n+2),
.analysis-cases .table-fixed table thead th:nth-child(-n+2),
.pacs-list .table-scroll table thead th:nth-child(-n+2),
.pacs-list .table-fixed table thead th:nth-child(-n+2) {
  z-index: 5;
}
.analysis-cases .table-scroll table input.check[type=checkbox],
.analysis-cases .table-fixed table input.check[type=checkbox],
.pacs-list .table-scroll table input.check[type=checkbox],
.pacs-list .table-fixed table input.check[type=checkbox] {
  cursor: pointer;
}
.analysis-cases .table-scroll table input.check[type=checkbox] ~ label,
.analysis-cases .table-fixed table input.check[type=checkbox] ~ label,
.pacs-list .table-scroll table input.check[type=checkbox] ~ label,
.pacs-list .table-fixed table input.check[type=checkbox] ~ label {
  margin: auto;
  padding: 0;
  cursor: pointer;
}
.analysis-cases .table-scroll table input.check[type=checkbox] ~ label:before,
.analysis-cases .table-fixed table input.check[type=checkbox] ~ label:before,
.pacs-list .table-scroll table input.check[type=checkbox] ~ label:before,
.pacs-list .table-fixed table input.check[type=checkbox] ~ label:before {
  display: none;
}
.analysis-cases .table-scroll table input.check[type=checkbox] ~ label svg,
.analysis-cases .table-fixed table input.check[type=checkbox] ~ label svg,
.pacs-list .table-scroll table input.check[type=checkbox] ~ label svg,
.pacs-list .table-fixed table input.check[type=checkbox] ~ label svg {
  margin: 0 auto;
}
.analysis-cases .table-scroll table .checked use,
.analysis-cases .table-fixed table .checked use,
.pacs-list .table-scroll table .checked use,
.pacs-list .table-fixed table .checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .analysis-cases .table-scroll table .checked:hover use,
body.touched .analysis-cases .table-fixed table .checked:hover use,
body.touched .pacs-list .table-scroll table .checked:hover use,
body.touched .pacs-list .table-fixed table .checked:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.analysis-cases .table-scroll table .hovered use,
.analysis-cases .table-fixed table .hovered use,
.pacs-list .table-scroll table .hovered use,
.pacs-list .table-fixed table .hovered use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.analysis-cases .table-scroll table .initials,
.analysis-cases .table-fixed table .initials,
.pacs-list .table-scroll table .initials,
.pacs-list .table-fixed table .initials {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 70px;
  text-align: center;
  border: 2px solid #9EA6BE;
  border-radius: 50%;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  margin: auto 0;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.analysis-cases .table-scroll table .initials.private,
.analysis-cases .table-fixed table .initials.private,
.pacs-list .table-scroll table .initials.private,
.pacs-list .table-fixed table .initials.private {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
}
.analysis-cases .table-scroll table .initials.sk-visible,
.analysis-cases .table-fixed table .initials.sk-visible,
.pacs-list .table-scroll table .initials.sk-visible,
.pacs-list .table-fixed table .initials.sk-visible {
  border: 0;
}
.analysis-cases .table-scroll,
.pacs-list .table-scroll {
  z-index: 1;
  max-width: calc(100% - 139px);
  margin-left: -1px;
}
.analysis-cases .table-scroll::-webkit-scrollbar,
.pacs-list .table-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  z-index: 10;
}
.analysis-cases .table-scroll::-webkit-scrollbar:vertical,
.pacs-list .table-scroll::-webkit-scrollbar:vertical {
  display: none;
}
.analysis-cases .table-scroll::-webkit-scrollbar-track,
.pacs-list .table-scroll::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.analysis-cases .table-scroll::-webkit-scrollbar-thumb,
.pacs-list .table-scroll::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .analysis-cases .table-scroll::-webkit-scrollbar-thumb:hover,
body.touched .pacs-list .table-scroll::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.analysis-cases .table-scroll::-webkit-scrollbar-corner,
.pacs-list .table-scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.analysis-cases .table-scroll table tbody td,
.pacs-list .table-scroll table tbody td {
  padding: 15px;
}
.analysis-cases .table-fixed,
.pacs-list .table-fixed {
  z-index: 2;
  min-width: 139px;
  overflow-x: hidden;
}
.analysis-cases .table-fixed.left-overlay:after,
.pacs-list .table-fixed.left-overlay:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 101%;
  opacity: 1;
  z-index: 999;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  left: 154px;
}
.analysis-cases .table-fixed::-webkit-scrollbar:vertical,
.pacs-list .table-fixed::-webkit-scrollbar:vertical {
  display: none;
}
.analysis-cases .table-fixed table thead th svg,
.pacs-list .table-fixed table thead th svg {
  cursor: pointer;
}
.analysis-cases .table-fixed table tbody th,
.pacs-list .table-fixed table tbody th {
  background: #081334;
}
.analysis-cases .table-fixed table tbody th:last-child,
.pacs-list .table-fixed table tbody th:last-child {
  border-right: 2px solid #353D51;
}

.analysis-cases {
  height: 600px;
}
.analysis-cases .table-fixed.left-overlay:after {
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  .analysis-cases .table-fixed.left-overlay:after {
    left: 139px;
    bottom: 40px;
  }
}

.analytics {
  padding: 80px 0 0;
  overflow: visible;
  min-height: calc(100vh - 80px);
  position: absolute;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .analytics {
    padding: 54px 0 0;
  }
}
.analytics.open .analytics-charts,
.analytics.open .analysis-container,
.analytics.open .no-data {
  margin-left: 300px;
  width: calc(100% - 300px);
}
.analytics.open .global-filters {
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  padding-left: 265px;
}
.analytics.open .global-filters .slide-filters {
  left: 0;
}
.analytics.open.wider .analytics-charts,
.analytics.open.wider .analysis-container,
.analytics.open.wider .no-data {
  margin-left: 375px;
  width: calc(100% - 375px);
}
.analytics.open.wider .global-filters {
  padding-left: 305px;
}
.analytics .analytics-nav {
  padding: 50px 50px 30px;
  display: flex;
  align-items: baseline;
  background: #081334;
}
@media screen and (max-width: 767px) {
  .analytics .analytics-nav.mobile-nav {
    padding: 60px 30px 30px;
    height: 165px;
    display: block;
  }
}
.analytics .analytics-nav h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-nav h1 {
    padding-right: 15px;
    display: inline-block;
  }
}
@media screen and (max-width: 540px) {
  .analytics .analytics-nav h1 {
    display: block;
  }
}
.analytics .analytics-nav h3, .analytics .analytics-nav a, .analytics .analytics-nav div {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  margin: 0 15px;
  padding: 0;
}
.analytics .analytics-nav h3.sub-header, .analytics .analytics-nav a.sub-header, .analytics .analytics-nav div.sub-header {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-nav h3.sub-header, .analytics .analytics-nav a.sub-header, .analytics .analytics-nav div.sub-header {
    margin: 0;
  }
}
.analytics .analytics-nav h3.definition, .analytics .analytics-nav a.definition, .analytics .analytics-nav div.definition {
  text-decoration: underline dashed;
  cursor: pointer;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-nav h3.definition, .analytics .analytics-nav a.definition, .analytics .analytics-nav div.definition {
    margin: 0;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .analytics .analytics-nav h3.definition, .analytics .analytics-nav a.definition, .analytics .analytics-nav div.definition {
    border-bottom: 2px dashed;
  }
}
body.touched .analytics .analytics-nav h3.definition:hover, body.touched .analytics .analytics-nav a.definition:hover, body.touched .analytics .analytics-nav div.definition:hover {
  color: #42A8FF;
}
.analytics .analytics-nav .back {
  position: absolute;
  left: 20px;
  top: 95px;
  margin: 0;
  height: 24px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .analytics .analytics-nav .back {
    top: 80px;
  }
}
body.touched .analytics .analytics-nav .back:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .analytics .analytics-nav .back:hover p {
  color: #42A8FF;
}
.analytics .analytics-nav .back p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 0 30px;
}
@media screen and (max-width: 450px) {
  .analytics .analytics-nav {
    flex-direction: column;
  }
  .analytics .analytics-nav h3 {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .analytics .analytics-filters .slide-filters {
    top: 185px;
  }
  .analytics .analytics-filters .slide-filters.detailed-view {
    top: 220px;
  }
}
.analytics .analytics-filters .parameter-choice {
  width: auto;
}
.analytics .analytics-filters .parameter-choice p {
  display: inline-block;
}
.analytics .analytics-charts {
  width: 100%;
  padding: 10px 30px 45px;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-charts {
    padding: 10px 0 45px;
  }
}
.analytics .analytics-charts [class*=col] {
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-charts [class*=col] {
    padding: 20px 0 10px;
  }
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper {
  background-color: #000000;
  padding: 25px;
  height: 100%;
  cursor: pointer;
  border: 2px solid transparent;
  min-height: 430px;
}
@media screen and (max-width: 767px) {
  .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper {
    min-height: 400px;
  }
}
body.touched .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper:hover:after {
  position: absolute;
  content: "";
  top: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
  opacity: 0.75;
  background-color: #000000;
  border: 2px solid #9EA6BE;
}
@media screen and (max-width: 1023px) {
  body.touched .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper:hover:after {
    left: 0;
    right: 0;
    bottom: 10px;
  }
}
body.touched .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper.no-hover:hover:after {
  display: none;
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper h4 {
  text-align: center;
  margin: 0;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper h4 {
    font-size: 20px;
  }
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  cursor: default;
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .overlay h1 {
  margin-top: 40%;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 30px;
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .overlay p {
  width: 230px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0 auto;
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper {
    min-height: 100vw;
  }
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper > svg {
  margin: 20px;
  width: auto;
  height: 100%;
}
.analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper radar-chart, .analytics .analytics-charts [class*=col] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper analytics-chart {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}
.analytics .analysis-container {
  width: 100%;
  background-color: #030C26;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  padding: 30px 50px 20px;
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  min-height: calc(100% - 180px);
}
@media screen and (max-width: 1279px) {
  .analytics .analysis-container {
    padding: 30px 10px 40px;
  }
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container {
    padding: 30px 15px;
  }
}
@media screen and (max-width: 767px) {
  .analytics .analysis-container {
    padding: 0;
    margin-bottom: 10px;
  }
}
.analytics .analysis-container.radar {
  padding: 30px 60px;
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container.radar {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767px) {
  .analytics .analysis-container.radar {
    padding: 20px 0;
  }
}
.analytics .analysis-container.radar .analysis-chart-title {
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  white-space: normal;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container.radar .analysis-chart-title {
    margin-left: 30px;
  }
}
.analytics .analysis-container.radar .analysis-chart-title p {
  margin: 0;
  display: inline-block;
}
.analytics .analysis-container.radar .analysis-chart-title .definition {
  border-bottom: 2px dashed #FFFFFF;
  cursor: pointer;
  transition-delay: 0s;
}
body.touched .analytics .analysis-container.radar .analysis-chart-title .definition:hover {
  color: #42A8FF;
  border-bottom: 2px dashed #42A8FF;
}
@media screen and (max-width: 767px) {
  .analytics .analysis-container .no-data {
    top: 295px;
  }
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container > .row {
    max-height: 100%;
  }
}
.analytics .analysis-container:not(.lab-container) [class^=col-] {
  z-index: 0;
}
.analytics .analysis-container:not(.lab-container) [class^=col-]:first-child:not(.no-border, .lab-chart) {
  border-right: 2px solid #353D51;
  padding: 0;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container:not(.lab-container) [class^=col-]:first-child:not(.no-border, .lab-chart) {
    border: 0;
    border-bottom: 2px solid #353D51;
  }
}
@media screen and (max-width: 767px) {
  .analytics .analysis-container:not(.lab-container) [class^=col-]:first-child:not(.no-border, .lab-chart) {
    padding: 15px 0 0;
    margin: 0 15px;
    max-width: calc(100% - 30px);
  }
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper {
  background-color: #000000;
  height: 100%;
  width: 100%;
  cursor: pointer;
  border: 2px solid transparent;
  min-height: 430px;
}
@media screen and (max-width: 767px) {
  .analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper {
    min-height: 400px;
  }
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper.no-hover {
  padding: 25px;
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper.no-hover:after {
  position: absolute;
  content: "";
  top: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
  opacity: 0;
  background-color: #000000;
  border: 2px solid #9EA6BE;
}
@media screen and (max-width: 1023px) {
  .analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper.no-hover:after {
    left: 0;
    right: 0;
    bottom: 10px;
  }
}
body.touched .analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper.no-hover:hover:after {
  opacity: 0.75;
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper .overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  cursor: default;
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper .overlay h1 {
  margin-top: 40%;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 30px;
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper .overlay p {
  width: 230px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0 auto;
}
.analytics .analysis-container:not(.lab-container) [class^=col-] .analytics-chart-global-wrapper .analytics-chart-outer-wrapper {
  height: 100%;
  width: 100%;
}
.analytics .analysis-chart-radar {
  overflow: hidden;
  margin-bottom: 70px;
}
.analytics .analysis-chart-radar svg {
  height: 100%;
  width: 100%;
  max-height: 580px;
}
.analytics ::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  z-index: 10;
}
.analytics ::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.analytics .li-disabled {
  opacity: 0.3;
}

.radar-chart-wrapper {
  user-select: none;
  width: 100%;
  height: 100%;
}
.radar-chart-wrapper .svg-not-loaded {
  visibility: collapse;
}
.radar-chart-wrapper .svg-loaded {
  visibility: visible;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-area {
  stroke: rgb(51, 51, 51);
  stroke-width: 0.8;
  stroke-linejoin: round;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-area:nth-of-type(1) {
  fill: #1F1F1F;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-area:nth-of-type(2) {
  fill: #1B1B1B;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-area:nth-of-type(3) {
  fill: #161616;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-area:nth-of-type(4) {
  fill: #2D2D2D;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-background-line {
  stroke: #333333;
  stroke-width: 0.8;
  opacity: 1;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-scale-line {
  stroke: #A2A2A2;
  stroke-width: 0.8;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-scale-center {
  stroke-width: 0;
  fill: #A8A8A8;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-scale-title {
  font-family: Roboto;
  font-weight: 300;
  fill: #DDDDDD;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-scale-label {
  font-weight: 300;
  font-family: Roboto;
  fill: #DDDDDD;
  text-anchor: end;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-area {
  stroke-width: 0.8;
  fill-opacity: 0.3;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-area.reference-data {
  stroke: #E5057F;
  fill: #E5057F;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-area.custom-data {
  stroke: #42A8FF;
  fill: #42A8FF;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-point {
  stroke-width: 0;
  fill: white;
}
.radar-chart-wrapper .radar-chart-svg .reference-data .active {
  fill: #E5057F;
}
.radar-chart-wrapper .radar-chart-svg .reference-data :hover {
  fill: #E5057F;
}
.radar-chart-wrapper .radar-chart-svg .custom-data .active {
  fill: #42A8FF;
}
.radar-chart-wrapper .radar-chart-svg .custom-data :hover {
  fill: #42A8FF;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-label {
  font-family: Roboto;
  font-weight: 300;
  fill: white;
}
.radar-chart-wrapper .radar-chart-svg .radar-chart-data-description {
  font-family: Roboto;
  font-weight: 200;
  fill: white;
}
.radar-chart-wrapper .radar-chart-svg .left-oriented {
  text-anchor: end;
}
.radar-chart-wrapper .radar-chart-svg .right-oriented {
  text-anchor: start;
}

.radar-legend {
  margin-bottom: 60px;
}
.radar-legend.middle-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 700px;
  max-height: 80px;
  margin: 0 auto 20px;
}
.radar-legend.middle-flex.display-fr {
  min-height: 100px;
}
@media screen and (max-width: 1023px) {
  .radar-legend.middle-flex {
    max-height: 120px;
  }
}
@media screen and (max-width: 767px) {
  .radar-legend.middle-flex {
    max-height: inherit;
    display: block;
  }
}
.radar-legend.middle-flex .legend-label {
  width: 250px;
}
@media screen and (max-width: 767px) {
  .radar-legend.middle-flex .legend-label {
    margin-bottom: 5px !important;
  }
}
.radar-legend p {
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 19px;
  margin-bottom: 20px;
}
.radar-legend p.underline {
  text-decoration: underline;
  pointer-events: none;
}
body.touched .radar-legend p .legend:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.radar-legend .legend-label {
  display: flex;
  align-items: center;
  flex: auto;
  margin-bottom: 15px;
}
.radar-legend .legend-label .dot {
  height: 25px;
  width: 25px;
  display: block;
  border: 2px solid;
  border-radius: 50%;
  flex: 0 0 25px;
  pointer-events: none;
}
.radar-legend .legend-label .dot.no-border {
  border: 0;
}
.radar-legend .legend-label .dot.small {
  height: 18px;
  width: 18px;
  flex: 0 0 18px;
}
.radar-legend .legend-label .dot.pink {
  border-color: #E5057F;
  background: rgba(229, 5, 127, 0.3);
}
.radar-legend .legend-label .dot.blue {
  border-color: #42A8FF;
  background: rgba(66, 168, 255, 0.3);
}
.radar-legend .legend-label p {
  margin-bottom: 0;
  margin-left: 10px;
}
.radar-legend .legend-label .hidden-popover {
  margin-top: 10px;
}
.radar-legend .legend-label .hidden-popover .hidden-container p {
  font-size: 14px;
}

.lab-chart {
  margin-top: 30px;
  width: 100%;
  z-index: 2;
}
.lab-chart .multi-select {
  margin: 30px auto 50px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
.lab-chart .multi-select p {
  margin-right: 5px;
  margin-bottom: 0;
}
.lab-chart .multi-select .bootstrap-select > .dropdown-toggle.btn-light, body.touched .lab-chart .multi-select .bootstrap-select > .dropdown-toggle.btn-light:hover {
  height: 23px;
}
.lab-chart .multi-select .bootstrap-select > .dropdown-toggle.btn-light,
.lab-chart .multi-select .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  width: 120px;
  min-width: 10px !important;
}
.lab-chart .multi-select .bootstrap-select .dropdown-menu.show {
  width: 120px;
  min-width: 10px !important;
}
.lab-chart .multi-select .bootstrap-select .dropdown-menu.show .inner.show ul .dropdown-item.selected span.check-mark {
  position: absolute;
  display: block;
}

.s-curve-chart-wrapper {
  min-height: 300px;
  max-height: 800px;
  width: auto;
  display: block;
  margin: auto;
}
.s-curve-chart-wrapper.large-svg {
  overflow-x: auto;
}
.s-curve-chart-wrapper.large-svg::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  z-index: 10;
}
.s-curve-chart-wrapper.large-svg::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.s-curve-chart-wrapper.large-svg::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .s-curve-chart-wrapper.large-svg::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.s-curve-chart-wrapper.large-svg::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.s-curve-chart-wrapper.large-svg svg {
  min-height: 600px;
  height: 100%;
}
.s-curve-chart-wrapper svg {
  user-select: none;
}
.s-curve-chart-wrapper .s-curve-chart-svg.svg-not-loaded {
  visibility: collapse;
}
.s-curve-chart-wrapper .s-curve-chart-svg.svg-loaded {
  visibility: visible;
}
.s-curve-chart-wrapper .s-curve-chart-svg text {
  font-weight: 300;
  font-family: Roboto;
  fill: #DDDDDD;
  letter-spacing: normal;
}
.s-curve-chart-wrapper .s-curve-chart-svg text::selection {
  background: none;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-mark-line {
  stroke: #333333;
  stroke-width: 0.01;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-main-mark-line {
  stroke: white;
  stroke-width: 0.02;
  stroke-linecap: square;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-x-axis-mark {
  text-anchor: middle;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-y-axis-mark {
  text-anchor: end;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-y-axis-label {
  text-anchor: middle;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-background-stop-start {
  stop-color: #42A8FF;
  stop-opacity: 0.3;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-background-stop-end {
  stop-color: #42A8FF;
  stop-opacity: 0;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-curve-background {
  stroke-width: 0;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-curve {
  stroke: #42A8FF;
  stroke-width: 0.03;
  fill: transparent;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-dot {
  stroke: black;
  stroke-width: 0.03;
  fill: white;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-dot.active {
  stroke: #42A8FF;
  fill: #42A8FF;
}
.s-curve-chart-wrapper .s-curve-chart-svg .s-curve-chart-dot-click-area {
  fill: transparent;
  stroke-width: 0.2;
  stroke: transparent;
}

.analytics-chart-wrapper {
  width: 100%;
  max-width: 2400px;
  height: 100%;
}

header.page-header {
  background: #081334;
  padding: 110px 50px 30px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  header.page-header {
    padding: 100px 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  header.page-header {
    padding: 84px 15px 30px;
  }
}
header.page-header .header-hero h2 {
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 55px;
  margin: 0;
  text-transform: capitalize;
  font-weight: normal;
}

.page-main {
  min-height: 75vh;
  padding: 0;
  overflow: hidden;
  position: absolute;
  height: 100%;
  max-height: calc(100% - 195px);
}
@media screen and (max-width: 1023px) {
  .page-main {
    max-height: calc(100% - 185px);
  }
}
@media screen and (max-width: 767px) {
  .page-main {
    max-height: calc(100% - 169px);
  }
}
.page-main.open .global-filters .slide-filters {
  left: 0;
}
.page-main.open .case-and-patient-list, .page-main.open .visit-and-patient-list {
  margin-left: 300px;
  width: calc(100% - 300px);
}
.page-main .global-filters .slide-filters {
  top: 0;
  height: 100%;
  bottom: 0;
}
.page-main .case-and-patient-list, .page-main .visit-and-patient-list {
  background: #030C26;
  width: 100%;
  height: calc(100% - 50px);
  margin-top: 0;
  position: relative;
  padding: 40px 50px 45px;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
@media screen and (max-width: 1279px) {
  .page-main .case-and-patient-list, .page-main .visit-and-patient-list {
    margin-bottom: 57px;
  }
}
@media screen and (max-width: 1023px) {
  .page-main .case-and-patient-list, .page-main .visit-and-patient-list {
    padding: 30px 30px 45px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-main .case-and-patient-list, .page-main .visit-and-patient-list {
    margin-bottom: 40px;
    padding: 30px 0 50px;
    min-height: 0;
    /*height: calc(100% - 114px);*/
  }
  .page-main .case-and-patient-list.overlay:after, .page-main .visit-and-patient-list.overlay:after {
    bottom: 112px;
    max-height: 480px;
  }
}
.page-main .case-and-patient-list.has-tablet, .page-main .visit-and-patient-list.has-tablet {
  min-height: 0;
}
.page-main .case-and-patient-list.has-tablet.overlay:after, .page-main .visit-and-patient-list.has-tablet.overlay:after {
  top: 0;
  right: 50px;
  bottom: 100px;
}
@media screen and (max-width: 1023px) {
  .page-main .case-and-patient-list.has-tablet.overlay:after, .page-main .visit-and-patient-list.has-tablet.overlay:after {
    right: 29px;
  }
}
@media screen and (max-width: 767px) {
  .page-main .case-and-patient-list.has-tablet.overlay:after, .page-main .visit-and-patient-list.has-tablet.overlay:after {
    right: 0;
    bottom: 105px;
    max-height: 80vh;
  }
}
.page-main .case-and-patient-list .page-search, .page-main .visit-and-patient-list .page-search {
  height: 34px;
  width: 400px;
  margin: 0 0 40px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .page-main .case-and-patient-list .page-search, .page-main .visit-and-patient-list .page-search {
    width: auto;
    margin: 0 15px 40px;
  }
}
.page-main .case-and-patient-list .page-search input, .page-main .visit-and-patient-list .page-search input {
  width: 100%;
  border: 2px solid #9EA6BE;
  border-radius: 17px;
  padding: 0 0 0 40px;
  margin: 0;
  height: 34px;
}
.page-main .case-and-patient-list .page-search input::placeholder, .page-main .visit-and-patient-list .page-search input::placeholder {
  color: #9EA6BE;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.page-main .case-and-patient-list .page-search input:focus, .page-main .visit-and-patient-list .page-search input:focus {
  border: 2px solid #42A8FF;
}
.page-main .case-and-patient-list .page-search button, .page-main .visit-and-patient-list .page-search button {
  position: absolute;
  outline: 0;
  border: 0;
  top: 0;
  padding: 7px 10px;
  cursor: pointer;
}
body.touched .page-main .case-and-patient-list .page-search button:hover use, body.touched .page-main .visit-and-patient-list .page-search button:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .page-main .case-and-patient-list .page-search button:hover.clear use, body.touched .page-main .visit-and-patient-list .page-search button:hover.clear use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.page-main .case-and-patient-list .page-search button.clear, .page-main .visit-and-patient-list .page-search button.clear {
  right: 0;
  cursor: pointer;
}
.page-main .case-and-patient-list .col, .page-main .visit-and-patient-list .col {
  padding: 0;
}
.page-main .case-and-patient-list .col:first-child, .page-main .visit-and-patient-list .col:first-child {
  padding-left: 15px;
}
.page-main .case-and-patient-list .case-and-patient-list-header, .page-main .case-and-patient-list .visit-and-patient-list-header, .page-main .visit-and-patient-list .case-and-patient-list-header, .page-main .visit-and-patient-list .visit-and-patient-list-header {
  padding-bottom: 11px;
  border-bottom: 2px solid #FFFFFF;
}
.page-main .case-and-patient-list .case-and-patient-list-header a, .page-main .case-and-patient-list .visit-and-patient-list-header a, .page-main .visit-and-patient-list .case-and-patient-list-header a, .page-main .visit-and-patient-list .visit-and-patient-list-header a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  cursor: default;
  transition: none;
}
.page-main .case-and-patient-list .case-and-patient-list-header a.table-sort, .page-main .case-and-patient-list .visit-and-patient-list-header a.table-sort, .page-main .visit-and-patient-list .case-and-patient-list-header a.table-sort, .page-main .visit-and-patient-list .visit-and-patient-list-header a.table-sort {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.page-main .case-and-patient-list .case-and-patient-list-header a.table-sort .sort, .page-main .case-and-patient-list .visit-and-patient-list-header a.table-sort .sort, .page-main .visit-and-patient-list .case-and-patient-list-header a.table-sort .sort, .page-main .visit-and-patient-list .visit-and-patient-list-header a.table-sort .sort {
  cursor: pointer;
  padding: 0 0 0 5px;
  margin: 0 10px 0 0;
  min-width: 24px;
  width: 24px;
}
.page-main .case-and-patient-list .case-and-patient-list-header a.table-sort .sort use, .page-main .case-and-patient-list .visit-and-patient-list-header a.table-sort .sort use, .page-main .visit-and-patient-list .case-and-patient-list-header a.table-sort .sort use, .page-main .visit-and-patient-list .visit-and-patient-list-header a.table-sort .sort use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
body.touched .page-main .case-and-patient-list .case-and-patient-list-header a.table-sort:hover, body.touched .page-main .case-and-patient-list .visit-and-patient-list-header a.table-sort:hover, body.touched .page-main .visit-and-patient-list .case-and-patient-list-header a.table-sort:hover, body.touched .page-main .visit-and-patient-list .visit-and-patient-list-header a.table-sort:hover {
  color: #42A8FF;
}
body.touched .page-main .case-and-patient-list .case-and-patient-list-header a.table-sort:hover .sort use, body.touched .page-main .case-and-patient-list .visit-and-patient-list-header a.table-sort:hover .sort use, body.touched .page-main .visit-and-patient-list .case-and-patient-list-header a.table-sort:hover .sort use, body.touched .page-main .visit-and-patient-list .visit-and-patient-list-header a.table-sort:hover .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.page-main .case-and-patient-list .case-and-patient-list-header .selected .table-sort .sort use, .page-main .case-and-patient-list .case-and-patient-list-header .descending .table-sort .sort use, .page-main .case-and-patient-list .visit-and-patient-list-header .selected .table-sort .sort use, .page-main .case-and-patient-list .visit-and-patient-list-header .descending .table-sort .sort use, .page-main .visit-and-patient-list .case-and-patient-list-header .selected .table-sort .sort use, .page-main .visit-and-patient-list .case-and-patient-list-header .descending .table-sort .sort use, .page-main .visit-and-patient-list .visit-and-patient-list-header .selected .table-sort .sort use, .page-main .visit-and-patient-list .visit-and-patient-list-header .descending .table-sort .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .page-main .case-and-patient-list .case-and-patient-list-header .selected:hover .table-sort .sort use, body.touched .page-main .case-and-patient-list .case-and-patient-list-header .descending:hover .table-sort .sort use, body.touched .page-main .case-and-patient-list .visit-and-patient-list-header .selected:hover .table-sort .sort use, body.touched .page-main .case-and-patient-list .visit-and-patient-list-header .descending:hover .table-sort .sort use, body.touched .page-main .visit-and-patient-list .case-and-patient-list-header .selected:hover .table-sort .sort use, body.touched .page-main .visit-and-patient-list .case-and-patient-list-header .descending:hover .table-sort .sort use, body.touched .page-main .visit-and-patient-list .visit-and-patient-list-header .selected:hover .table-sort .sort use, body.touched .page-main .visit-and-patient-list .visit-and-patient-list-header .descending:hover .table-sort .sort use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.page-main .case-and-patient-list .case-and-patient-list-header .descending .table-sort .sort, .page-main .case-and-patient-list .visit-and-patient-list-header .descending .table-sort .sort, .page-main .visit-and-patient-list .case-and-patient-list-header .descending .table-sort .sort, .page-main .visit-and-patient-list .visit-and-patient-list-header .descending .table-sort .sort {
  transform: rotate(180deg);
  margin: 0 0 0 10px;
}
@media screen and (max-width: 1024px) {
  .page-main .case-and-patient-list .case-and-patient-list-header, .page-main .case-and-patient-list .visit-and-patient-list-header, .page-main .visit-and-patient-list .case-and-patient-list-header, .page-main .visit-and-patient-list .visit-and-patient-list-header {
    display: -webkit-flex;
  }
}
.page-main .case-and-patient-list .case-and-patient-list-header .col-auto, .page-main .case-and-patient-list .visit-and-patient-list-header .col-auto, .page-main .visit-and-patient-list .case-and-patient-list-header .col-auto, .page-main .visit-and-patient-list .visit-and-patient-list-header .col-auto {
  width: 100px;
}
.page-main .case-and-patient-list .case-and-patient-list-header .col-auto.w-120, .page-main .case-and-patient-list .visit-and-patient-list-header .col-auto.w-120, .page-main .visit-and-patient-list .case-and-patient-list-header .col-auto.w-120, .page-main .visit-and-patient-list .visit-and-patient-list-header .col-auto.w-120 {
  width: 120px;
}
.page-main .case-and-patient-list .table, .page-main .visit-and-patient-list .table {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0 0 50px;
  max-height: 40rem;
  overflow-y: auto;
}
.page-main .case-and-patient-list .table::-webkit-scrollbar, .page-main .visit-and-patient-list .table::-webkit-scrollbar {
  display: none;
}
.page-main .case-and-patient-list .table .table-row, .page-main .visit-and-patient-list .table .table-row {
  width: 100%;
  border-bottom: 2px solid #353D51;
  margin: 0;
  transition: background-color 0.1s ease-in;
  word-wrap: break-word;
  max-height: 84px;
  padding: 20px 0;
  position: relative;
  cursor: pointer;
  height: auto;
}
.page-main .case-and-patient-list .table .table-row [class*=col-], .page-main .visit-and-patient-list .table .table-row [class*=col-] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.touched .page-main .case-and-patient-list .table .table-row:hover, body.touched .page-main .visit-and-patient-list .table .table-row:hover {
  border: 0;
  margin-bottom: 2px;
  background-color: #353D51;
}
.page-main .case-and-patient-list .table .table-row:nth-child(25n), .page-main .visit-and-patient-list .table .table-row:nth-child(25n) {
  border: 0;
  margin-bottom: 2px;
}
.page-main .case-and-patient-list .table .table-row .col-auto, .page-main .visit-and-patient-list .table .table-row .col-auto {
  width: 100px;
}
.page-main .case-and-patient-list .table .table-row .col-auto.w-120, .page-main .visit-and-patient-list .table .table-row .col-auto.w-120 {
  width: 120px;
}
.page-main .case-and-patient-list .table .table-row button, .page-main .visit-and-patient-list .table .table-row button {
  outline: 0;
  border: 0;
}
.page-main .case-and-patient-list .table .table-row button:disabled use, body.touched .page-main .case-and-patient-list .table .table-row button:hover:disabled use, .page-main .visit-and-patient-list .table .table-row button:disabled use, body.touched .page-main .visit-and-patient-list .table .table-row button:hover:disabled use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
.page-main .case-and-patient-list .table .table-row .edit, .page-main .visit-and-patient-list .table .table-row .edit {
  margin-right: 40px;
}
@media screen and (max-width: 1023px) {
  .page-main .case-and-patient-list .table .table-row .edit, .page-main .visit-and-patient-list .table .table-row .edit {
    margin-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .page-main .case-and-patient-list .table .table-row .edit, .page-main .visit-and-patient-list .table .table-row .edit {
    display: inline;
  }
}
body.touched .page-main .case-and-patient-list .table .table-row .edit:hover use, body.touched .page-main .visit-and-patient-list .table .table-row .edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .page-main .case-and-patient-list .table .table-row a.blue-cta:hover use, body.touched .page-main .visit-and-patient-list .table .table-row a.blue-cta:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.page-main .case-and-patient-list .table .table-row .ui-select-highlight, .page-main .visit-and-patient-list .table .table-row .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}
.page-main .case-and-patient-list .table .text-center, .page-main .visit-and-patient-list .table .text-center {
  width: 100vw;
}
.page-main .case-and-patient-list .max-100, .page-main .visit-and-patient-list .max-100 {
  max-width: 110px;
}
@media screen and (max-width: 1023px) {
  .page-main .case-and-patient-list .max-100, .page-main .visit-and-patient-list .max-100 {
    padding-right: 0;
  }
}
.page-main .case-and-patient-list h2, .page-main .visit-and-patient-list h2 {
  padding-top: 40px;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 43px;
}
.page-main .case-and-patient-list .table-scroll, .page-main .visit-and-patient-list .table-scroll {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .page-main .case-and-patient-list .table-scroll, .page-main .visit-and-patient-list .table-scroll {
    margin-bottom: 67px;
  }
}

main.case-form, main.visit-form {
  padding: 80px 0 0;
  overflow: hidden;
  position: absolute;
  height: 100%;
}
main.case-form.no-background, main.visit-form.no-background {
  background: none;
}
main.case-form.auto-height, main.visit-form.auto-height {
  padding: 0;
  overflow: auto;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
main.case-form .result-message > span, main.visit-form .result-message > span {
  display: block;
  color: #F60012;
}
@media screen and (max-width: 1279px) {
  main.case-form, main.visit-form {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  main.case-form, main.visit-form {
    padding-top: 54px;
  }
}
main.case-form ::-webkit-scrollbar, main.visit-form ::-webkit-scrollbar {
  display: none;
}
main.case-form ::placeholder, main.visit-form ::placeholder {
  color: #9EA6BE;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
main.case-form .inner-scroll-cmp, main.visit-form .inner-scroll-cmp {
  max-height: calc(100vh - 160px);
  overflow: hidden;
  display: block;
  overflow-y: scroll;
}
main.case-form table.previous-visits, main.visit-form table.previous-visits {
  width: 100%;
}
main.case-form table.previous-visits thead, main.visit-form table.previous-visits thead {
  border-bottom: 2px solid #FFFFFF;
}
main.case-form table.previous-visits tbody:before, main.visit-form table.previous-visits tbody:before {
  content: "";
  display: block;
  margin-top: 10px;
}
main.case-form table.previous-visits .radio, main.visit-form table.previous-visits .radio {
  border-bottom: none;
  margin: 0 0 0 0;
}
main.case-form table.previous-visits .radio:before, main.visit-form table.previous-visits .radio:before {
  display: none;
}
main.case-form table.previous-visits thead, main.visit-form table.previous-visits thead {
  /*tr {
      display: flex;
      justify-content: space-around;
      border-bottom: 2px solid white;
  }*/
}
main.case-form > .form, main.visit-form > .form {
  width: 768px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px) {
  main.case-form > .form, main.visit-form > .form {
    width: 100%;
    height: calc(100vh - 55px);
    position: absolute;
    bottom: 0;
  }
  main.case-form > .form .form-card, main.visit-form > .form .form-card {
    height: 100%;
  }
}
main.case-form > .form .collapsing, main.visit-form > .form .collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
main.case-form > .form .form-card, main.visit-form > .form .form-card {
  background: #030C26;
}
main.case-form > .form .form-card .card-title, main.visit-form > .form .form-card .card-title {
  padding: 15px 30px;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .card-title, main.visit-form > .form .form-card .card-title {
    padding: 40px 15px 15px;
  }
}
main.case-form > .form .form-card .card-title h2, main.visit-form > .form .form-card .card-title h2 {
  font-size: 42px;
  letter-spacing: 0.53px;
  margin-bottom: 0;
  font-weight: normal;
  color: #FFFFFF;
}
main.case-form > .form .form-card .card-title .exit, main.visit-form > .form .form-card .card-title .exit {
  margin-left: auto;
}
main.case-form > .form .form-card .card-title .exit use, main.visit-form > .form .form-card .card-title .exit use {
  --backdrop-color: transparent;
}
body.touched main.case-form > .form .form-card .card-title .exit:hover use, body.touched main.visit-form > .form .form-card .card-title .exit:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
  --backdrop-color: #062C7F;
}
main.case-form > .form .form-card .container, main.visit-form > .form .form-card .container {
  margin: 0;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container, main.visit-form > .form .form-card .container {
    padding: 0 15px;
  }
}
main.case-form > .form .form-card .container.inner-scroll, main.visit-form > .form .form-card .container.inner-scroll {
  max-height: calc(100vh - 160px);
  display: block;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  main.case-form > .form .form-card .container.inner-scroll, main.visit-form > .form .form-card .container.inner-scroll {
    max-height: calc(100vh - 150px);
  }
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container.inner-scroll .thumbnail-gallery, main.visit-form > .form .form-card .container.inner-scroll .thumbnail-gallery {
    margin: 30px 0;
  }
}
main.case-form > .form .form-card .container.inner-scroll.modal-case, main.visit-form > .form .form-card .container.inner-scroll.modal-case {
  max-height: calc(100vh - 230px);
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container.inner-scroll.modal-case, main.visit-form > .form .form-card .container.inner-scroll.modal-case {
    max-height: calc(100vh - 110px);
  }
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container.inner-scroll, main.visit-form > .form .form-card .container.inner-scroll {
    max-height: calc(100vh - 110px);
    padding-bottom: 64px;
  }
  main.case-form > .form .form-card .container.inner-scroll .modal-input label, main.visit-form > .form .form-card .container.inner-scroll .modal-input label {
    margin-top: 20px;
  }
  main.case-form > .form .form-card .container.inner-scroll .modal-input .col-12, main.visit-form > .form .form-card .container.inner-scroll .modal-input .col-12 {
    margin-bottom: 0;
  }
}
main.case-form > .form .form-card .container .card-sub-title, main.visit-form > .form .form-card .container .card-sub-title {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
  margin: 10px 0 30px;
}
main.case-form > .form .form-card .container .card-sub-title:first-child, main.visit-form > .form .form-card .container .card-sub-title:first-child {
  margin: 30px 0;
}
main.case-form > .form .form-card .container .card-sub-title.medium, main.visit-form > .form .form-card .container .card-sub-title.medium {
  font-size: 20px;
  margin: 5px 0;
  border-bottom: 0;
}
main.case-form > .form .form-card .container .card-sub-title.warning, main.visit-form > .form .form-card .container .card-sub-title.warning {
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  margin: 0px 0;
  border-bottom: 0;
}
main.case-form > .form .form-card .container label, main.case-form > .form .form-card .container .label, main.visit-form > .form .form-card .container label, main.visit-form > .form .form-card .container .label {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-left: 0;
  margin-bottom: 4px;
  color: #FFFFFF;
  margin-top: 0;
}
main.case-form > .form .form-card .container label.col-12 ~ .radio-group, main.case-form > .form .form-card .container label.col-12 ~ .radio-group, main.case-form > .form .form-card .container .label.col-12 ~ .radio-group, main.case-form > .form .form-card .container .label.col-12 ~ .radio-group, main.visit-form > .form .form-card .container label.col-12 ~ .radio-group, main.visit-form > .form .form-card .container label.col-12 ~ .radio-group, main.visit-form > .form .form-card .container .label.col-12 ~ .radio-group, main.visit-form > .form .form-card .container .label.col-12 ~ .radio-group {
  margin-top: 10px;
}
main.case-form > .form .form-card .container label.form-error, main.case-form > .form .form-card .container .label.form-error, main.visit-form > .form .form-card .container label.form-error, main.visit-form > .form .form-card .container .label.form-error {
  padding: 10px 0 0 15px;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container label.form-error, main.case-form > .form .form-card .container .label.form-error, main.visit-form > .form .form-card .container label.form-error, main.visit-form > .form .form-card .container .label.form-error {
    padding: 10px 0 0 0;
  }
}
main.case-form > .form .form-card .container label.form-error svg, main.case-form > .form .form-card .container .label.form-error svg, main.visit-form > .form .form-card .container label.form-error svg, main.visit-form > .form .form-card .container .label.form-error svg {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin-top: 8px;
  left: 10px;
}
main.case-form > .form .form-card .container label.form-error span, main.case-form > .form .form-card .container .label.form-error span, main.visit-form > .form .form-card .container label.form-error span, main.visit-form > .form .form-card .container .label.form-error span {
  padding-left: 20px;
  color: #F60012;
  text-transform: none;
}
main.case-form > .form .form-card .container label.form-error use, main.case-form > .form .form-card .container .label.form-error use, main.visit-form > .form .form-card .container label.form-error use, main.visit-form > .form .form-card .container .label.form-error use {
  fill: #F60012;
  --static-color: #F60012;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container label.message-with-icon svg, main.case-form > .form .form-card .container .label.message-with-icon svg, main.visit-form > .form .form-card .container label.message-with-icon svg, main.visit-form > .form .form-card .container .label.message-with-icon svg {
    left: 0;
  }
  main.case-form > .form .form-card .container label.message-with-icon span, main.case-form > .form .form-card .container .label.message-with-icon span, main.visit-form > .form .form-card .container label.message-with-icon span, main.visit-form > .form .form-card .container .label.message-with-icon span {
    padding-left: 24px;
  }
}
main.case-form > .form .form-card .container label.disabled, main.case-form > .form .form-card .container .label.disabled, main.visit-form > .form .form-card .container label.disabled, main.visit-form > .form .form-card .container .label.disabled {
  opacity: 0.6;
}
main.case-form > .form .form-card .container input[type=email], main.visit-form > .form .form-card .container input[type=email] {
  height: 24px;
}
main.case-form > .form .form-card .container .input-error input, main.visit-form > .form .form-card .container .input-error input {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .input-error input:focus, main.visit-form > .form .form-card .container .input-error input:focus {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .case-input, main.visit-form > .form .form-card .container .case-input {
  padding-left: 15px;
  display: block;
  margin: 0;
  position: relative;
}
main.case-form > .form .form-card .container .case-input hr, main.visit-form > .form .form-card .container .case-input hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-top-width: 1px;
}
main.case-form > .form .form-card .container .case-input.inline, main.visit-form > .form .form-card .container .case-input.inline {
  display: flex;
  margin-bottom: 30px;
}
main.case-form > .form .form-card .container .case-input.inline .check-group, main.visit-form > .form .form-card .container .case-input.inline .check-group {
  margin: 0 10px;
  align-items: flex-end;
  display: flex;
}
main.case-form > .form .form-card .container .case-input.inline input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input.inline input.input-field.dateInput {
  margin: 0;
}
main.case-form > .form .form-card .container .case-input [class^=col], main.visit-form > .form .form-card .container .case-input [class^=col] {
  padding-left: 0;
}
main.case-form > .form .form-card .container .case-input [class^=col]:not(:first-child), main.visit-form > .form .form-card .container .case-input [class^=col]:not(:first-child) {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container .case-input [class^=col]:not(:first-child), main.visit-form > .form .form-card .container .case-input [class^=col]:not(:first-child) {
    padding-left: 0;
  }
  main.case-form > .form .form-card .container .case-input [class^=col]:nth-child(2), main.visit-form > .form .form-card .container .case-input [class^=col]:nth-child(2) {
    padding-left: 0;
  }
}
main.case-form > .form .form-card .container .case-input .required-mark, main.visit-form > .form .form-card .container .case-input .required-mark {
  position: absolute;
  margin-left: -9px;
}
main.case-form > .form .form-card .container .case-input .legend, main.visit-form > .form .form-card .container .case-input .legend {
  margin-left: 10px;
}
body.touched main.case-form > .form .form-card .container .case-input .legend:hover use, body.touched main.visit-form > .form .form-card .container .case-input .legend:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
main.case-form > .form .form-card .container .case-input .legend.active use, main.visit-form > .form .form-card .container .case-input .legend.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.case-form > .form .form-card .container .case-input .legend.active:hover use, body.touched main.visit-form > .form .form-card .container .case-input .legend.active:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
main.case-form > .form .form-card .container .case-input .legend + .hidden-popover, main.visit-form > .form .form-card .container .case-input .legend + .hidden-popover {
  margin-top: 10px;
}
main.case-form > .form .form-card .container .case-input .check-group, main.visit-form > .form .form-card .container .case-input .check-group {
  margin: 0 0 30px;
}
body.touched main.case-form > .form .form-card .container .case-input .check-group [type=hidden] + label:hover use,
body.touched main.case-form > .form .form-card .container .case-input .check-group [type=checkbox]:not(:checked) + label:hover use, body.touched main.visit-form > .form .form-card .container .case-input .check-group [type=hidden] + label:hover use,
body.touched main.visit-form > .form .form-card .container .case-input .check-group [type=checkbox]:not(:checked) + label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.case-form > .form .form-card .container .case-input .check-group.checked input[type=hidden] + label use,
main.case-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:checked + label use,
main.case-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:not(:checked) + label use, main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=hidden] + label use,
main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:checked + label use,
main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:not(:checked) + label use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched main.case-form > .form .form-card .container .case-input .check-group.checked input[type=hidden] + label:hover use,
body.touched main.case-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:checked + label:hover use,
body.touched main.case-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:not(:checked) + label:hover use, body.touched main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=hidden] + label:hover use,
body.touched main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:checked + label:hover use,
body.touched main.visit-form > .form .form-card .container .case-input .check-group.checked input[type=checkbox]:not(:checked) + label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.case-form > .form .form-card .container .case-input .check-group label, main.visit-form > .form .form-card .container .case-input .check-group label {
  padding: 0;
}
main.case-form > .form .form-card .container .case-input .check-group label svg, main.visit-form > .form .form-card .container .case-input .check-group label svg {
  margin-right: 10px;
}
main.case-form > .form .form-card .container .case-input .check-group label .font-weight-light, main.visit-form > .form .form-card .container .case-input .check-group label .font-weight-light {
  text-transform: none;
}
main.case-form > .form .form-card .container .case-input .modal-select.selectize-control.single, main.visit-form > .form .form-card .container .case-input .modal-select.selectize-control.single {
  margin-bottom: 0;
}
main.case-form > .form .form-card .container .case-input input, main.visit-form > .form .form-card .container .case-input input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
main.case-form > .form .form-card .container .case-input input:-webkit-autofill, main.visit-form > .form .form-card .container .case-input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #030C26 inset;
}
main.case-form > .form .form-card .container .case-input input:focus, main.case-form > .form .form-card .container .case-input input.selectize-focus, main.case-form > .form .form-card .container .case-input input.focus, main.visit-form > .form .form-card .container .case-input input:focus, main.visit-form > .form .form-card .container .case-input input.selectize-focus, main.visit-form > .form .form-card .container .case-input input.focus {
  border-bottom: 2px solid #42A8FF;
}
main.case-form > .form .form-card .container .case-input input.input-error, main.visit-form > .form .form-card .container .case-input input.input-error {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .case-input input.input-field, main.visit-form > .form .form-card .container .case-input input.input-field {
  width: 145px;
  margin-right: auto;
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container .case-input input.input-field, main.visit-form > .form .form-card .container .case-input input.input-field {
    width: 150px;
  }
}
main.case-form > .form .form-card .container .case-input input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input input.input-field.dateInput {
  width: 100%;
}
main.case-form > .form .form-card .container .case-input .selectize-control.input-error > .selectize-input, main.visit-form > .form .form-card .container .case-input .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .case-input input[type=number]::-webkit-inner-spin-button,
main.case-form > .form .form-card .container .case-input input[type=number]::-webkit-outer-spin-button, main.visit-form > .form .form-card .container .case-input input[type=number]::-webkit-inner-spin-button,
main.visit-form > .form .form-card .container .case-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main.case-form > .form .form-card .container .case-input .date.w-min-content, main.case-form > .form .form-card .container .case-input.date.w-min-content, main.visit-form > .form .form-card .container .case-input .date.w-min-content, main.visit-form > .form .form-card .container .case-input.date.w-min-content {
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  margin-right: auto;
}
main.case-form > .form .form-card .container .case-input .date.private:before, main.case-form > .form .form-card .container .case-input.date.private:before, main.visit-form > .form .form-card .container .case-input .date.private:before, main.visit-form > .form .form-card .container .case-input.date.private:before {
  display: none !important;
}
main.case-form > .form .form-card .container .case-input .date:before, main.case-form > .form .form-card .container .case-input.date:before, main.visit-form > .form .form-card .container .case-input .date:before, main.visit-form > .form .form-card .container .case-input.date:before {
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
}
body.touched main.case-form > .form .form-card .container .case-input .date:hover:before, body.touched main.case-form > .form .form-card .container .case-input.date:hover:before, body.touched main.visit-form > .form .form-card .container .case-input .date:hover:before, body.touched main.visit-form > .form .form-card .container .case-input.date:hover:before {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
body.touched main.case-form > .form .form-card .container .case-input .date:hover input.input-field.dateInput, main.case-form > .form .form-card .container .case-input .date:focus input.input-field.dateInput, body.touched main.case-form > .form .form-card .container .case-input.date:hover input.input-field.dateInput, main.case-form > .form .form-card .container .case-input.date:focus input.input-field.dateInput, body.touched main.visit-form > .form .form-card .container .case-input .date:hover input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input .date:focus input.input-field.dateInput, body.touched main.visit-form > .form .form-card .container .case-input.date:hover input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input.date:focus input.input-field.dateInput {
  border-bottom: 2px solid #42A8FF;
}
main.case-form > .form .form-card .container .case-input .date input.input-field.dateInput.input-error, main.case-form > .form .form-card .container .case-input.date input.input-field.dateInput.input-error, main.visit-form > .form .form-card .container .case-input .date input.input-field.dateInput.input-error, main.visit-form > .form .form-card .container .case-input.date input.input-field.dateInput.input-error {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .case-input .date:before, main.visit-form > .form .form-card .container .case-input .date:before {
  right: 0;
  bottom: 0;
}
main.case-form > .form .form-card .container .case-input.date input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input.date input.input-field.dateInput {
  width: 230px;
  margin-bottom: 30px;
}
main.case-form > .form .form-card .container .case-input.date:before, main.visit-form > .form .form-card .container .case-input.date:before {
  left: 221px;
  bottom: 2px;
}
main.case-form > .form .form-card .container .case-input.date label:before, main.visit-form > .form .form-card .container .case-input.date label:before {
  position: relative;
  left: 120px;
}
main.case-form > .form .form-card .container .case-input .text-area, main.visit-form > .form .form-card .container .case-input .text-area {
  padding: 0;
}
main.case-form > .form .form-card .container .case-input .text-area textarea, main.visit-form > .form .form-card .container .case-input .text-area textarea {
  margin: 0 0 30px;
  border: 1px solid #9EA6BE;
  min-height: 80px;
}
main.case-form > .form .form-card .container .case-input .text-area textarea:last-child, main.visit-form > .form .form-card .container .case-input .text-area textarea:last-child {
  margin-bottom: 20px;
}
main.case-form > .form .form-card .container .case-input .text-area textarea:focus, main.visit-form > .form .form-card .container .case-input .text-area textarea:focus {
  border: 1px solid #42A8FF;
}
main.case-form > .form .form-card .container .case-input .text-area textarea.input-error, main.visit-form > .form .form-card .container .case-input .text-area textarea.input-error {
  border: 1px solid #F60012;
}
main.case-form > .form .form-card .container .case-input.EU-date .selectize-control.single, main.visit-form > .form .form-card .container .case-input.EU-date .selectize-control.single {
  width: 230px;
  margin-bottom: 30px;
}
main.case-form > .form .form-card .container .case-input .selectize-dropdown-content, main.visit-form > .form .form-card .container .case-input .selectize-dropdown-content {
  max-height: 8rem;
  margin-bottom: 10px;
}
main.case-form > .form .form-card .container .case-input .radio-group, main.visit-form > .form .form-card .container .case-input .radio-group {
  margin: 0 0 30px;
}
main.case-form > .form .form-card .container .case-input .radio-group.sex span, main.visit-form > .form .form-card .container .case-input .radio-group.sex span {
  margin: 0 20px 0 7px;
}
main.case-form > .form .form-card .container .case-input .radio-group .label, main.visit-form > .form .form-card .container .case-input .radio-group .label {
  display: block;
  margin-bottom: 10px;
}
main.case-form > .form .form-card .container .case-input .radio-group .sub-label, main.visit-form > .form .form-card .container .case-input .radio-group .sub-label {
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
}
main.case-form > .form .form-card .container .case-input .radio-group label, main.visit-form > .form .form-card .container .case-input .radio-group label {
  position: relative;
  margin: 0;
  width: auto;
}
main.case-form > .form .form-card .container .case-input .radio-group label:not(:last-child), main.visit-form > .form .form-card .container .case-input .radio-group label:not(:last-child) {
  margin-bottom: 15px;
}
main.case-form > .form .form-card .container .case-input .radio-group.medical-number, main.visit-form > .form .form-card .container .case-input .radio-group.medical-number {
  width: 100%;
  margin: 0;
}
main.case-form > .form .form-card .container .case-input .radio-group.medical-number input.input-field, main.visit-form > .form .form-card .container .case-input .radio-group.medical-number input.input-field {
  width: 230px;
}
main.case-form > .form .form-card .container .case-input .radio-group.inline-radio label, main.visit-form > .form .form-card .container .case-input .radio-group.inline-radio label {
  width: auto;
  margin-bottom: 0;
}
main.case-form > .form .form-card .container .case-input .radio-group.inline-radio label:first-child, main.visit-form > .form .form-card .container .case-input .radio-group.inline-radio label:first-child {
  margin-right: 30px;
}
main.case-form > .form .form-card .container .case-input .input-150 label, main.visit-form > .form .form-card .container .case-input .input-150 label {
  display: block;
  width: 100%;
  margin-top: 0;
}
main.case-form > .form .form-card .container .case-input .input-150 .selectize-control.single, main.case-form > .form .form-card .container .case-input .input-150 input, main.visit-form > .form .form-card .container .case-input .input-150 .selectize-control.single, main.visit-form > .form .form-card .container .case-input .input-150 input {
  width: 150px;
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container .case-input .input-150 .selectize-control.single, main.case-form > .form .form-card .container .case-input .input-150 input, main.visit-form > .form .form-card .container .case-input .input-150 .selectize-control.single, main.visit-form > .form .form-card .container .case-input .input-150 input {
    width: 190px;
  }
}
@media screen and (max-width: 767px) {
  main.case-form > .form .form-card .container .case-input .input-150, main.visit-form > .form .form-card .container .case-input .input-150 {
    margin-bottom: 30px;
    padding: 0;
  }
}
main.case-form > .form .form-card .container .case-input .input-150:not(.mb) .selectize-control.single, main.case-form > .form .form-card .container .case-input .input-150:not(.mb) input, main.visit-form > .form .form-card .container .case-input .input-150:not(.mb) .selectize-control.single, main.visit-form > .form .form-card .container .case-input .input-150:not(.mb) input {
  margin: 0;
}
main.case-form > .form .form-card .container .case-input .input-150 input, main.visit-form > .form .form-card .container .case-input .input-150 input {
  margin-bottom: 30px;
}
main.case-form > .form .form-card .container .case-input .input-190 .selectize-control.single, main.case-form > .form .form-card .container .case-input .input-190 input.input-field.dateInput, main.case-form > .form .form-card .container .case-input .input-190 input, main.visit-form > .form .form-card .container .case-input .input-190 .selectize-control.single, main.visit-form > .form .form-card .container .case-input .input-190 input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input .input-190 input {
  width: 190px;
  margin-bottom: 30px;
}
main.case-form > .form .form-card .container .case-input .input-190 .date:before, main.visit-form > .form .form-card .container .case-input .input-190 .date:before {
  left: 166px;
}
main.case-form > .form .form-card .container .case-input datepicker.input-error > input.input-field.dateInput, main.visit-form > .form .form-card .container .case-input datepicker.input-error > input.input-field.dateInput {
  border-bottom: 2px solid #F60012;
}
main.case-form > .form .form-card .container .existing-input, main.visit-form > .form .form-card .container .existing-input {
  padding: 0;
  margin: 0;
  max-width: 230px;
}
main.case-form > .form .form-card .container .existing-input .input, main.visit-form > .form .form-card .container .existing-input .input {
  margin: 0;
}
main.case-form > .form .form-card .container .existing-input .input ::placeholder, main.visit-form > .form .form-card .container .existing-input .input ::placeholder {
  padding-right: 24px;
}
main.case-form > .form .form-card .container .btn-group:not(.btn-block), main.visit-form > .form .form-card .container .btn-group:not(.btn-block) {
  margin: 30px 0;
  min-width: 350px;
  flex-wrap: wrap;
  max-width: 100%;
}
main.case-form > .form .form-card .container .btn-group:not(.btn-block).padding-top, main.visit-form > .form .form-card .container .btn-group:not(.btn-block).padding-top {
  margin: 0;
  padding: 35px 0;
}
@media screen and (max-width: 368px) {
  main.case-form > .form .form-card .container .btn-group:not(.btn-block), main.visit-form > .form .form-card .container .btn-group:not(.btn-block) {
    margin: 0 0 30px;
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn, main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn {
  margin: 0;
  height: 45px;
  min-width: 150px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  border-radius: 22.5px;
}
@media screen and (max-width: 590px) {
  main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn, main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn {
    margin-top: 15px;
  }
  main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn.multiline-text, main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn.multiline-text {
    height: auto;
    width: auto;
    white-space: break-spaces;
  }
}
main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn:not(:last-child), main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 368px) {
  main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn:not(:last-child), main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn:not(:last-child) {
    margin-top: 15px;
    margin-right: 15px;
  }
}
main.case-form > .form .form-card .container .btn-group:not(.btn-block) .btn.doc-upload, main.visit-form > .form .form-card .container .btn-group:not(.btn-block) .btn.doc-upload {
  margin-right: 0;
  width: 175px;
}
main.case-form > .form .row, main.visit-form > .form .row {
  margin: 0;
}
main.case-form > .form .drop-files, main.visit-form > .form .drop-files {
  margin: 0 15px;
}
main.case-form .selectize-control, main.visit-form .selectize-control {
  background: transparent;
}
main.case-form .selectize-control.single, main.visit-form .selectize-control.single {
  margin-bottom: 30px;
}
main.case-form .selectize-control.single .selectize-input, main.visit-form .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
main.case-form .selectize-control.single .selectize-input.input-error, main.visit-form .selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
main.case-form .selectize-control.single.input-error > .selectize-input, main.visit-form .selectize-control.single.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
main.case-form .selectize-control.single .ui-select-choices-row .selected, main.visit-form .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
main.case-form .selectize-control.single .ui-select-choices-row .selected:before, main.visit-form .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
main.case-form .selectize-control.single .ui-select-choices-row-inner, main.visit-form .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched main.case-form .selectize-control.single .ui-select-choices-row-inner:hover, main.case-form .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover, body.touched main.visit-form .selectize-control.single .ui-select-choices-row-inner:hover, main.visit-form .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched main.case-form .selectize-control.single .ui-select-choices-row-inner:hover > span, main.case-form .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span, body.touched main.visit-form .selectize-control.single .ui-select-choices-row-inner:hover > span, main.visit-form .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
main.case-form .selectize-control.single .ui-select-choices-row-inner i, main.visit-form .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}

.swiper-container-overflow {
  overflow: unset;
}

main.case-page {
  padding: 80px 0 0;
  overflow: hidden;
  min-height: 100vh;
}
@media screen and (max-width: 1023px) {
  main.case-page {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page {
    padding-top: 54px;
  }
}
main.case-page.open-panel-left .case-body-content {
  margin-left: 375px;
}
main.case-page.open-panel-left .case-number {
  margin-left: 275px;
  transition: all 0.7s ease-in-out;
}
main.case-page.open-panel-right .case-body {
  overflow: hidden;
  height: calc(100vh - 245px);
}
@media screen and (max-width: 767px) {
  main.case-page.open-panel-right .case-body {
    height: calc(100vh - 345px);
  }
}
main.case-page.open-panel-right .case-body.opened-widget {
  height: calc(100vh - 320px);
}
@media screen and (max-width: 1023px) {
  main.case-page.open-panel-right .case-body.opened-widget {
    height: calc(100vh - 370px);
  }
}
@media screen and (max-width: 845px) {
  main.case-page.open-panel-right .case-body.opened-widget {
    height: calc(100vh - 390px);
  }
}
main.case-page .top-case-empty {
  min-height: 163px;
  background: #030C26;
}
@media screen and (max-width: 767px) {
  main.case-page .flex-case-and-patient-header {
    display: flex;
    flex-direction: column;
    height: fit-content !important;
  }
}
main.case-page .case-and-patient-header {
  min-height: 150px;
  padding: 30px 50px 30px 50px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  position: relative;
  z-index: 1;
  background: #081334;
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header {
    padding-right: 30px;
    height: 155px;
  }
}
@media screen and (max-width: 870px) {
  main.case-page .case-and-patient-header {
    height: 255px;
    padding-right: 0;
  }
}
@media screen and (max-width: 760px) {
  main.case-page .case-and-patient-header {
    height: 290px;
  }
}
main.case-page .case-and-patient-header.block {
  display: block !important;
}
main.case-page .case-and-patient-header.block .favorite {
  top: 30px !important;
}
main.case-page .case-and-patient-header.flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header.flex {
    align-items: flex-start;
    height: fit-content;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header.flex {
    align-items: flex-start;
  }
}
main.case-page .case-and-patient-header.flex .favorite {
  top: 41px;
}
@media screen and (max-width: 1150px) {
  main.case-page .case-and-patient-header.flex .patient-infos > div.action-menu {
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
    left: 21px;
    top: 79px;
  }
  main.case-page .case-and-patient-header.flex .patient-infos > div.action-menu svg {
    margin: 0;
  }
  main.case-page .case-and-patient-header.flex .patient-infos > div.action-menu .dropdown-menu {
    margin-top: 0;
    top: 0;
    left: 45px;
  }
}
@media screen and (max-width: 1150px) and (max-width: 1080px) {
  main.case-page .case-and-patient-header.flex .patient-infos > div:nth-child(-n+3):not(:first-child) {
    border: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header.flex .patient-infos {
    flex-direction: column;
    padding-bottom: 64px;
  }
}
main.case-page .case-and-patient-header .favorite {
  position: absolute;
  left: 21px;
  top: 30px;
  z-index: 999;
}
main.case-page .case-and-patient-header .favorite label {
  cursor: pointer;
}
main.case-page .case-and-patient-header h1 {
  font-size: 26px;
  letter-spacing: 0.33px;
  line-height: 26px;
  margin-bottom: 8px;
  font-weight: normal;
}
main.case-page .case-and-patient-header h1.initial {
  display: inline-block;
  height: 94px;
  width: 94px;
  margin-right: 15px;
  margin-bottom: 0;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 94px;
  text-align: center;
  text-transform: uppercase;
}
main.case-page .case-and-patient-header h1.initial.private {
  font-size: 19px;
}
main.case-page .case-and-patient-header .patient-infos {
  display: flex;
}
main.case-page .case-and-patient-header .patient-infos .link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
main.case-page .case-and-patient-header .patient-infos .dob {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main.case-page .case-and-patient-header .patient-infos .openAnalyzerButton {
  cursor: pointer;
  padding: 0 20px;
  border-radius: 25px;
  height: 45px;
}
main.case-page .case-and-patient-header .patient-infos .openAnalyzerButton.disabled {
  opacity: 0.65;
}
@media screen and (max-width: 870px) {
  main.case-page .case-and-patient-header .patient-infos {
    flex-direction: column;
  }
}
main.case-page .case-and-patient-header .patient-infos > div {
  padding: 0 20px;
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header .patient-infos > div {
    margin-bottom: 10px;
  }
  main.case-page .case-and-patient-header .patient-infos > div .tooltip-wrapper {
    width: auto;
  }
  main.case-page .case-and-patient-header .patient-infos > div .tooltip-wrapper .tooltip {
    margin-left: inherit;
  }
}
@media screen and (max-width: 870px) {
  main.case-page .case-and-patient-header .patient-infos > div {
    padding: 0;
    height: auto;
  }
}
main.case-page .case-and-patient-header .patient-infos > div:nth-child(-n+3):not(:first-child) {
  border-left: 2px solid #9EA6BE;
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header .patient-infos > div:nth-child(-n+3):not(:first-child) {
    height: auto;
  }
}
@media screen and (max-width: 870px) {
  main.case-page .case-and-patient-header .patient-infos > div:nth-child(-n+3):not(:first-child) {
    height: auto;
    border: 0;
    margin-bottom: 10px;
  }
}
main.case-page .case-and-patient-header .patient-infos > div.action-menu {
  cursor: pointer;
}
@media screen and (max-width: 950px) {
  main.case-page .case-and-patient-header .patient-infos > div.action-menu {
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
    left: 21px;
    top: 65px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header .patient-infos > div.action-menu {
    top: 75px;
  }
}
body.touched main.case-page .case-and-patient-header .patient-infos > div.action-menu:hover > .dropdown-toggle use, main.case-page .case-and-patient-header .patient-infos > div.action-menu.open-panel-left > .dropdown-toggle use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.case-page .case-and-patient-header .patient-infos > div.action-menu.open-panel-left a:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
main.case-page .case-and-patient-header .patient-infos > div p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-bottom: 10px;
}
main.case-page .case-and-patient-header .patient-infos > div svg, main.case-page .case-and-patient-header .patient-infos > div .height-weight {
  display: inline-block;
}
main.case-page .case-and-patient-header .patient-infos > div .height-weight:after {
  margin-left: 30px;
  width: 100px;
}
main.case-page .case-and-patient-header .patient-infos .case-widget {
  margin-left: auto;
}
main.case-page .case-and-patient-header .patient-infos .case-widget div {
  border: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button {
  cursor: pointer;
  border: 2px solid #353D51;
  border-radius: 15px;
  background-color: #030C26;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  width: 234px;
  height: 64px;
  position: absolute;
  bottom: 0;
  right: 50px;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button .button-content {
  width: 100%;
  height: 42px;
  position: relative;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button .button-content > .skeleton, main.case-page .case-and-patient-header .patient-infos .case-widget button .button-content > .mc-case-status-cont {
  position: absolute;
  left: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button .button-content > .mc-case-status-cont {
  bottom: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button .button-content > .skeleton {
  top: 0;
}
@media screen and (max-width: 1080px) {
  main.case-page .case-and-patient-header .patient-infos .case-widget button {
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header .patient-infos .case-widget button {
    right: 15px;
    left: 15px;
    width: calc(100% - 30px);
  }
}
main.case-page .case-and-patient-header .patient-infos .case-widget button:before, main.case-page .case-and-patient-header .patient-infos .case-widget button:after {
  position: absolute;
  content: "";
  bottom: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  transition: all 0.3s ease-in-out;
}
body.touched main.case-page .case-and-patient-header .patient-infos .case-widget button:hover {
  border: 2px solid #FFFFFF;
}
body.touched main.case-page .case-and-patient-header .patient-infos .case-widget button:hover:before, body.touched main.case-page .case-and-patient-header .patient-infos .case-widget button:hover:after {
  border-bottom-color: #FFFFFF;
}
body.touched main.case-page .case-and-patient-header .patient-infos .case-widget button:hover .rotate-up use, body.touched main.case-page .case-and-patient-header .patient-infos .case-widget button:hover .rotate-down use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button div {
  text-align: left;
  padding: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button div span {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  display: inline-block;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button div .status {
  height: 21px;
  overflow: hidden;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button div svg {
  margin-left: -3px;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button svg {
  margin-top: 0;
  margin-left: auto;
  transition: all 0.3s ease-in-out;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button svg.warning {
  margin: 0 16px 0 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button svg.warning use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
main.case-page .case-and-patient-header .patient-infos .case-widget button:before {
  left: 0;
  right: 230px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header .patient-infos .case-widget button:before {
    width: 0;
  }
}
main.case-page .case-and-patient-header .patient-infos .case-widget button:after {
  width: 0;
  right: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget.open button {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget.open button:before, main.case-page .case-and-patient-header .patient-infos .case-widget.open button:after {
  border-bottom-color: #353D51;
}
main.case-page .case-and-patient-header .patient-infos .case-widget.open button:before {
  right: 230px;
  left: -100vw;
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header .patient-infos .case-widget.open button:before {
    width: 15px;
    left: -15px;
  }
}
main.case-page .case-and-patient-header .patient-infos .case-widget.open button:after {
  width: 51px;
  right: -51px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-and-patient-header .patient-infos .case-widget.open button:after {
    width: 15px;
    right: -15px;
  }
}
main.case-page .case-and-patient-header .patient-infos .case-widget.open button svg.warning use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.case-page .case-and-patient-header .patient-infos .case-widget.open:hover button {
  border-bottom: 0;
}
main.case-page .case-and-patient-header .patient-infos .case-widget .stage span {
  text-transform: lowercase;
}
main.case-page .case-and-patient-header .patient-infos .case-widget .stage span:first-letter {
  text-transform: uppercase;
}
main.case-page case-widget-dropdown {
  min-height: 30px;
}
main.case-page .case-widget-dropdown {
  background-color: #030C26;
  width: 100%;
  padding: 15px 50px;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0.35, 1);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  display: block;
}
main.case-page .case-widget-dropdown.show {
  max-height: 400px;
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  main.case-page .case-widget-dropdown {
    padding: 15px 30px;
  }
  main.case-page .case-widget-dropdown > div {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-widget-dropdown {
    padding: 15px;
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), max-height 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  }
  main.case-page .case-widget-dropdown > div {
    flex-direction: column;
  }
}
main.case-page .case-widget-dropdown > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  main.case-page .case-widget-dropdown > div.more-buttons {
    flex-direction: column;
  }
  main.case-page .case-widget-dropdown > div.more-buttons .dropdown-description {
    width: 100%;
  }
}
main.case-page .case-widget-dropdown > div .dropdown-description {
  display: block;
  margin-right: 30px;
}
@media screen and (max-width: 870px) {
  main.case-page .case-widget-dropdown > div .dropdown-description {
    margin: 0;
  }
}
main.case-page .case-widget-dropdown > div .dropdown-description h2 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 6px;
  text-transform: uppercase;
}
main.case-page .case-widget-dropdown > div .dropdown-description p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
main.case-page .case-widget-dropdown > div .button-group {
  display: flex;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  main.case-page .case-widget-dropdown > div .button-group {
    margin: 0 auto;
  }
  main.case-page .case-widget-dropdown > div .button-group .btn {
    margin: 15px auto;
    display: block;
  }
}
@media screen and (max-width: 878px) {
  main.case-page .case-widget-dropdown > div .button-group {
    margin: auto !important;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-widget-dropdown > div .button-group {
    flex-direction: column;
  }
  main.case-page .case-widget-dropdown > div .button-group .btn {
    margin: 15px auto 0;
  }
}
main.case-page .case-widget-dropdown > div .button-group .btn {
  width: 170px;
  overflow: hidden;
  height: 65px;
  padding: 0 20px;
  white-space: normal;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 21px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.case-page .case-widget-dropdown > div .button-group .btn:not(:last-child) {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-widget-dropdown > div .button-group .btn:not(:last-child) {
    margin-right: auto;
  }
}
body.touched main.case-page .case-widget-dropdown > div .button-group .btn:hover {
  border: 2px solid #FFFFFF;
}
main.case-page .case-body {
  position: relative;
}
@media screen and (max-width: 464px) {
  main.case-page .case-body.open-panel-right {
    position: initial;
    height: 0;
    overflow: hidden;
  }
}
main.case-page .case-body .global-filters {
  min-height: 50px;
  height: auto;
  padding: 0 50px 0px 30px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters button:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters button {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 424px) {
  main.case-page .case-body .global-filters button {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters button:last-child {
    margin-right: 15px;
  }
}
main.case-page .case-body .global-filters .case-number {
  display: flex;
  align-items: flex-end;
  transition: all 0.7s ease-in;
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters .case-number {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
  }
}
main.case-page .case-body .global-filters .case-number .case-info {
  display: flex;
  align-items: flex-end;
  transition: all 0.7s ease-in;
}
main.case-page .case-body .global-filters .case-number .case-info h3 {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
}
main.case-page .case-body .global-filters .case-number .case-info p {
  margin: 0 0 3px 10px;
}
main.case-page .case-body .global-filters .case-number .case-info a {
  margin: 0 0 3px 10px;
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
main.case-page .case-body .global-filters .case-number .error-messages p {
  margin: 0 0 3px 10px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters .case-number .error-messages p {
    margin-left: 0;
  }
}
main.case-page .case-body .global-filters .case-number .error-messages a {
  margin: 0 0 3px 10px;
  cursor: pointer;
  color: #F60012;
  text-decoration: underline;
}
main.case-page .case-body .global-filters .tab {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  background: #030C26;
  padding: 9px 17px;
  border-radius: 9px 9px 0 0;
  cursor: pointer;
}
main.case-page .case-body .global-filters .tab:not(.last-child) {
  margin-right: 3px;
}
main.case-page .case-body .global-filters .tab.active {
  height: 50px;
  background-color: #42A8FF;
}
main.case-page .case-body .global-filters .tab h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  main.case-page .case-body .global-filters .tab {
    min-width: 100%;
    flex-wrap: wrap;
  }
  main.case-page .case-body .global-filters .tab h1 {
    width: 100%;
    margin-right: 10px;
  }
}
main.case-page .case-body .global-filters a:first-child {
  margin-right: 30px;
}
main.case-page .case-body .global-filters .slide-filters {
  top: 0;
  width: 375px;
  height: 100%;
  left: -375px;
}
main.case-page .case-body .global-filters .slide-filters.open-panel-left {
  left: 0;
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters .slide-filters {
    width: 100%;
    left: -100%;
    transition: all 0.7s ease-in;
    position: fixed;
    padding-top: 54px;
  }
}
main.case-page .case-body .global-filters .slide-filters .slide-settings {
  padding: 0;
  height: calc(100% - 50px);
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .restore {
  width: 100%;
  padding: 10px 15px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .restore a {
  display: block;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  margin: 0 0 0 auto;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .accordion-set .set-header {
  margin-bottom: 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .accordion-set .box-order-type-details-description {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: left;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .accordion-set .box-order-type-details-description h2 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  margin-block-end: 6px;
  line-height: 18px;
  text-transform: uppercase;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .accordion-set .box-order-type-details-description p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details {
  padding: 20px 15px 0;
  text-align: left;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set {
  padding: 20px 0 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set h2 {
  margin: 0 15px 20px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set li .accordion-body.show, main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set li:last-child {
  padding: 25px 15px 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set li .accordion-body.collapse {
  height: 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details.accordion-set li .accordion-body.show {
  height: auto;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details:first-child {
  padding: 30px 15px 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details h2 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 4px;
  margin-bottom: 27px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row {
  margin: 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row [class*=col] {
  padding: 0;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row .col-6 {
  max-width: 165px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row h3, main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row p {
  font-size: 16px;
  letter-spacing: 0.3px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row h3 {
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row p, main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row a {
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 30px;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row .scrollabe-list {
  overflow: auto;
  height: 112px;
  width: 100%;
  background: #353D51;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row .hospital-name {
    margin-bottom: 30px;
  }
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row .case-details-tracking-number {
  display: flex;
  justify-content: space-between;
}
main.case-page .case-body .global-filters .slide-filters .slide-settings .contain-details .row .no-linked-rod {
  font-style: italic;
  color: #F60012;
}
main.case-page svg.rotate-up, main.case-page svg.rotate-down {
  transition: none;
}
main.case-page svg.rotate-up.onclick-transition, main.case-page svg.rotate-down.onclick-transition {
  transition: 0.3s;
}
main.case-page input, main.case-page .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
main.case-page input:focus, main.case-page input.selectize-focus, main.case-page input.focus, main.case-page .selectize-control.single .selectize-input:focus, main.case-page .selectize-control.single .selectize-input.selectize-focus, main.case-page .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
main.case-page .l-wrapper {
  z-index: 99999;
}

.case-body-content, .patient-profile {
  min-height: 500px;
  width: 100%;
  padding: 50px 30px 100px;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  background: #030C26;
  overflow-y: auto;
  overflow-x: hidden;
}
.case-body-content::-webkit-scrollbar, .patient-profile::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  display: none;
}
@media screen and (max-width: 1023px) {
  .case-body-content, .patient-profile {
    padding: 30px 30px 110px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content, .patient-profile {
    padding: 30px 15px 120px;
    -webkit-transition: all 0.75s ease-in;
    -moz-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
  }
}
.case-body-content .right-border, .patient-profile .right-border {
  padding-right: 10px;
  border-right: white 1px solid;
  flex: 2;
  overflow: hidden;
}
.case-body-content .carousel-cont, .patient-profile .carousel-cont {
  min-height: 523px;
  position: relative;
}
.case-body-content .carousel-cont .images-carousel-header, .patient-profile .carousel-cont .images-carousel-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.case-body-content .carousel-cont .images-carousel-header .tab, .patient-profile .carousel-cont .images-carousel-header .tab {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  background: #353D51;
  padding: 9px 17px;
  border-radius: 9px 9px 0 0;
  cursor: pointer;
}
.case-body-content .carousel-cont .images-carousel-header .tab:not(.last-child), .patient-profile .carousel-cont .images-carousel-header .tab:not(.last-child) {
  margin-right: 3px;
}
.case-body-content .carousel-cont .images-carousel-header .tab.active, .patient-profile .carousel-cont .images-carousel-header .tab.active {
  height: 50px;
}
.case-body-content .carousel-cont .images-carousel-header .tab h1, .patient-profile .carousel-cont .images-carousel-header .tab h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-header .tab h1, .patient-profile .carousel-cont .images-carousel-header .tab h1 {
    font-size: 20px;
    margin-right: 0;
  }
}
.case-body-content .carousel-cont .images-carousel-header .tab button, .patient-profile .carousel-cont .images-carousel-header .tab button {
  border: 0;
  padding: 0;
  cursor: pointer;
}
.case-body-content .carousel-cont .images-carousel-header .tab button:first-of-type, .patient-profile .carousel-cont .images-carousel-header .tab button:first-of-type {
  margin-left: auto;
}
.case-body-content .carousel-cont .images-carousel-header .tab button.edit, .patient-profile .carousel-cont .images-carousel-header .tab button.edit {
  margin: 0 30px 0 0;
}
@media screen and (max-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-header .tab button.edit, .patient-profile .carousel-cont .images-carousel-header .tab button.edit {
    margin: 0;
  }
  .case-body-content .carousel-cont .images-carousel-header .tab button.edit svg, .patient-profile .carousel-cont .images-carousel-header .tab button.edit svg {
    width: 20px;
    height: 20px;
  }
}
body.touched .case-body-content .carousel-cont .images-carousel-header .tab button.edit:hover use, body.touched .patient-profile .carousel-cont .images-carousel-header .tab button.edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content .carousel-cont .images-carousel-header .tab button.zip-icon, .patient-profile .carousel-cont .images-carousel-header .tab button.zip-icon {
  margin-right: 30px;
}
body.touched .case-body-content .carousel-cont .images-carousel-header .tab button.zip-icon:hover use, body.touched .patient-profile .carousel-cont .images-carousel-header .tab button.zip-icon:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
@media screen and (max-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-header .tab button.zip-icon, .patient-profile .carousel-cont .images-carousel-header .tab button.zip-icon {
    margin-right: 15px;
  }
}
.case-body-content .carousel-cont .images-carousel-header .tab button.create use, .patient-profile .carousel-cont .images-carousel-header .tab button.create use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .case-body-content .carousel-cont .images-carousel-header .tab button.create:hover use, body.touched .patient-profile .carousel-cont .images-carousel-header .tab button.create:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
@media screen and (max-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-header .tab, .patient-profile .carousel-cont .images-carousel-header .tab {
    width: 100%;
    max-width: 50%;
    flex-wrap: wrap;
    min-width: auto;
    padding: 5px 10px;
    justify-content: space-between;
  }
  .case-body-content .carousel-cont .images-carousel-header .tab button:first-of-type, .patient-profile .carousel-cont .images-carousel-header .tab button:first-of-type {
    margin-left: 0;
  }
  .case-body-content .carousel-cont .images-carousel-header .tab button svg, .patient-profile .carousel-cont .images-carousel-header .tab button svg {
    width: 20px;
    height: 20px;
  }
}
.case-body-content .carousel-cont .images-carousel .selectize-control.single, .patient-profile .carousel-cont .images-carousel .selectize-control.single {
  margin-bottom: 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form, .patient-profile .carousel-cont .images-carousel-add-edit .form {
  margin: 15px 0 0;
  max-width: 100%;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .drop-files, .patient-profile .carousel-cont .images-carousel-add-edit .form .drop-files {
  height: 150px;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery, .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-],
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-], .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-],
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-], .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-],
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-], .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-],
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-] {
  padding: 0 7.5px 15px;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:first-child,
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:first-child, .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:first-child,
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:first-child, .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:first-child,
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:first-child, .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:first-child,
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:first-child {
  padding: 0 7.5px 15px 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
  padding-right: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
    padding-right: 7.5px;
  }
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
.patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px 7.5px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 7.5px 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 0 15px;
  }
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery, .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery {
  border: 2px solid #353D51;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n) {
    padding: 0 0 15px 7.5px;
  }
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n+1), .patient-profile .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n+1) {
    padding-left: 0;
  }
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .form-error, .patient-profile .carousel-cont .images-carousel-add-edit .form .form-error {
  position: absolute;
  color: #F60012;
  margin-top: 5px;
  margin-bottom: 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .form-error.global, .patient-profile .carousel-cont .images-carousel-add-edit .form .form-error.global {
  margin: 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .form-error use, .patient-profile .carousel-cont .images-carousel-add-edit .form .form-error use {
  fill: #F60012;
  --static-color: #F60012;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .save-cancel, .patient-profile .carousel-cont .images-carousel-add-edit .form .save-cancel {
  margin: 50px 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .save-cancel button, .case-body-content .carousel-cont .images-carousel-add-edit .form .save-cancel a, .patient-profile .carousel-cont .images-carousel-add-edit .form .save-cancel button, .patient-profile .carousel-cont .images-carousel-add-edit .form .save-cancel a {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 44px;
  text-align: center;
  height: 44px;
  padding: 0;
}
.case-body-content .carousel-cont .images-carousel-add-edit .form .save-cancel button:first-child, .case-body-content .carousel-cont .images-carousel-add-edit .form .save-cancel a:first-child, .patient-profile .carousel-cont .images-carousel-add-edit .form .save-cancel button:first-child, .patient-profile .carousel-cont .images-carousel-add-edit .form .save-cancel a:first-child {
  margin-right: 30px;
}
.case-body-content .carousel-cont .images-carousel-swiper, .patient-profile .carousel-cont .images-carousel-swiper {
  position: relative;
  width: 100%;
  z-index: 0;
  padding: 30px 0;
}
@media screen and (max-width: 1023px) {
  .case-body-content .carousel-cont .images-carousel-swiper, .patient-profile .carousel-cont .images-carousel-swiper {
    padding: 15px 0 30px;
  }
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide {
  width: 298px;
  margin: 0;
  box-shadow: 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle {
  display: none;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle.link, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.first, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle {
  display: block;
  position: relative;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle.link, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.last, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-right: 30px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.very-last, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.very-last {
  margin-right: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.first.last, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.toSingleLast, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.toSingleLast {
  margin-right: 30px !important;
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.toSingle, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.toSingle {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.last, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first.last, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .xray-type > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .xray-type > span {
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  position: relative;
  left: 0;
  display: inline-block;
  transform: translate(0, 0);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi .xray-type > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi .xray-type > span {
  left: 50%;
  transform: translate(-50%, 0);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay,
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay,
.patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay:after {
  border-radius: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay:after {
  border-bottom-left-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay:after {
  border-bottom-right-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-radius: 15px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single.hidden, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single.hidden {
  box-shadow: none;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single .carousel-card-image, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single .carousel-card-image {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.hidden, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.hidden {
  width: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.hidden img,
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image-overlay,
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.hidden img,
.patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image-overlay,
.patient-profile .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image > span {
  transition-delay: 10s;
  opacity: 0 !important;
  pointer-events: none;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top > span {
  position: absolute;
  padding: 8px 15px 12px;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 100%);
  background: rgba(3, 12, 38, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode {
  position: absolute;
  right: 5px;
  top: 3px;
  transition: opacity 0.25s linear;
  width: 100px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode .sep, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode .sep {
  display: inline-block;
  width: 2px;
  height: 30px;
  background: #FFFFFF;
  position: relative;
  top: 10px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button {
  border: 0;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active {
  color: #42A8FF;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover use, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active use, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover use, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover {
  cursor: default;
  color: #0F7AD6;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover use, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .xrayHeader, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .xrayHeader {
  width: 298px;
  padding: 17px 15px 19px 15px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 20px;
  margin-bottom: 0;
  min-height: 55px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons {
  display: flex;
  height: 40px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button {
  width: 100%;
  border: solid 1px white;
  cursor: pointer;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.active, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.active {
  background-color: #174CBF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.validated, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.validated {
  background-color: #599518;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.valid-unselected, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.valid-unselected {
  color: #599518;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single {
  margin-bottom: 0;
  width: 185px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-content::-webkit-scrollbar, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-content::-webkit-scrollbar {
  display: none !important;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected:before, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover > span, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner i, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input {
  height: 21px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input span, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input input, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input input {
  padding: 0 0 5px;
  height: 21px;
  line-height: 21px;
  background: transparent;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input:after {
  top: inherit;
  bottom: -3px;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input {
  border-bottom: 2px solid #42A8FF;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input :after, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input :after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image {
  height: 372px;
  width: 0;
  position: relative;
  display: block;
  margin-top: 55px;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image > span, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image > span {
  position: absolute;
  padding: 8px 15px 12px;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  height: 46px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.visible, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.visible {
  width: 298px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.ta-smaller, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.ta-smaller {
  margin-top: 95px;
  height: 332px;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay {
  height: inherit;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px -1px 0px 0px #FFFFFF;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #000000;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled {
  pointer-events: none;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  overflow: hidden;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after {
  opacity: 0.5;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  opacity: 0.6;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .image-viewer, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .image-viewer {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  position: relative;
  height: 372px;
  width: 100%;
  object-fit: contain;
  display: block;
  margin: auto;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .zoomable-icon, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .zoomable-icon {
  position: absolute;
  top: 183px;
  left: 125px;
  z-index: 3;
  opacity: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:before, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:before {
  display: block;
  content: "";
  position: absolute;
  top: 156px;
  left: 99px;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  opacity: 0.5;
  background-color: #9EA6BE;
  z-index: 2;
  opacity: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:after, .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 15px 15px;
  background-color: #353D51;
  opacity: 0;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:after, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:after {
  opacity: 0.5;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:before, body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover svg, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:before, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover svg {
  opacity: 1;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-button-prev, .case-body-content .carousel-cont .images-carousel-swiper .swiper-button-next, .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-prev, .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: 192px;
  opacity: 0.7;
  transition: 0.3s ease-in;
}
body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-button-prev:hover, body.touched .case-body-content .carousel-cont .images-carousel-swiper .swiper-button-next:hover, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-prev:hover, body.touched .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-next:hover {
  opacity: 1;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-button-prev, .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-button-next, .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-next {
  right: 0;
}
.case-body-content .carousel-cont .images-carousel-swiper .swiper-button-disabled, .patient-profile .carousel-cont .images-carousel-swiper .swiper-button-disabled {
  display: none;
}
.case-body-content .carousel-cont .images-carousel.empty, .patient-profile .carousel-cont .images-carousel.empty {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.case-body-content .carousel-cont .images-carousel.empty.fade-out, .patient-profile .carousel-cont .images-carousel.empty.fade-out {
  opacity: 0;
}
.case-body-content .carousel-cont .images-carousel.empty .carousel-card-image-overlay, .patient-profile .carousel-cont .images-carousel.empty .carousel-card-image-overlay {
  padding: 15px;
}
.case-body-content .carousel-cont .images-carousel .tab-content, .patient-profile .carousel-cont .images-carousel .tab-content {
  background: #353D51;
  padding: 36px 20px 20px;
  min-height: 400px;
  margin-bottom: 20px;
}
.case-body-content .carousel-cont .images-carousel .tab-content.images-carousel-no-data, .patient-profile .carousel-cont .images-carousel .tab-content.images-carousel-no-data {
  padding: 150px 0;
}
.case-body-content .carousel-cont .images-carousel .tab-content.images-carousel-no-data h2, .patient-profile .carousel-cont .images-carousel .tab-content.images-carousel-no-data h2 {
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto 10px;
  font-weight: normal;
}
.case-body-content .carousel-cont .images-carousel .tab-content.images-carousel-no-data p, .patient-profile .carousel-cont .images-carousel .tab-content.images-carousel-no-data p {
  margin: 0 auto;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  text-align: center;
}
.case-body-content .carousel-cont .images-carousel .tab-content .form .accordion-gallery .set-header, .patient-profile .carousel-cont .images-carousel .tab-content .form .accordion-gallery .set-header {
  background: #353D51;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list h3, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 0;
  text-transform: uppercase;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list .zip-row, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list .zip-row {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #081334;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list .zip-row p, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list .zip-row p {
  margin: 0 auto 0 0;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list .zip-row p span, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list .zip-row p span {
  font-style: italic;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list .zip-row a, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list .zip-row a {
  margin-right: 20px;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list:not(:last-of-type), .patient-profile .carousel-cont .images-carousel .tab-content .zip-list:not(:last-of-type) {
  margin-bottom: 40px;
}
.case-body-content .carousel-cont .images-carousel .tab-content .zip-list:last-child .zip-row:last-of-type, .patient-profile .carousel-cont .images-carousel .tab-content .zip-list:last-child .zip-row:last-of-type {
  border-bottom: 0;
}

.case-body-content-preop {
  min-height: 100px;
  width: 100%;
  padding: 10px 10px 0px;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  background: #030C26;
  overflow-y: auto;
  overflow-x: hidden;
}
.case-body-content-preop::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  display: none;
}
@media screen and (max-width: 1023px) {
  .case-body-content-preop {
    padding: 30px 30px 110px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-preop {
    padding: 30px 15px 120px;
    -webkit-transition: all 0.75s ease-in;
    -moz-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
  }
}
.case-body-content-preop .right-border {
  padding-right: 10px;
  border-right: white 1px solid;
}
.case-body-content-preop .carousel-cont {
  min-height: 523px;
  position: relative;
}
.case-body-content-preop .carousel-cont .images-carousel-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  background: #353D51;
  padding: 9px 17px;
  border-radius: 9px 9px 0 0;
  cursor: pointer;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab:not(.last-child) {
  margin-right: 3px;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab.active {
  height: 50px;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-right: 50px;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab button {
  border: 0;
  padding: 0;
  cursor: pointer;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab button:first-of-type {
  margin-left: auto;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab button.edit {
  margin: 0 30px 0 0;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-header .tab button.edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab button.zip-icon {
  margin-right: 30px;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-header .tab button.zip-icon:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-preop .carousel-cont .images-carousel-header .tab button.create use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-header .tab button.create:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
@media screen and (max-width: 768px) {
  .case-body-content-preop .carousel-cont .images-carousel-header .tab {
    height: 86px;
    min-width: 150px;
    flex-wrap: wrap;
  }
  .case-body-content-preop .carousel-cont .images-carousel-header .tab.active {
    height: 88px;
  }
  .case-body-content-preop .carousel-cont .images-carousel-header .tab h1 {
    width: 100%;
  }
  .case-body-content-preop .carousel-cont .images-carousel-header .tab button {
    margin-top: 10px;
  }
  .case-body-content-preop .carousel-cont .images-carousel-header .tab button:first-of-type {
    margin-left: 0;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form {
  margin: 15px 0 0;
  max-width: 100%;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .drop-files {
  height: 150px;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-],
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-], .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-],
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-] {
  padding: 0 7.5px 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:first-child,
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:first-child, .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:first-child,
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:first-child {
  padding: 0 7.5px 15px 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
  padding-right: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
    padding-right: 7.5px;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px 7.5px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 7.5px 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 0 15px;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery {
  border: 2px solid #353D51;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n) {
    padding: 0 0 15px 7.5px;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n+1) {
    padding-left: 0;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .form-error {
  position: absolute;
  color: #F60012;
  margin-top: 5px;
  margin-bottom: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .form-error.global {
  margin: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .form-error use {
  fill: #F60012;
  --static-color: #F60012;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .save-cancel {
  margin: 50px 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .save-cancel button, .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .save-cancel a {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 44px;
  text-align: center;
  height: 44px;
  padding: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-add-edit .form .save-cancel button:first-child, .case-body-content-preop .carousel-cont .images-carousel-add-edit .form .save-cancel a:first-child {
  margin-right: 30px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper {
  position: relative;
  width: 100%;
  z-index: 0;
  padding: 30px 0;
}
@media screen and (max-width: 1023px) {
  .case-body-content-preop .carousel-cont .images-carousel-swiper {
    padding: 15px 0 30px;
  }
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide {
  width: 298px;
  margin: 0;
  box-shadow: 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle {
  display: none;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle {
  display: block;
  position: relative;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-right: 30px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.very-last {
  margin-right: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.toSingleLast {
  margin-right: 30px !important;
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .xray-type > span {
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  position: relative;
  left: 0;
  display: inline-block;
  transform: translate(0, 0);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi .xray-type > span {
  left: 50%;
  transform: translate(-50%, 0);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay,
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay:after {
  border-radius: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay:after {
  border-bottom-left-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay:after {
  border-bottom-right-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-radius: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single.hidden {
  box-shadow: none;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single .carousel-card-image {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.hidden {
  width: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.hidden img,
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image-overlay,
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image > span {
  transition-delay: 10s;
  opacity: 0 !important;
  pointer-events: none;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top > span {
  position: absolute;
  padding: 8px 15px 12px;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 100%);
  background: rgba(3, 12, 38, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode {
  position: absolute;
  right: 5px;
  top: 3px;
  transition: opacity 0.25s linear;
  width: 100px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode .sep {
  display: inline-block;
  width: 2px;
  height: 30px;
  background: #FFFFFF;
  position: relative;
  top: 10px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button {
  border: 0;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active {
  color: #42A8FF;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover use, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover {
  cursor: default;
  color: #0F7AD6;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .xrayHeader {
  width: 298px;
  padding: 17px 15px 19px 15px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  margin-bottom: 0;
  min-height: 55px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons {
  display: flex;
  height: 40px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button {
  width: 100%;
  border: solid 1px white;
  cursor: pointer;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.active {
  background-color: #174CBF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.validated {
  background-color: #599518;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.valid-unselected {
  color: #599518;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single {
  margin-bottom: 0;
  width: 185px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-content::-webkit-scrollbar {
  display: none !important;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner:hover > span, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input {
  height: 21px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input span, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input input {
  padding: 0 0 5px;
  height: 21px;
  line-height: 21px;
  background: transparent;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single .selectize-input:after {
  top: inherit;
  bottom: -3px;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input {
  border-bottom: 2px solid #42A8FF;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .selectize-control.single:hover .selectize-input :after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image {
  height: 372px;
  width: 0;
  position: relative;
  display: block;
  margin-top: 55px;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image > span {
  position: absolute;
  padding: 8px 15px 12px;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(3, 12, 38, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  height: 46px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.visible {
  width: 298px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.ta-smaller {
  margin-top: 95px;
  height: 332px;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay {
  height: inherit;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px -1px 0px 0px #FFFFFF;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #000000;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled {
  pointer-events: none;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  overflow: hidden;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after {
  opacity: 0.5;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  opacity: 0.6;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .image-viewer {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  position: relative;
  height: 372px;
  width: 100%;
  object-fit: contain;
  display: block;
  margin: auto;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .zoomable-icon {
  position: absolute;
  top: 183px;
  left: 125px;
  z-index: 3;
  opacity: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:before {
  display: block;
  content: "";
  position: absolute;
  top: 156px;
  left: 99px;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  opacity: 0.5;
  background-color: #9EA6BE;
  z-index: 2;
  opacity: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 15px 15px;
  background-color: #353D51;
  opacity: 0;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:after {
  opacity: 0.5;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:before, body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover svg {
  opacity: 1;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-prev, .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: 192px;
  opacity: 0.7;
  transition: 0.3s ease-in;
}
body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-prev:hover, body.touched .case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-next:hover {
  opacity: 1;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-next {
  right: 0;
}
.case-body-content-preop .carousel-cont .images-carousel-swiper .swiper-button-disabled {
  display: none;
}
.case-body-content-preop .carousel-cont .images-carousel.empty {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.case-body-content-preop .carousel-cont .images-carousel.empty.fade-out {
  opacity: 0;
}
.case-body-content-preop .carousel-cont .images-carousel.empty .carousel-card-image-overlay {
  padding: 15px;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content {
  background: #353D51;
  padding: 36px 20px 20px;
  min-height: 400px;
  margin-bottom: 20px;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content.images-carousel-no-data {
  padding: 150px 0;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content.images-carousel-no-data h2 {
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto 10px;
  font-weight: normal;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content.images-carousel-no-data p {
  margin: 0 auto;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  text-align: center;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .form .accordion-gallery .set-header {
  background: #353D51;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 0;
  text-transform: uppercase;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list .zip-row {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #081334;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list .zip-row p {
  margin: 0 auto 0 0;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list .zip-row p span {
  font-style: italic;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list .zip-row a {
  margin-right: 20px;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list:not(:last-of-type) {
  margin-bottom: 40px;
}
.case-body-content-preop .carousel-cont .images-carousel .tab-content .zip-list:last-child .zip-row:last-of-type {
  border-bottom: 0;
}

.case-body-content-postop {
  min-height: 300px;
  width: 100%;
  padding: 50px 30px 0px;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  background: #030C26;
  overflow-y: auto;
  overflow-x: hidden;
}
.case-body-content-postop::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  display: none;
}
@media screen and (max-width: 1023px) {
  .case-body-content-postop {
    padding: 30px 30px 110px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-postop {
    padding: 30px 15px 120px;
    -webkit-transition: all 0.75s ease-in;
    -moz-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
  }
}
.case-body-content-postop .right-border {
  padding-right: 10px;
  border-right: white 1px solid;
}
.case-body-content-postop .carousel-cont {
  min-height: 523px;
  position: relative;
}
.case-body-content-postop .carousel-cont .images-carousel-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  background: #353D51;
  padding: 9px 17px;
  border-radius: 9px 9px 0 0;
  cursor: pointer;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab:not(.last-child) {
  margin-right: 3px;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab.active {
  height: 50px;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-right: 50px;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab button {
  border: 0;
  padding: 0;
  cursor: pointer;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab button:first-of-type {
  margin-left: auto;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab button.edit {
  margin: 0 30px 0 0;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-header .tab button.edit:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab button.zip-icon {
  margin-right: 30px;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-header .tab button.zip-icon:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-postop .carousel-cont .images-carousel-header .tab button.create use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-header .tab button.create:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
@media screen and (max-width: 768px) {
  .case-body-content-postop .carousel-cont .images-carousel-header .tab {
    height: 86px;
    min-width: 150px;
    flex-wrap: wrap;
  }
  .case-body-content-postop .carousel-cont .images-carousel-header .tab.active {
    height: 88px;
  }
  .case-body-content-postop .carousel-cont .images-carousel-header .tab h1 {
    width: 100%;
  }
  .case-body-content-postop .carousel-cont .images-carousel-header .tab button {
    margin-top: 10px;
  }
  .case-body-content-postop .carousel-cont .images-carousel-header .tab button:first-of-type {
    margin-left: 0;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form {
  margin: 15px 0 0;
  max-width: 100%;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .drop-files {
  height: 150px;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-],
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-], .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-],
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-] {
  padding: 0 7.5px 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:first-child,
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:first-child, .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:first-child,
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:first-child {
  padding: 0 7.5px 15px 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
  padding-right: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n) {
    padding-right: 7.5px;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(4n+1), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px 7.5px;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(even), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(even),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(even) {
    padding: 0 0 15px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 7.5px 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery .set-body > .row > [class*=col-]:nth-child(odd), .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(odd),
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery .set-body > .row > [class*=col-]:nth-child(odd) {
    padding: 0 0 15px;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.accordion-gallery {
  border: 2px solid #353D51;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n) {
    padding: 0 0 15px 7.5px;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
  padding-left: 0;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(4n+1) {
    padding-left: 7.5px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .thumbnail-gallery.row-gallery > .row > [class*=col-]:nth-child(3n+1) {
    padding-left: 0;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .form-error {
  position: absolute;
  color: #F60012;
  margin-top: 5px;
  margin-bottom: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .form-error.global {
  margin: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .form-error use {
  fill: #F60012;
  --static-color: #F60012;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .save-cancel {
  margin: 50px 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .save-cancel button, .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .save-cancel a {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 44px;
  text-align: center;
  height: 44px;
  padding: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-add-edit .form .save-cancel button:first-child, .case-body-content-postop .carousel-cont .images-carousel-add-edit .form .save-cancel a:first-child {
  margin-right: 30px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper {
  position: relative;
  width: 100%;
  z-index: 0;
  padding: 30px 0;
}
@media screen and (max-width: 1023px) {
  .case-body-content-postop .carousel-cont .images-carousel-swiper {
    padding: 15px 0 30px;
  }
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide {
  width: 298px;
  margin: 0;
  box-shadow: 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle {
  display: none;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle {
  display: block;
  position: relative;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.first .xrayTitle.link {
  cursor: pointer;
  color: #42A8FF;
  text-decoration: underline;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-right: 30px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.very-last {
  margin-right: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.toSingleLast {
  margin-right: 30px !important;
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.last {
  box-shadow: 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.toSingle.first.last {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .xray-type > span {
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  position: relative;
  left: 0;
  display: inline-block;
  transform: translate(0, 0);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi .xray-type > span {
  left: 50%;
  transform: translate(-50%, 0);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay,
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi .carousel-card-image-overlay:after {
  border-radius: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi.first .carousel-card-image-overlay:after {
  border-bottom-left-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.multi.last.very-last .carousel-card-image-overlay:after {
  border-bottom-right-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single {
  box-shadow: -1px 0px 0px 0px #FFFFFF, 1px 0px 0px 0px #FFFFFF, 0px -1px 0px 0px #FFFFFF, 0px 1px 0px 0px #FFFFFF;
  border-radius: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single.hidden {
  box-shadow: none;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide:not(.multi).single .carousel-card-image {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.hidden {
  width: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.hidden img,
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image-overlay,
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide.hidden .carousel-card-image > span {
  transition-delay: 10s;
  opacity: 0 !important;
  pointer-events: none;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .top > span {
  position: absolute;
  padding: 8px 15px 12px;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 100%);
  background: rgba(3, 12, 38, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode {
  position: absolute;
  right: 5px;
  top: 3px;
  transition: opacity 0.25s linear;
  width: 100px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode .sep {
  display: inline-block;
  width: 2px;
  height: 30px;
  background: #FFFFFF;
  position: relative;
  top: 10px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button {
  border: 0;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active {
  color: #42A8FF;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button:hover use, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover {
  cursor: default;
  color: #0F7AD6;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .display-mode button.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .xrayHeader {
  width: 298px;
  padding: 17px 15px 19px 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  margin-bottom: 0;
  min-height: 55px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons {
  display: flex;
  height: 40px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button {
  width: 100%;
  border: solid 1px white;
  cursor: pointer;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.active {
  background-color: #174CBF;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.validated {
  background-color: #599518;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card .ta-buttons .ta-button.valid-unselected {
  color: #599518;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image {
  height: 372px;
  width: 0;
  position: relative;
  display: block;
  margin-top: 55px;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image > span {
  position: absolute;
  padding: 8px 15px 12px;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(3, 12, 38, 0.7);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  z-index: 1;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  height: 46px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.visible {
  width: 298px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image.ta-smaller {
  margin-top: 95px;
  height: 332px;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay {
  height: inherit;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px -1px 0px 0px #FFFFFF;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #000000;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled {
  pointer-events: none;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  overflow: hidden;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:after {
  opacity: 0.5;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled:before, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay.disabled svg {
  opacity: 0.6;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .image-viewer {
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.35, 1);
  opacity: 1;
  position: relative;
  height: 372px;
  width: 100%;
  object-fit: contain;
  display: block;
  margin: auto;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay .zoomable-icon {
  position: absolute;
  top: 183px;
  left: 125px;
  z-index: 3;
  opacity: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:before {
  display: block;
  content: "";
  position: absolute;
  top: 156px;
  left: 99px;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  opacity: 0.5;
  background-color: #9EA6BE;
  z-index: 2;
  opacity: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 15px 15px;
  background-color: #353D51;
  opacity: 0;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:after {
  opacity: 0.5;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover:before, body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-slide .carousel-card-image-overlay:hover svg {
  opacity: 1;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-prev, .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: 192px;
  opacity: 0.7;
  transition: 0.3s ease-in;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-prev:hover, body.touched .case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-next:hover {
  opacity: 1;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-next {
  right: 0;
}
.case-body-content-postop .carousel-cont .images-carousel-swiper .swiper-button-disabled {
  display: none;
}
.case-body-content-postop .carousel-cont .images-carousel.empty {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.case-body-content-postop .carousel-cont .images-carousel.empty.fade-out {
  opacity: 0;
}
.case-body-content-postop .carousel-cont .images-carousel.empty .carousel-card-image-overlay {
  padding: 15px;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single {
  margin-bottom: 0;
  width: 185px;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-content::-webkit-scrollbar {
  display: none !important;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: white;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner:hover, .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner:hover > span, .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .selectize-input {
  height: 21px;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .selectize-input span, .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .selectize-input input {
  padding: 0 0 5px;
  height: 21px;
  line-height: 21px;
  background: transparent;
}
.case-body-content-postop .carousel-cont .images-carousel .selectize-control.single .selectize-input:after {
  top: inherit;
  bottom: -3px;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single:hover .selectize-input {
  border-bottom: 2px solid #42A8FF;
}
body.touched .case-body-content-postop .carousel-cont .images-carousel .selectize-control.single:hover .selectize-input :after {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content {
  background: #353D51;
  padding: 36px 20px 20px;
  min-height: 470px;
  margin-bottom: 20px;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content.images-carousel-no-data {
  padding: 150px 0;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content.images-carousel-no-data h2 {
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto 10px;
  font-weight: normal;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content.images-carousel-no-data p {
  margin: 0 auto;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 30px;
  text-align: center;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .form .accordion-gallery .set-header {
  background: #353D51;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 0;
  text-transform: uppercase;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list .zip-row {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #081334;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list .zip-row p {
  margin: 0 auto 0 0;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list .zip-row p span {
  font-style: italic;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list .zip-row a {
  margin-right: 20px;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list:not(:last-of-type) {
  margin-bottom: 40px;
}
.case-body-content-postop .carousel-cont .images-carousel .tab-content .zip-list:last-child .zip-row:last-of-type {
  border-bottom: 0;
}

/**
* COLOR-VARIABLES
*/
.data-tables {
  margin-bottom: 20px;
}
.data-tables .no-data-header {
  height: auto;
  width: 100%;
  background-color: #353D51;
  padding: 10px 16px;
}
.data-tables .no-data-header p {
  text-transform: uppercase;
  margin: 0;
}
.data-tables.empty .data-tables-accordion button {
  display: none;
}
.data-tables.empty .data-tables-accordion .set-header {
  content: "";
  cursor: default;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body {
  overflow: hidden;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body.hidden {
  visibility: hidden;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table {
  height: 250px;
  content: "";
  display: block;
  position: relative;
  table-layout: fixed;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table thead tr th {
  height: 50px;
  border-bottom: 2px solid #353D51;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table thead tr th:first-child {
  background-color: #081334;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th {
  background-color: #081334;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr td, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th {
  height: 200px;
  position: relative;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr td:before, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr td:after, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th:before, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th:after {
  content: "";
  display: block;
  position: absolute;
  height: 50px;
  width: 100%;
  border-top: 2px solid #353D51;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr td:before, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th:before {
  top: 50px;
}
.data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr td:after, .data-tables.empty .data-tables-accordion .set-data-detail .set-body table tbody tr th:after {
  bottom: 50px;
  border-bottom: 2px solid #353D51;
}
.data-tables-accordion {
  position: relative;
}
.data-tables-accordion:not(:last-child) {
  margin-bottom: 10px;
}
.data-tables-accordion.overlay-right:after {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  width: 30px;
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 46px;
  bottom: 0;
  right: 0;
}
.data-tables-accordion.overlay-left:before {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  width: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 46px;
  bottom: 0;
  left: 0;
}
.data-tables-accordion .set-header {
  height: fit-content;
  width: 100%;
  background-color: #353D51;
  padding: 10px 16px;
  cursor: pointer;
}
.data-tables-accordion .set-header > div {
  width: 100%;
}
.data-tables-accordion .set-header > div h3 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.data-tables-accordion .set-header > div button {
  border: 0;
  padding: 0;
  margin-right: 16px;
  cursor: pointer;
}
.data-tables-accordion .set-header > div button.copy {
  margin: 0;
  max-width: initial;
  display: flex;
  align-items: center;
}
.data-tables-accordion .set-header > div button.copy .copy-data {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  margin-left: 8px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .data-tables-accordion .set-header > div button.copy .copy-data {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .data-tables-accordion .set-header > div button.copy .copy-data {
    display: none;
  }
}
body.touched .data-tables-accordion .set-header > div button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.data-tables-accordion .set-header .accordion-button {
  flex: 1;
  width: 100%;
}
body.touched .data-tables-accordion .set-header .accordion-button:hover button use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.data-tables-accordion .set-data-detail {
  border: 2px solid #353D51;
  position: relative;
  overflow-y: hidden !important;
}
.data-tables-accordion .set-data-detail.show {
  overflow: visible;
}
.data-tables-accordion .set-data-detail ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.data-tables-accordion .set-data-detail ::-webkit-scrollbar:vertical {
  display: none;
}
.data-tables-accordion .set-data-detail ::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.data-tables-accordion .set-data-detail ::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .data-tables-accordion .set-data-detail ::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.data-tables-accordion .set-data-detail .registryWidth {
  min-width: 662px;
}
.data-tables-accordion .set-data-detail .set-body {
  overflow: auto;
}
.data-tables-accordion .set-data-detail .set-body table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: none;
  width: auto;
  min-width: 100%;
}
.data-tables-accordion .set-data-detail .set-body table thead tr {
  width: 100%;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th {
  padding: 0;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
  text-transform: uppercase;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  border-bottom: 2px solid #596076;
  height: 48px;
  white-space: pre-line;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 467px) {
  .data-tables-accordion .set-data-detail .set-body table thead tr th {
    height: auto !important;
  }
}
.data-tables-accordion .set-data-detail .set-body table thead tr th.extended:not(:first-child) {
  min-width: 235px;
}
@media screen and (max-width: 467px) {
  .data-tables-accordion .set-data-detail .set-body table thead tr th.extended:not(:first-child) {
    min-width: 115px;
  }
}
.data-tables-accordion .set-data-detail .set-body table thead tr th.shrink-sm:not(:first-child) {
  min-width: 127px;
  padding: 0;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th.shrink-md:not(:first-child) {
  min-width: 147px;
  padding: 0;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th.hide:not(:first-child) {
  display: none;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th .label-wrapper {
  display: flex;
  flex-direction: column;
  width: 80px;
  margin: auto;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th .label-wrapper.fit-content {
  width: fit-content;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th .label-wrapper.hidden {
  visibility: hidden;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th .label-wrapper.link {
  color: #42A8FF;
  text-transform: underline;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th .label-wrapper:hover {
  color: unset !important;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th:not(:first-child) {
  min-width: 130px;
}
@media screen and (max-width: 1023px) {
  .data-tables-accordion .set-data-detail .set-body table thead tr th:not(:first-child) {
    min-width: 100px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 15px 0px;
  }
}
@media screen and (max-width: 767px) {
  .data-tables-accordion .set-data-detail .set-body table thead tr th:not(:first-child) {
    min-width: 88px;
  }
}
.data-tables-accordion .set-data-detail .set-body table thead tr th:first-child {
  min-width: 265px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
  background: #030C26;
}
@media screen and (max-width: 1023px) {
  .data-tables-accordion .set-data-detail .set-body table thead tr th:first-child {
    min-width: 150px;
    width: 145px;
  }
}
.data-tables-accordion .set-data-detail .set-body table thead tr th:last-child {
  width: 100%;
  min-width: 10px;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th span.transitional-value {
  font-size: 14px;
  padding: 0px;
  height: auto;
  display: block;
  font-weight: 300;
}
.data-tables-accordion .set-data-detail .set-body table thead tr th span.transitional-value.validated {
  color: #599518;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr:not(:last-child) span {
  border-bottom: 2px solid #353D51;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param:not(:last-child) td, .data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param:not(:last-child) th {
  border-bottom: 2px solid #596076;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param th ul li span, .data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param td ul li span {
  height: 50px;
  border-bottom: 2px solid #353D51;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param th ul li > ul li, .data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param td ul li > ul li {
  padding: 15px;
  height: 50px;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param th ul li > ul li:not(:last-child), .data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param td ul li > ul li:not(:last-child) {
  border-bottom: 2px solid #353D51;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param th ul li .sub-title {
  padding: 15px;
  font-weight: normal;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr.has-sub-param th ul li > ul li {
  padding: 0 0 0 30px;
  display: flex;
  align-items: center;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr td, .data-tables-accordion .set-data-detail .set-body table tbody tr th {
  padding: 0;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr td ul, .data-tables-accordion .set-data-detail .set-body table tbody tr th ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr td ul > ul li, .data-tables-accordion .set-data-detail .set-body table tbody tr th ul > ul li {
  border: 0;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr th {
  background-color: #081334;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 280px;
  max-width: 280px;
}
@media screen and (max-width: 767px) {
  .data-tables-accordion .set-data-detail .set-body table tbody tr th {
    min-width: 150px;
    max-width: 200px;
  }
}
.data-tables-accordion .set-data-detail .set-body table tbody tr td {
  text-align: right;
  white-space: nowrap;
}
.data-tables-accordion .set-data-detail .set-body table tbody tr td:last-child {
  width: 100%;
}
.data-tables-accordion .set-data-detail .set-body table tr th, .data-tables-accordion .set-data-detail .set-body table tr td {
  font-weight: 300;
}
.data-tables-accordion .set-data-detail .set-body table tr th span, .data-tables-accordion .set-data-detail .set-body table tr td span {
  padding: 15px;
  font-size: 16px;
  letter-spacing: 0.3px;
  height: 50px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .data-tables-accordion .set-data-detail .set-body table tr th span.title-long, .data-tables-accordion .set-data-detail .set-body table tr td span.title-long {
    height: 70px;
  }
}
@media screen and (max-width: 1023px) {
  .data-tables-accordion .set-data-detail .set-body table tr th span.title-super-long, .data-tables-accordion .set-data-detail .set-body table tr td span.title-super-long {
    height: 95px;
  }
}
.data-tables-accordion .set-data-detail .set-body table tr th span.dot, .data-tables-accordion .set-data-detail .set-body table tr td span.dot {
  height: 6px;
  width: 6px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  margin-left: auto;
}
.data-tables-accordion .set-data-detail .set-body table tr th span.dot.green, .data-tables-accordion .set-data-detail .set-body table tr td span.dot.green {
  background: #599518;
}
.data-tables-accordion .set-data-detail .set-body table tr th span.dot.orange, .data-tables-accordion .set-data-detail .set-body table tr td span.dot.orange {
  background: #FFAD00;
}
.data-tables-accordion .set-data-detail .set-body table tr th span.dot.red, .data-tables-accordion .set-data-detail .set-body table tr td span.dot.red {
  background: #F60012;
}
.data-tables-accordion .set-data-detail .set-body table tr th span .underline, .data-tables-accordion .set-data-detail .set-body table tr td span .underline {
  border-bottom: 1px dashed #FFFFFF;
  margin-left: 15px;
}
.data-tables-accordion .set-data-detail .set-body table tr th span .underline.active, .data-tables-accordion .set-data-detail .set-body table tr td span .underline.active {
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .data-tables-accordion .set-data-detail .set-body table tr td span {
    padding: 15px 10px;
  }
}
.data-tables-accordion .set-data-detail .set-body table i {
  display: block;
  width: 80px;
  margin: auto;
  font-style: normal;
}
.data-tables-accordion .set-data-detail .set-body table i.hidden {
  visibility: hidden;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover {
  margin-top: 8px;
  width: auto;
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .data-tables-accordion .set-data-detail .set-body .hidden-popover {
    margin-left: -90px;
  }
  .data-tables-accordion .set-data-detail .set-body .hidden-popover:after {
    left: 217px;
  }
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container {
  padding: 15px 0;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-header {
  display: flex;
  align-items: center;
  background: none;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #9EA6BE;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-header h4 {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 19px;
  margin: 0;
  padding-right: 20px;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-header button {
  border: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.24px;
  line-height: 15px;
  color: #000000;
  text-decoration: underline;
  text-align: right;
  min-width: max-content;
  min-width: -moz-max-content;
  min-width: -webkit-max-content;
  cursor: pointer;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-header button:hover {
  color: #42A8FF;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .hidden-content {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 19px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s cubic-bezier(0, 1, 0, 1);
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .hidden-content p {
  padding: 10px 20px 0;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .hidden-content p:last-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #9EA6BE;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .hidden-content.active {
  max-height: 240px;
  transition: max-height 1s ease-in-out;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body {
  padding: 15px 20px;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container {
  display: flex;
  align-items: center;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range {
  display: flex;
  margin-left: 10px;
  position: relative;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li .range-block {
  width: 50px;
  height: 12px;
  margin-bottom: 5px;
  background: #D8D8D8;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li .range-block.green {
  background: #599518;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li .range-block.orange {
  background: #FFAD00;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li .range-block.red {
  background: #F60012;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li:first-child .range-block {
  border-radius: 35% 0 0 35%;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li:last-child .range-block {
  border-radius: 0 35% 35% 0;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li:not(:first-child) {
  margin-left: 3px;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li:not(:nth-child(3)) .range-block {
  width: 25px;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range li span {
  border: 0;
  padding: 0;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range-threshold {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.19px;
  line-height: 11px;
  text-align: right;
  height: 11px;
  display: block;
}
.data-tables-accordion .set-data-detail .set-body .hidden-popover .hidden-container .popover-body .range-container .range-value {
  content: "";
  position: absolute;
  background-color: #9EA6BE;
  width: 2px;
  height: 15px;
  top: -1px;
}

main.case-page-cmp {
  padding: 80px 0 0;
  overflow: hidden;
  min-height: 100vh;
}
@media screen and (max-width: 1023px) {
  main.case-page-cmp {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  main.case-page-cmp {
    padding-top: 54px;
  }
}
main.case-page-cmp .case-body {
  position: relative;
}
@media screen and (max-width: 464px) {
  main.case-page-cmp .case-body.open-panel-right {
    position: initial;
    height: 0;
    overflow: hidden;
  }
}
main.case-page-cmp .case-body th {
  vertical-align: central;
}
main.case-page-cmp .case-body .ui-select-bootstrap.dropdown {
  padding: 0;
  margin: 0px;
}
main.case-page-cmp .case-body .dateInput {
  background: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  color: white;
  padding-bottom: 10px;
  border-bottom: 1px dashed #596076;
  font-size: 15px;
  height: 36px;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  position: relative;
}
main.case-page-cmp .case-body .follow-up-selector-container {
  padding: 0px 0px 5px;
}
main.case-page-cmp .case-body .follow-up-selector-container button {
  margin-right: 8px;
}
main.case-page-cmp svg.rotate-up, main.case-page-cmp svg.rotate-down {
  transition: none;
}
main.case-page-cmp svg.rotate-up.onclick-transition, main.case-page-cmp svg.rotate-down.onclick-transition {
  transition: 0.3s;
}
main.case-page-cmp .l-wrapper {
  z-index: 999;
}

.textarea-cmp {
  width: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  padding: 6px 10px;
  min-height: 180px;
  background: transparent;
  box-shadow: none;
  margin-bottom: 50px;
  border-radius: 0;
  color: #FFFFFF;
}

.cmp-case-details-container {
  font-size: 16px !important;
}

.cmp-case-details-header {
  background-color: #42A8FF;
  color: #FFFFFF;
  padding: 5px;
}

.cmp-case-details-info-container {
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.cmp-container-display {
  display: flex !important;
}

main.case-page-cmp-postop {
  width: 100%;
  overflow: hidden;
  min-height: 89vh;
  position: relative;
  padding: 5px 0 0 0;
  border-top: 1px #353D51;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
}
@media (max-width: 1024px) {
  main.case-page-cmp-postop {
    padding: 20px 30px 0px 30px;
  }
}
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
  main.case-page-cmp-postop {
    padding: 0 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  main.case-page-cmp-postop {
    padding: 0px 30px 0px 30px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  main.case-page-cmp-postop {
    padding: 0;
  }
}
main.case-page-cmp-postop hr {
  border-width: 1px;
  border-style: solid;
}
main.case-page-cmp-postop span.header_body {
  font-size: 1.5rem;
  margin-top: 25px;
  margin-left: 25px;
}
main.case-page-cmp-postop .with_margin {
  margin-left: 25px;
  margin-right: 25px;
}
main.case-page-cmp-postop td {
  border-width: 0;
  border-style: none;
}
main.case-page-cmp-postop td.with_padding {
  padding: 10px 25px 10px 25px;
}
main.case-page-cmp-postop td.with_border {
  border-right-width: 1px;
  border-right-style: solid;
}
main.case-page-cmp-postop td.with_border_bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
main.case-page-cmp-postop .ui-select-bootstrap.dropdown {
  padding: 0;
  margin: 0px;
}
main.case-page-cmp-postop input[type=email], main.case-page-cmp-postop input[type=number], main.case-page-cmp-postop input[type=search], main.case-page-cmp-postop input[type=text], main.case-page-cmp-postop input[type=tel], main.case-page-cmp-postop input[type=url], main.case-page-cmp-postop input[type=password], main.case-page-cmp-postop select {
  height: 38px;
  padding: 0px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  border-radius: 0;
  color: #FFFFFF;
}
main.case-page-cmp-postop input[type=email][disabled], main.case-page-cmp-postop input[type=email]:disabled, main.case-page-cmp-postop input[type=number][disabled], main.case-page-cmp-postop input[type=number]:disabled, main.case-page-cmp-postop input[type=search][disabled], main.case-page-cmp-postop input[type=search]:disabled, main.case-page-cmp-postop input[type=text][disabled], main.case-page-cmp-postop input[type=text]:disabled, main.case-page-cmp-postop input[type=tel][disabled], main.case-page-cmp-postop input[type=tel]:disabled, main.case-page-cmp-postop input[type=url][disabled], main.case-page-cmp-postop input[type=url]:disabled, main.case-page-cmp-postop input[type=password][disabled], main.case-page-cmp-postop input[type=password]:disabled, main.case-page-cmp-postop select[disabled], main.case-page-cmp-postop select:disabled {
  opacity: 0.6;
}
main.case-page-cmp-postop .dateInput {
  background: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  color: white;
  padding-bottom: 10px;
  border-bottom: 1px dashed #596076;
  font-size: 15px;
  height: 36px;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  position: relative;
}
main.case-page-cmp-postop input, main.case-page-cmp-postop .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
main.case-page-cmp-postop input:focus, main.case-page-cmp-postop input.selectize-focus, main.case-page-cmp-postop input.focus, main.case-page-cmp-postop .selectize-control.single .selectize-input:focus, main.case-page-cmp-postop .selectize-control.single .selectize-input.selectize-focus, main.case-page-cmp-postop .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}

.wide-row-priority {
  min-width: 190px !important;
  max-width: 190px !important;
}

.case-and-patient-list-loading-table-cell {
  display: table-cell !important;
}

.follow-up-selector-containter {
  display: block;
  vertical-align: central;
}

.follow-up-selector {
  display: inline-flex;
  font-size: 20px !important;
  margin-left: 15px;
  min-width: 320px;
  position: relative;
  text-align: left;
  top: 4px;
  vertical-align: baseline;
}
.follow-up-selector .select {
  min-width: 190px;
}

.selectize-control.single {
  margin-bottom: 0px;
}

main.case-page-cmp-preop {
  width: 100%;
  overflow: hidden;
  min-height: 89vh;
  position: relative;
  padding: 5px 0 0 0;
  border-top: 1px #353D51;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
}
@media (max-width: 1024px) {
  main.case-page-cmp-preop {
    padding: 20px 30px 0px 30px;
  }
}
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
  main.case-page-cmp-preop {
    padding: 0 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  main.case-page-cmp-preop {
    padding: 0px 30px 0px 30px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  main.case-page-cmp-preop {
    padding: 0;
  }
}
main.case-page-cmp-preop hr {
  border-width: 1px;
  border-style: solid;
}
main.case-page-cmp-preop span.header_body {
  font-size: 1.5rem;
  margin-top: 25px;
  margin-left: 25px;
}
main.case-page-cmp-preop .with_margin {
  margin-left: 25px;
  margin-right: 25px;
}
main.case-page-cmp-preop tr {
  min-height: 50px;
  padding: 2vh 2vw;
}
main.case-page-cmp-preop td {
  border-width: 0;
  border-style: none;
  min-width: 20%;
}
main.case-page-cmp-preop td.image-box {
  min-width: 50% !important;
}
main.case-page-cmp-preop .ui-select-bootstrap.dropdown {
  padding: 0;
  margin: 0px;
}
main.case-page-cmp-preop input[type=email], main.case-page-cmp-preop input[type=number], main.case-page-cmp-preop input[type=search], main.case-page-cmp-preop input[type=text], main.case-page-cmp-preop input[type=tel], main.case-page-cmp-preop input[type=url], main.case-page-cmp-preop input[type=password], main.case-page-cmp-preop select {
  height: 38px;
  padding: 0px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  border-radius: 0;
  color: #FFFFFF;
}
main.case-page-cmp-preop input[type=email][disabled], main.case-page-cmp-preop input[type=email]:disabled, main.case-page-cmp-preop input[type=number][disabled], main.case-page-cmp-preop input[type=number]:disabled, main.case-page-cmp-preop input[type=search][disabled], main.case-page-cmp-preop input[type=search]:disabled, main.case-page-cmp-preop input[type=text][disabled], main.case-page-cmp-preop input[type=text]:disabled, main.case-page-cmp-preop input[type=tel][disabled], main.case-page-cmp-preop input[type=tel]:disabled, main.case-page-cmp-preop input[type=url][disabled], main.case-page-cmp-preop input[type=url]:disabled, main.case-page-cmp-preop input[type=password][disabled], main.case-page-cmp-preop input[type=password]:disabled, main.case-page-cmp-preop select[disabled], main.case-page-cmp-preop select:disabled {
  opacity: 0.6;
}
main.case-page-cmp-preop .dateInput {
  background: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  color: white;
  padding-bottom: 10px;
  border-bottom: 1px dashed #596076;
  font-size: 15px;
  height: 36px;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  position: relative;
}

.label-auto-width {
  width: auto;
}

.pre-op-image-container {
  cursor: grab;
}

.input-warning span {
  display: block;
  color: #F60012;
  padding-bottom: 30px;
}

main.case-and-patient-list {
  position: absolute;
  padding: 80px 0 0;
  min-height: 100vh;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list {
    padding: 54px 0 0;
  }
}
main.case-and-patient-list.open .case-and-patient-tiles-container {
  margin-left: 265px;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list.open .case-and-patient-tiles-container {
    margin-left: 285px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list.open .case-and-patient-tiles-container {
    margin-left: 300px;
  }
}
main.case-and-patient-list.open .case-and-patient-list {
  margin-left: 265px;
  width: calc(100% - 265px);
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox {
  margin-right: 15px;
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox.all {
  margin-right: 10px;
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox]:checked, main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label:before {
  display: none;
}
body.touched main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched main.case-and-patient-list.open .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list.open .case-and-patient-list {
    padding-left: 50px;
  }
}
main.case-and-patient-list.open .global-filters .slide-filters {
  left: 0;
}
main.case-and-patient-list .case-and-patient-header {
  padding: 50px 50px 30px;
  display: flex;
  align-items: baseline;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  background: #081334;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list .case-and-patient-header {
    padding: 50px 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-header {
    padding: 30px 15px 15px;
  }
}
main.case-and-patient-list .case-and-patient-header h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 55px;
  margin: 0;
  font-weight: normal;
}
main.case-and-patient-list .global-filters {
  padding: 0 50px;
}
main.case-and-patient-list .global-filters.create-button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list .global-filters {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .global-filters {
    padding: 0 15px;
  }
}
main.case-and-patient-list .global-filters .slide-filters {
  top: 215px;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .global-filters .slide-filters {
    top: 154px;
    height: calc(100% - 155px);
  }
}
main.case-and-patient-list .global-filters .slide-filters .slide-settings .row:first-child {
  margin-bottom: 30px;
}
main.case-and-patient-list .global-filters .slide-filters .slide-settings .row .surgery-date-container {
  margin-bottom: 15px;
}
main.case-and-patient-list .global-filters .slide-filters .most-recent-visits input[type=checkbox]:checked ~ label use {
  fill: #174CBF !important;
  --static-color: #174CBF !important;
}
main.case-and-patient-list .global-filters .slide-filters .most-recent-visits input[type=checkbox]:checked:hover ~ label use {
  fill: #062C7F !important;
  --static-color: #062C7F !important;
}
main.case-and-patient-list .global-filters .slide-filters .most-recent-visits svg {
  margin-right: 10px;
}
main.case-and-patient-list .global-filters .listing-type {
  margin-left: auto;
  height: 24px;
  display: flex;
  align-items: center;
}
main.case-and-patient-list .global-filters .listing-type a {
  height: 100%;
  display: block;
}
main.case-and-patient-list .global-filters .listing-type a.image-view {
  margin-right: 15px;
  position: relative;
}
@media screen and (max-width: 766px) {
  main.case-and-patient-list .global-filters .listing-type a.image-view {
    margin: 0;
  }
}
main.case-and-patient-list .global-filters .listing-type a.image-view.active {
  cursor: default;
}
main.case-and-patient-list .global-filters .listing-type a.image-view:after {
  content: "";
  width: 2px;
  height: 24px;
  background: #9EA6BE;
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
}
@media screen and (max-width: 766px) {
  main.case-and-patient-list .global-filters .listing-type a.image-view:after {
    display: none;
  }
}
main.case-and-patient-list .global-filters .listing-type a.list-view {
  margin-left: 15px;
}
main.case-and-patient-list .global-filters .listing-type a.list-view.active {
  cursor: default;
}
main.case-and-patient-list .global-filters .listing-type .export {
  padding: 0 15px !important;
  margin-right: 20px;
  padding: 0px;
  height: 35px;
  min-width: 90px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.case-and-patient-list .global-filters .listing-type .export:hover {
  color: #FFFFFF;
}
main.case-and-patient-list .case-and-patient-list {
  background: #030C26;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  width: 100%;
  height: inherit;
  margin-top: 0;
  margin-bottom: 115px;
  padding: 40px 50px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-list {
    padding: 30px 50px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list .case-and-patient-list {
    padding: 30px 30px 15px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-list {
    padding: 30px 0 0;
    margin-bottom: 64px;
  }
}
main.case-and-patient-list .case-and-patient-list .export-checkbox {
  margin-right: 15px !important;
}
main.case-and-patient-list .case-and-patient-list .export-checkbox.all {
  margin-right: 10px !important;
}
main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox]:checked, main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label:before {
  display: none;
}
body.touched main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched main.case-and-patient-list .case-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
main.case-and-patient-list .case-and-patient-list.overlay:after {
  top: 30px;
  bottom: 40px;
  right: 49px;
  max-height: 80vh;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list .case-and-patient-list.overlay:after {
    right: 29px;
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-list.overlay:after {
    right: 0;
    bottom: 10px;
  }
}
main.case-and-patient-list .case-and-patient-list .table-scroll {
  height: calc(100% - 10rem);
}
@media screen and (max-width: 1024px) {
  main.case-and-patient-list .case-and-patient-list .table-scroll {
    height: calc(100% - 11rem);
  }
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(8) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(9) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(10) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(11) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(12) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(13) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(14) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr:nth-child(15) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr {
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr th, main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr td {
  min-width: 90px;
  max-width: 140px;
}
main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr th.spaced-icons svg, main.case-and-patient-list .case-and-patient-list .table-scroll table tbody tr td.spaced-icons svg {
  margin-right: 20px;
}
main.case-and-patient-list .case-and-patient-tiles-container {
  width: 100%;
  padding: 40px 25px 40px 0;
  background: #030C26;
  height: inherit;
  max-height: calc(100% - 185px);
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  position: relative;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container {
    padding: 30px 15px 30px 0;
  }
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list .case-and-patient-tiles-container {
    padding: 30px 10px 30px 0;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container {
    padding-bottom: 8vh;
    max-height: calc(100% - 150px);
  }
}
@media screen and (max-width: 424px) {
  main.case-and-patient-list .case-and-patient-tiles-container {
    padding-bottom: 10.1vh;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container.overlay-bottom:after {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  height: 30px;
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  bottom: 0;
  left: 0;
  right: 0;
}
main.case-and-patient-list .case-and-patient-tiles-container.overlay-top:before {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  height: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 75px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container.overlay-top:before {
    top: 72px;
  }
}
@media screen and (max-width: 424px) {
  main.case-and-patient-list .case-and-patient-tiles-container.overlay-top:before {
    top: 90px;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles {
  margin: 0 70px 18px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles {
    margin: 0 30px 18px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles {
    margin: 0 15px 14px;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles span {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-right: 10px;
  min-width: 66px;
}
@media screen and (min-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles span {
    margin-left: 10px;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles > div {
  flex-wrap: wrap;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single {
  margin: 4px 0 0;
  width: 255px;
  height: 24px;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single::-webkit-scrollbar,
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single > ::-webkit-scrollbar {
  display: none;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single span {
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: 0.3px;
  height: auto;
  text-transform: none;
  display: block;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  height: 23px;
  position: relative;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input:hover, main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input:focus, main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input.selectize-focus, main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner {
  background-color: #353D51;
  padding: 5px;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner span {
  width: calc(100% - 29px);
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner:hover {
  background-color: #174CBF;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner {
  position: relative;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner span {
  font-weight: 700;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:before {
  content: "";
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: absolute;
  line-height: normal;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-dropdown {
  margin-top: 1px;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content {
  max-height: 8rem;
}
main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content .optgroup::-webkit-scrollbar, main.case-and-patient-list .case-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar {
  display: none;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 20px 0 0;
  position: relative;
  width: 100%;
  overflow: auto;
  padding: 0 30px 0 0;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles {
    padding: 0 5px 0 0;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles::-webkit-scrollbar {
  display: none;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container {
  padding: 0 0 0 50px;
  animation: 0.3s ease-in-out both fade-in;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container {
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container {
    padding: 0 0 0 15px;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:not(:nth-last-child(-n+3)) {
  padding-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:not(:nth-last-child(-n+3)) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-last-child(-n+3) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-last-child(1) {
    padding-bottom: 0;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image {
  height: 385px;
  float: left;
  z-index: 20;
  animation: 0.3s ease-in-out both fade-in;
  position: relative;
  margin-right: 10px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #FFFFFF;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: center;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content .btn.white-ol {
  top: 120px;
  position: absolute;
  margin: 0 auto;
  opacity: 0;
  display: block;
  left: 0;
  right: 0;
  max-width: 150px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid white;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content .btn.white-ol:hover {
  background: #42A8FF;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content:before {
  content: " ";
  background: transparent;
  width: 100%;
  display: block;
  position: absolute;
  height: 295px;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content img {
  height: 100%;
  object-fit: cover;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image__content svg {
  margin-top: 30%;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image:hover .case-image__content:before {
  background: rgba(255, 255, 255, 0.1);
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image:hover .case-image__content .btn.white-ol {
  top: 140px;
  opacity: 1;
}
body.touched body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image:hover .case-image__content .btn.white-ol:hover {
  background: #42A8FF;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image:hover {
  color: #FFFFFF;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .favorite {
  height: 22px;
  width: 22px;
  display: block;
  margin: 20px;
  position: absolute;
  z-index: 999;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .icon-transitional {
  pointer-events: none;
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  display: block;
  margin: 20px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .priority {
  margin-right: 10px;
  float: right;
  z-index: 999;
  position: relative;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .priority img {
  margin-left: 11px;
  margin-top: 11px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details {
  height: 90px;
  width: 100%;
  border-top: 1px solid #FFFFFF;
  background-color: rgba(17, 17, 17, 0.7);
  display: flex;
  position: absolute;
  align-items: center;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details {
    padding: 10px;
  }
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name {
  border: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  border-right: 2px solid #9EA6BE;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name p {
  margin: 0;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name .initials {
  height: 70px;
  width: 70px;
  line-height: 70px;
  border: 2px solid #9EA6BE;
  border-radius: 3em;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.69px;
  text-align: center;
  text-transform: uppercase;
  margin-right: 15px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name .initials.private {
  font-size: 14px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name .full-name {
  min-width: 70px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name .full-name span {
  display: block;
  font-size: 16px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-name .full-name span .ui-select-highlight {
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  display: inline-block !important;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-details {
  text-align: left;
  padding-left: 15px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-details p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .review-details .patient-details p:first-child {
  margin-bottom: 6px;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .checkbox {
  cursor: pointer;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .case-image .checkbox input[type=checkbox] {
  display: none;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container.empty .case-image .review-details .patient-name p.initials {
  border: transparent;
  background: #353D51;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .checked use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .favorite:hover .checked use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container .favorite:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(1) {
  animation-delay: 0.1s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(2) {
  animation-delay: 0.2s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(3) {
  animation-delay: 0.3s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(4) {
  animation-delay: 0.4s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(5) {
  animation-delay: 0.5s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(6) {
  animation-delay: 0.6s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(7) {
  animation-delay: 0.7s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(8) {
  animation-delay: 0.8s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(9) {
  animation-delay: 0.9s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(10) {
  animation-delay: 1s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(11) {
  animation-delay: 1.1s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(12) {
  animation-delay: 1.2s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(13) {
  animation-delay: 1.3s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(14) {
  animation-delay: 1.4s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(15) {
  animation-delay: 1.5s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(16) {
  animation-delay: 1.6s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(17) {
  animation-delay: 1.7s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(18) {
  animation-delay: 1.8s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(19) {
  animation-delay: 1.9s;
}
main.case-and-patient-list .case-and-patient-tiles-container .case-and-patient-tiles .tile-container:nth-child(20) {
  animation-delay: 2s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
main.case-and-patient-list .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}

main.case-and-patient-list-rtc {
  position: absolute;
  padding: 80px 0px 0px;
  min-height: 100vh;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc {
    padding: 54px 0 0;
  }
}
main.case-and-patient-list-rtc.open .case-and-patient-tiles-container {
  margin-left: 265px;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list-rtc.open .case-and-patient-tiles-container {
    margin-left: 285px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc.open .case-and-patient-tiles-container {
    margin-left: 300px;
  }
}
main.case-and-patient-list-rtc.open .case-and-patient-list {
  margin-left: 265px;
  width: calc(100% - 265px);
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list-rtc.open .case-and-patient-list {
    padding-left: 50px;
  }
}
main.case-and-patient-list-rtc.open .global-filters .slide-filters {
  left: 0;
}
main.case-and-patient-list-rtc .case-and-patient-header {
  padding: 50px 50px 30px;
  display: flex;
  align-items: baseline;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  background: #081334;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list-rtc .case-and-patient-header {
    padding: 50px 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc .case-and-patient-header {
    padding: 30px 15px 15px;
  }
}
main.case-and-patient-list-rtc .case-and-patient-header h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 55px;
  margin: 0;
  font-weight: normal;
}
main.case-and-patient-list-rtc .global-filters {
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list-rtc .global-filters {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc .global-filters {
    padding: 0 15px;
  }
}
main.case-and-patient-list-rtc .global-filters .slide-filters {
  top: 215px;
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc .global-filters .slide-filters {
    top: 154px;
    height: calc(100% - 155px);
  }
}
main.case-and-patient-list-rtc .global-filters .slide-filters .slide-settings .row:first-child {
  margin-bottom: 30px;
}
main.case-and-patient-list-rtc .global-filters .listing-type {
  margin-left: auto;
  height: 24px;
  display: flex;
  align-items: center;
}
main.case-and-patient-list-rtc .global-filters .listing-type a {
  height: 100%;
  display: block;
}
main.case-and-patient-list-rtc .global-filters .listing-type a.image-view {
  margin-right: 15px;
  position: relative;
}
@media screen and (max-width: 766px) {
  main.case-and-patient-list-rtc .global-filters .listing-type a.image-view {
    margin: 0;
  }
}
main.case-and-patient-list-rtc .global-filters .listing-type a.image-view.active {
  cursor: default;
}
main.case-and-patient-list-rtc .global-filters .listing-type a.image-view:after {
  content: "";
  width: 2px;
  height: 24px;
  background: #9EA6BE;
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
}
@media screen and (max-width: 766px) {
  main.case-and-patient-list-rtc .global-filters .listing-type a.image-view:after {
    display: none;
  }
}
main.case-and-patient-list-rtc .global-filters .listing-type a.list-view {
  margin-left: 15px;
}
main.case-and-patient-list-rtc .global-filters .listing-type a.list-view.active {
  cursor: default;
}
main.case-and-patient-list-rtc .global-filters .show-todays-rtc {
  padding-top: 10px;
}
main.case-and-patient-list-rtc .global-filters .show-todays-rtc input[type=checkbox]:checked ~ label use {
  fill: #174CBF !important;
  --static-color: #174CBF !important;
}
main.case-and-patient-list-rtc .global-filters .show-todays-rtc input[type=checkbox]:checked:hover ~ label use {
  fill: #062C7F !important;
  --static-color: #062C7F !important;
}
main.case-and-patient-list-rtc .global-filters .show-todays-rtc svg {
  margin-right: 10px;
}
main.case-and-patient-list-rtc .global-filters datepicker.visit-time[disabled] input {
  text-decoration: line-through;
}
main.case-and-patient-list-rtc .case-and-patient-list {
  background: #030C26;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  width: 100%;
  height: inherit;
  margin-top: 0;
  margin-bottom: 115px;
  padding: 40px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  main.case-and-patient-list-rtc .case-and-patient-list {
    padding: 30px 50px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list-rtc .case-and-patient-list {
    padding: 30px 30px 15px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc .case-and-patient-list {
    padding: 30px 0 0;
    margin-bottom: 64px;
  }
}
main.case-and-patient-list-rtc .case-and-patient-list.overlay:after {
  top: 30px;
  bottom: 40px;
  right: 5px;
  max-height: 80vh;
}
@media screen and (max-width: 1023px) {
  main.case-and-patient-list-rtc .case-and-patient-list.overlay:after {
    right: 29px;
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  main.case-and-patient-list-rtc .case-and-patient-list.overlay:after {
    right: 0;
    bottom: 10px;
  }
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll {
  height: calc(100% - 10rem);
}
@media screen and (max-width: 1024px) {
  main.case-and-patient-list-rtc .case-and-patient-list .table-scroll {
    height: calc(100% - 11rem);
  }
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(8) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(9) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(10) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(11) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(12) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(13) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(14) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr:nth-child(15) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr {
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr th div span, main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr td div span {
  display: block;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr th.list-header {
  max-width: 100%;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr th.list-header div, main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr th.list-header a {
  max-width: 100%;
}
main.case-and-patient-list-rtc .case-and-patient-list .table-scroll table tbody tr th.place-holder {
  display: table-cell;
  max-width: 140px !important;
  height: auto;
}
main.case-and-patient-list-rtc .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}
main.case-and-patient-list-rtc table.cmp-table thead tr th.min-width a {
  width: min-content !important;
}

.icon-container {
  cursor: pointer;
  display: inline;
}

.rtc-border-left {
  border-left: 1px solid #353D51;
}

.header-icon {
  margin-left: 25px !important;
}

.global-modal {
  background-color: rgba(66, 66, 66, 0.75);
}

.modal-open {
  position: fixed;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.fade.in {
  opacity: 1;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  width: 100%;
}
.modal input:-webkit-autofill.black {
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
}
.modal::-webkit-scrollbar {
  display: none;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal-dialog {
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 0px auto;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100%;
  }
}

.modal-content {
  position: relative;
  height: 100vh;
  background-color: transparent;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  padding: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 767px) {
  .modal-content {
    height: 100%;
    overflow: scroll;
  }
}
.modal-content .instruction {
  font-style: italic;
  color: #F60012;
  margin-top: 20px;
}
.modal-content .questionnaire label {
  margin-bottom: 5px !important;
}
.modal-content .questionnaire span {
  margin-left: 15px;
}
.modal-content .questionnaire .case-input {
  margin-bottom: 5px;
}
.modal-content .questionnaire .case-input.rod-level {
  margin-left: 15px;
}
.modal-content .questionnaire .case-input.rod-level .level {
  width: 50%;
}
.modal-content .label-error {
  position: relative;
  color: #F60012;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  text-align: left;
}
.modal-content .label-error.margin-bottom {
  margin-bottom: 30px !important;
}
.modal-content .label-error.margin-top {
  margin-top: 30px !important;
}
.modal-content h1 {
  font-size: 52px;
  font-weight: 300;
}
.modal-content .intro {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
}
.modal-content .text-area {
  padding: 0;
}
.modal-content [type=file] {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-content input,
.modal-content [type=file] + label {
  text-align: left;
  padding: 10px;
  margin: 0;
  left: 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-content [type=file] + label {
  text-align: center;
  /* Decorative */
  background: #42A8FF;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  border: 1px solid #42A8FF;
}
body.touched .modal-content [type=file] + label:hover {
  background: #0F7AD6;
  border: 1px solid #0F7AD6;
}
.modal-content .control-label {
  text-align: left;
  width: 50%;
  border: 1px solid #353D51;
  padding: 10px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
  max-width: 960px;
}
.modal-content .formulaire {
  margin-bottom: 30px;
}
.modal-content .list {
  padding: 15px 0;
}
.modal-content .list .col-38 {
  position: relative;
}
@media (max-width: 1023px) {
  .modal-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modal-content {
    padding: 0;
  }
}

.input input.input-field.search {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 50px;
}
.input input.input-field.search::-webkit-input-placeholder {
  font-size: 36px !important;
}

.input label.search {
  font-size: 16px;
  font-weight: 300;
  top: -15px;
  color: #42A8FF !important;
}

@media (min-width: 600px) {
  .modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
  }
}
.modal .modal-dialog button.remove {
  width: 66px;
  height: 66px;
  border: 0;
  border-radius: 100%;
  padding: 0;
  float: right;
}
body.touched .modal .modal-dialog button.remove:hover {
  background: #42A8FF;
}

.tos p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 14px;
}
.tos em {
  text-decoration: underline;
  font-style: normal;
}
.tos h3 {
  text-decoration: underline;
}
.tos h6 {
  font-style: italic;
}
.tos h4 {
  font-weight: bold;
}
.tos li:not(:first-of-type) {
  margin-top: 4px;
}
.tos .side-area {
  padding-left: 20px;
}
.tos .checkbox-generic {
  margin-bottom: 40px;
  margin-left: 10px;
}

.underlined-dotted {
  border-bottom: 1px dashed #353D51;
  padding-bottom: 3px;
}
body.touched .underlined-dotted:hover {
  color: #42A8FF !important;
}

/**
 * Parameters Modals
 */
.parameter-modal .param-list {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
  padding: 15px 0;
  font-size: 16px;
  line-height: 2em !important;
}
.parameter-modal .param-list:first-child {
  border-top: 1px solid #FFFFFF;
}
.parameter-modal .param-list:last-child {
  border-bottom: 0;
  margin-bottom: 50px;
}
.parameter-modal .parameter-head {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  text-transform: capitalize;
  padding: 0;
  border-bottom: 1px solid #FFFFFF;
}
.parameter-modal h2 {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  text-transform: capitalize;
  padding: 0;
}
.parameter-modal ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.parameter-modal .no-padding {
  padding: 0 !important;
}
.parameter-modal .fix-top {
  padding-top: 0 !important;
}

.form-modal input {
  width: initial;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.form-modal label {
  width: 100%;
  display: inline-block;
}
.form-modal label.indent {
  text-indent: 1.5em;
}
.form-modal input[type=checkbox] + label::before {
  width: 18px;
  height: 18px;
  content: "";
  float: right;
  line-height: 1.2em;
  opacity: 1;
  border: 1px solid #FFFFFF;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  margin-top: 1%;
}
.form-modal label.checkbox::before {
  margin-top: 5% !important;
}
.form-modal input[type=checkbox]:checked + label::before {
  background-color: #42A8FF;
}
.form-modal input[type=checkbox]:indeterminate + label::before {
  background: #42A8FF;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border: 4px solid #000000 !important;
  outline: 1px solid #FFFFFF;
}
body.touched .form-modal input[type=checkbox] + label:hover::before, body.touched .form-modal label.checkbox:hover::before, body.touched .form-modal input[type=checkbox]:checked + label:hover::before, body.touched .form-modal input[type=checkbox]:indeterminate + label:hover::before {
  opacity: 0.6;
}

/* MODAL */
.main-modal {
  margin-top: 80px;
}
@media (max-width: 1023px) {
  .main-modal {
    margin: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .main-modal {
    margin: auto 0;
    height: 100%;
    padding-top: 54px;
  }
}
.main-modal.etching input {
  background-color: #353D51;
  border: none;
  color: #FFFFFF;
  width: 90%;
  border-radius: 5px;
  padding-left: 5px;
  line-height: 30px;
}
.main-modal.etching .table-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.main-modal.etching .table-wrapper td, .main-modal.etching .table-wrapper th {
  padding: 8px;
  padding-left: 10px;
}
.main-modal.etching .table-wrapper table tr th,
.main-modal.etching .table-wrapper table tr td {
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-color: #353D51;
}
.main-modal.etching .table-wrapper table tr:last-child td {
  border-bottom: none;
}
.main-modal.etching .table-wrapper table tr th:last-child,
.main-modal.etching .table-wrapper table tr td:last-child {
  border-right: none;
}
.main-modal.etching .table-wrapper table tr:first-child th:first-child {
  border-color: #353D51;
  border-top-left-radius: 8px;
}
.main-modal.etching .table-wrapper table tr:first-child th:last-child {
  border-color: #353D51;
  border-top-right-radius: 8px;
}
.main-modal.etching .table-wrapper table tr:last-child td:first-child {
  border-color: #353D51;
  border-bottom-left-radius: 8px;
}
.main-modal.etching .table-wrapper table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.main-modal.etching .table-wrapper table {
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  background-color: #081334;
}
@media screen and (max-width: 767px) {
  .main-modal.etching .rod-order-width {
    width: 40px;
  }
  .main-modal.etching .rod-reference-width {
    width: 145px;
  }
  .main-modal.etching .rod-left-right-width {
    width: 50px;
  }
}
.main-modal .form {
  max-width: 768px;
}
.main-modal .form.large-width {
  max-width: 1024px;
}
@media screen and (max-width: 1023px) {
  .main-modal .form {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form {
    height: 100%;
  }
}
.main-modal .form .form-card {
  background: #030C26;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card {
    margin: 0;
    min-height: calc(100vh - 56px);
  }
}
.main-modal .form .form-card ::-webkit-scrollbar {
  display: none;
}
.main-modal .form .form-card .warning-message {
  color: #F60012;
  font-style: italic;
}
.main-modal .form .form-card .card-title {
  margin: 0;
  display: flex;
  align-items: center;
}
.main-modal .form .form-card .card-title .container {
  padding: 15px 30px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .card-title .container {
    padding: 15px 15px 15px 15px;
  }
}
.main-modal .form .form-card .card-title .container h2 {
  margin: 0;
  padding: 0;
  font-size: clamp(34px, 3vw, 42px);
  letter-spacing: 0.53px;
  font-weight: normal;
  margin-bottom: 0;
  width: calc(100% - 50px);
  color: #FFFFFF;
}
.main-modal .form .form-card .card-title .container .exit {
  margin: auto 0 auto auto;
}
.main-modal .form .form-card .card-title .container .exit use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
  --backdrop-color: transparent;
}
body.touched .main-modal .form .form-card .card-title .container .exit:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
  --backdrop-color: #0F7AD6;
}
.main-modal .form .form-card .container {
  margin: 0;
  max-width: 100vw;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container {
    padding: 0 15px;
  }
}
.main-modal .form .form-card .container .row .col-md-10 .text-area textarea.textarea-ips {
  border: solid 1px;
  border-color: #CDD2E2 !important;
}
.main-modal .form .form-card .container .row .col-md-10 .text-area textarea.textarea-ips.no-bottom {
  margin-bottom: 0 !important;
}
.main-modal .form .form-card .container.inner-scroll {
  max-height: calc(100vh - 220px);
  overflow: hidden;
  display: block;
  overflow-y: scroll;
}
.main-modal .form .form-card .container.inner-scroll.pb-50 {
  padding-bottom: 50px;
}
.main-modal .form .form-card .container.inner-scroll > :first-child {
  margin-top: 30px;
}
.main-modal .form .form-card .container.inner-scroll .blur-overlay {
  position: relative;
}
.main-modal .form .form-card .container.inner-scroll .blur-overlay .table-scroll {
  overflow-y: hidden;
}
.main-modal .form .form-card .container.inner-scroll .blur-overlay .table-scroll::-webkit-scrollbar {
  display: block !important;
}
.main-modal .form .form-card .container.inner-scroll .blur-overlay .table-scroll table tbody tr {
  height: 100px;
}
.main-modal .form .form-card .container.inner-scroll .data-tables {
  margin-top: 25px;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header {
  margin: 0;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header::before {
  display: block;
  width: 4px;
  position: absolute;
  background: #9EA6BE;
  left: 2px;
  bottom: 0;
  top: 2px;
  content: "";
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header.collapsed::before {
  bottom: -2px;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header.half-complete::before {
  background: #FFAD00;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header.complete::before {
  background: #599518;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-header.discard::before {
  background: #F60012;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail {
  z-index: 1;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body .row-labels {
  padding: 10px 20px;
  border-bottom: 3px solid #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul {
  padding: 0;
  margin: 0;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li {
  padding: 10px 20px;
  position: relative;
  border: 0;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li:not(:last-child) {
  border-bottom: 2px solid #353D51;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li::before {
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  background: #9EA6BE;
  left: 0;
  content: "";
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li.green {
  background: transparent;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li.green::before {
  background: #599518;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li.red {
  background: transparent;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li.red::before {
  background: #F60012;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li button {
  border: 0;
  padding: 0;
  cursor: pointer;
}
body.touched .main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion .set-data-detail .set-body ul li button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.main-modal .form .form-card .container.inner-scroll .data-tables .data-tables-accordion:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container.inner-scroll {
    max-height: 100%;
  }
  .main-modal .form .form-card .container.inner-scroll .modal-input label {
    margin-top: 20px;
  }
  .main-modal .form .form-card .container.inner-scroll .modal-input .col-12 {
    margin-bottom: 0;
  }
  .main-modal .form .form-card .container.inner-scroll .card-sub-title {
    margin: 40px 0 30px;
  }
  .main-modal .form .form-card .container.inner-scroll .card-sub-title:first-child {
    margin: 15px 0 30px;
  }
}
.main-modal .form .form-card .container.inner-scroll .intro {
  margin-top: 30px;
}
.main-modal .form .form-card .container.inner-scroll [class^=col-] label {
  padding: 0;
  margin-bottom: 0;
}
.main-modal .form .form-card .container.inner-scroll [class^=col-] label.padding-bottom {
  padding-bottom: 10px;
}
.main-modal .form .form-card .container .box-order-type-modal-description {
  margin-bottom: 30px;
}
.main-modal .form .form-card .container .box-order-type-modal-description h2 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  margin-block-end: 6px;
  line-height: 18px;
  text-transform: uppercase;
}
.main-modal .form .form-card .container .box-order-type-modal-description p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.main-modal .form .form-card .container .card-sub-title {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
  margin: 50px 0 30px;
}
@media screen and (max-width: 368px) {
  .main-modal .form .form-card .container .card-sub-title {
    padding: 0 15px;
  }
}
.main-modal .form .form-card .container .card-sub-title:first-child {
  margin: 30px 0;
}
.main-modal .form .form-card .container .card-sub-title.surgical-preference:first-child {
  margin: 30px 0 10px 0 !important;
}
.main-modal .form .form-card .container .card-sub-title.doc {
  margin-bottom: 15px;
  padding: 0;
}
.main-modal .form .form-card .container label, .main-modal .form .form-card .container .label {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-left: 0;
  margin-bottom: 4px;
  display: block;
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container label, .main-modal .form .form-card .container .label {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container label.postpone-surgery-unknown-label, .main-modal .form .form-card .container .label.postpone-surgery-unknown-label {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container label.reduce-mobile-margin, .main-modal .form .form-card .container .label.reduce-mobile-margin {
    margin-top: 0px !important;
  }
}
.main-modal .form .form-card .container label.display-fr, .main-modal .form .form-card .container .label.display-fr {
  font-size: 15px;
}
.main-modal .form .form-card .container label p, .main-modal .form .form-card .container .label p {
  text-transform: none;
}
.main-modal .form .form-card .container label a.scroll-link, .main-modal .form .form-card .container .label a.scroll-link {
  color: #42A8FF;
  text-transform: none;
  text-decoration: underline;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container label a.scroll-link, .main-modal .form .form-card .container .label a.scroll-link {
    margin-left: 5px !important;
    margin-top: 10px;
    display: block;
  }
}
.main-modal .form .form-card .container p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-bottom: 0;
}
.main-modal .form .form-card .container p.private {
  margin-bottom: 30px;
  text-transform: uppercase;
}
.main-modal .form .form-card .container p.link {
  padding: 6px 0 0;
  cursor: pointer;
  text-decoration: underline;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
}
body.touched .main-modal .form .form-card .container p.link:hover {
  color: #174CBF;
}
@media screen and (max-width: 375px) {
  .main-modal .form .form-card .container p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .contain-inputs {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .contain-inputs.edit-plan-modal-alignment-mobile {
    padding-left: 0 !important;
    margin-top: 30px;
  }
}
.main-modal .form .form-card .container .modal-input {
  padding-left: 15px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .modal-input {
    padding-left: 0;
  }
}
.main-modal .form .form-card .container .modal-input:not(:last-child) {
  margin-bottom: 30px;
}
.main-modal .form .form-card .container .modal-input:not(:last-child).small-bottom-margin {
  margin-bottom: 5px !important;
}
.main-modal .form .form-card .container .modal-input input[type=number]::-webkit-outer-spin-button,
.main-modal .form .form-card .container .modal-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.main-modal .form .form-card .container .modal-input input[type=time] {
  position: relative;
}
.main-modal .form .form-card .container .modal-input input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
}
.main-modal .form .form-card .container .modal-input .internal-time {
  background: transparent;
  color: #FFFFFF;
  margin-left: 0;
  width: 175px;
}
.main-modal .form .form-card .container .modal-input .time.private:before {
  display: none;
}
.main-modal .form .form-card .container .modal-input .time:before {
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
  left: 150px;
}
body.touched .main-modal .form .form-card .container .modal-input .time:hover:before {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
.main-modal .form .form-card .container .modal-input .date.private:before {
  display: none;
}
.main-modal .form .form-card .container .modal-input .date:before {
  border: 0;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
  left: 235px;
}
body.touched .main-modal .form .form-card .container .modal-input .date:hover:before {
  background-image: url(/App/Main/images/svg/icons/arrow-down-blue.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
}
body.touched .main-modal .form .form-card .container .modal-input .date:hover input.input-field.dateInput, .main-modal .form .form-card .container .modal-input .date:focus input.input-field.dateInput {
  border-bottom: 2px solid #42A8FF;
}
.main-modal .form .form-card .container .modal-input .date input.input-field.dateInput.input-error {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-header {
  background-color: #081334;
  height: 40px;
  border-bottom: white 2px solid;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-arrow {
  display: none !important;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-months, .main-modal .form .form-card .container .modal-input .date .ngb-dp-weekdays {
  background-color: #081334;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-weekday {
  color: #FFFFFF;
  font-style: normal;
  padding-left: 10px;
  font-size: 16px;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-day {
  padding: 10px;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-month {
  padding-left: 5px;
}
.main-modal .form .form-card .container .modal-input .date .ngb-dp-month .ngb-dp-week:last-child {
  padding-bottom: 0.75rem;
}
.main-modal .form .form-card .container .modal-input .date .dropdown-menu {
  border: 1px #FFFFFF solid !important;
  width: 260px;
}
.main-modal .form .form-card .container .modal-input .date [ngbDatepickerDayView] {
  color: #FFFFFF;
  border-radius: 25px;
}
body.touched .main-modal .form .form-card .container .modal-input .date [ngbDatepickerDayView]:hover {
  background-color: #42A8FF;
  border-radius: 25px;
}
.main-modal .form .form-card .container .modal-input .date [ngbDatepickerDayView].btn-light.bg-primary {
  background-color: #42A8FF !important;
  border-radius: 25px;
}
.main-modal .form .form-card .container .modal-input .date [ngbDatepickerDayView].btn-light.text-muted {
  color: #9EA6BE !important;
}
.main-modal .form .form-card .container .modal-input .date ngb-datepicker-navigation-select > .custom-select {
  color: #FFFFFF;
  background: #081334;
  border: none;
  box-shadow: none;
  font-size: 16px;
  background-image: url(/App/Main/images/svg/icons/arrow-down.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-repeat: no-repeat;
  background-position: right;
}
.main-modal .form .form-card .container .modal-input [class^=col-] {
  padding-left: 0;
}
.main-modal .form .form-card .container .modal-input [class^=col-]:not(:first-child) {
  padding-left: 15px;
}
.main-modal .form .form-card .container .modal-input [class^=col-]:not(:first-child) .required-mark {
  left: 5px;
}
.main-modal .form .form-card .container .modal-input [class^=col-] label {
  padding: 0;
  margin-bottom: 0;
}
.main-modal .form .form-card .container .modal-input [class^=col-] label + .legend {
  margin-left: 10px;
}
.main-modal .form .form-card .container .modal-input [class^=col-] label + .legend:hover use {
  --static-color: #42A8FF;
  fill: #42A8FF;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .modal-input [class^=col-]:nth-child(2) {
    padding-left: 0;
  }
  .main-modal .form .form-card .container .modal-input [class^=col-]:nth-child(2) .required-mark {
    left: -10px;
  }
  .main-modal .form .form-card .container .modal-input [class^=col-].last {
    margin-top: 30px;
  }
}
.main-modal .form .form-card .container .modal-input [class^=col-].mb-0 .selectize-control.single {
  margin-bottom: 0;
}
.main-modal .form .form-card .container .modal-input .input-125 {
  width: 125px;
}
.main-modal .form .form-card .container .modal-input .input-150 {
  width: 150px;
  padding: 0;
}
.main-modal .form .form-card .container .modal-input .input-150 .selectize-input {
  width: 150px !important;
}
.main-modal .form .form-card .container .modal-input .input-250 {
  width: 250px;
  margin: 27px 0 23px;
}
.main-modal .form .form-card .container .modal-input .input-max {
  width: 100%;
  margin: 27px 0 23px;
}
.main-modal .form .form-card .container .modal-input .required-mark {
  position: absolute;
  left: -10px;
}
.main-modal .form .form-card .container .modal-input .modal-select.selectize-control.single {
  margin-bottom: 0;
}
.main-modal .form .form-card .container .modal-input .month-picker input, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
  margin-bottom: 0;
  margin-right: auto;
  width: 160px !important;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .main-modal .form .form-card .container .modal-input .month-picker input.input-field, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input.input-field {
    display: block;
  }
}
.main-modal .form .form-card .container .modal-input .month-picker input.w-100, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input.w-100 {
  width: 100%;
}
.main-modal .form .form-card .container .modal-input .month-picker input:focus, .main-modal .form .form-card .container .modal-input .month-picker input.selectize-focus, .main-modal .form .form-card .container .modal-input .month-picker input.focus, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input:focus, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input.selectize-focus, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
.main-modal .form .form-card .container .modal-input .month-picker input.input-error, .main-modal .form .form-card .container .modal-input .month-picker .selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .month-picker .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input input, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
  margin-bottom: 0;
  margin-right: auto;
  width: 260px;
}
.main-modal .form .form-card .container .modal-input input.wide-input, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.wide-input {
  width: 360px;
}
@media screen and (max-width: 768px) {
  .main-modal .form .form-card .container .modal-input input.input-field, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.input-field {
    display: block;
  }
}
.main-modal .form .form-card .container .modal-input input.small-input, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.small-input {
  width: 50px !important;
  text-align: center !important;
}
.main-modal .form .form-card .container .modal-input input.w-100, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.w-100 {
  width: 100%;
}
.main-modal .form .form-card .container .modal-input input:focus, .main-modal .form .form-card .container .modal-input input.selectize-focus, .main-modal .form .form-card .container .modal-input input.focus, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input:focus, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.selectize-focus, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
.main-modal .form .form-card .container .modal-input input.input-error, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .w-100 .selectize-control.single .selectize-input {
  width: 100%;
}
body.touched .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input:hover, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input:focus, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.selectize-focus, .main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
.main-modal .form .form-card .container .modal-input .selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
.main-modal .form .form-card .container .modal-input .selectize-dropdown-content {
  max-height: 8rem;
  margin-bottom: 10px;
}
.main-modal .form .form-card .container .modal-input .arrow {
  position: absolute;
  top: 25px;
  right: 15px;
}
.main-modal .form .form-card .container .modal-input .preview {
  background: #081334;
  margin-top: 20px;
  border-radius: 10px;
  padding: 30px;
}
.main-modal .form .form-card .container .modal-input .preview .banner {
  display: block;
  width: 100%;
  height: auto;
  max-height: 140px;
  object-fit: contain;
}
.main-modal .form .form-card .container .modal-input .preview .intro {
  margin: 30px 0;
}
.main-modal .form .form-card .container .modal-input .preview .mail-table {
  width: 100%;
  margin-bottom: 30px;
}
.main-modal .form .form-card .container .modal-input .preview .mail-table th, .main-modal .form .form-card .container .modal-input .preview .mail-table td {
  padding: 5px 10px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #9EA6BE;
}
.main-modal .form .form-card .container .modal-input .preview .mail-table th {
  font-weight: bold;
}
.main-modal .form .form-card .container .modal-input .preview .footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.main-modal .form .form-card .container .modal-input .preview .footer .logo {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 2px solid #9EA6BE;
}
.main-modal .form .form-card .container .modal-input .preview .footer .logo > p {
  color: #42A8FF;
  font-size: 20px;
  margin-bottom: 30px;
}
.main-modal .form .form-card .container .modal-input .user-assign-clear {
  cursor: pointer;
  height: 30px;
  position: absolute;
  width: 30px;
}
body.touched .main-modal .form .form-card .container .modal-input .user-assign-clear:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.main-modal .form .form-card .container .modal-input .modal-xray-container .case-body-content {
  padding: 0px;
}
.main-modal .form .form-card .container .drop-container {
  position: relative;
}
.main-modal .form .form-card .container .drop-container.doc .drop-files {
  margin-bottom: 30px;
}
.main-modal .form .form-card .container .drop-container.doc .drop-files .browse {
  margin: 0 auto;
}
.main-modal .form .form-card .container .drop-container.doc .export-case-count {
  margin-left: 5%;
}
.main-modal .form .form-card .container .drop-container.doc .export-disclaimer {
  text-decoration: underline;
}
.main-modal .form .form-card .container .drop-container .drop-files {
  margin: 0 15px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .drop-container .drop-files {
    margin: 0;
  }
}
.main-modal .form .form-card .container .drop-container .drop-files.dragover {
  border: 5px dashed #42A8FF;
  background-color: #081334;
}
@media screen and (max-width: 355px) {
  .main-modal .form .form-card .container .drop-container .drop-files .is-mobile-size {
    flex-direction: column;
  }
}
.main-modal .form .form-card .container .drop-container .drop-files .is-mobile-size .btn:first-of-type {
  margin-right: 30px;
}
@media screen and (max-width: 380px) {
  .main-modal .form .form-card .container .drop-container .drop-files .is-mobile-size .btn:first-of-type {
    margin-right: 10px;
  }
}
@media screen and (max-width: 355px) {
  .main-modal .form .form-card .container .drop-container .drop-files .is-mobile-size .btn:first-of-type {
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: -5px;
  }
}
.main-modal .form .form-card .container .drop-container .drop-files .browse {
  margin: 0 7px;
  min-width: 100px;
  width: 150px;
  height: 45px;
}
.main-modal .form .form-card .container .drop-container .drop-files .browse.display-fr {
  height: 65px;
  width: 170px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .drop-container .drop-files .browse {
    margin: 0 auto;
  }
  .main-modal .form .form-card .container .drop-container .drop-files .browse:first-child:not(:last-child) {
    margin-bottom: 10px;
  }
}
body.touched .main-modal .form .form-card .container .drop-container .drop-files .browse:hover {
  border: 1px solid #FFFFFF;
}
.main-modal .form .form-card .container .drop-container .drop-files p {
  font-weight: 500;
  margin-bottom: 24px;
}
.main-modal .form .form-card .container .drop-container .drop-files.submit-doc {
  height: 138px;
}
.main-modal .form .form-card .container .drop-container .drop-files.submit-doc p {
  margin: 0 0 15px;
}
.main-modal .form .form-card .container .drop-container .drop-files.submit-doc .browse {
  margin: 0 auto;
}
.main-modal .form .form-card .container .btn-group {
  margin: 50px 0 30px;
  min-width: 350px;
}
.main-modal .form .form-card .container .btn-group.no-top {
  margin: 0 0 15px 0;
}
@media screen and (max-width: 368px) {
  .main-modal .form .form-card .container .btn-group {
    margin: 0 0 30px;
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .btn-group {
    display: grid !important;
  }
}
.main-modal .form .form-card .container .btn-group .btn {
  margin: 0;
  height: 45px;
  min-width: 150px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  border-radius: 22.5px;
}
.main-modal .form .form-card .container .btn-group .btn.add-margin-right {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .main-modal .form .form-card .container .btn-group .btn {
    display: block;
    margin-top: 15px;
  }
}
.main-modal .form .form-card .container .btn-group .btn:not(.actions-btn):first-child, .main-modal .form .form-card .container .btn-group .btn:not(.actions-btn):nth-child(2) {
  margin-right: 30px;
}
@media screen and (max-width: 414px) {
  .main-modal .form .form-card .container .btn-group .btn:not(.actions-btn):first-child, .main-modal .form .form-card .container .btn-group .btn:not(.actions-btn):nth-child(2) {
    margin-top: 15px;
    margin-right: 15px;
  }
}
.main-modal .form .form-card .container .btn-group .btn.doc-upload {
  width: 175px;
}
.main-modal .form .form-card .container .btn-group .btn.doc-upload.display-fr {
  width: auto;
}
@media screen and (max-width: 700px) {
  .main-modal .form .form-card .container .btn-group .btn.margin-top-small-device {
    margin-top: 15px;
  }
}
@media screen and (max-width: 590px) {
  .main-modal .form .form-card .container .btn-group .btn.multiline-text {
    height: auto;
    width: auto;
    white-space: break-spaces;
  }
}
.main-modal .form .form-card .container .btn-group.full-width {
  width: 100%;
}
.main-modal .form .form-card .container .btn-group .left-group {
  margin-top: 10px;
}
.main-modal .form .form-card .container .btn-group .right-group {
  margin-top: 10px;
  padding-left: 0 !important;
}
.main-modal .form .form-card .container .btn-group .right-group button {
  margin-right: 0 !important;
}
@media screen and (min-width: 768px) {
  .main-modal .form .form-card .container .btn-group .btn-right {
    float: right;
  }
}
.main-modal .form .form-card .container .btn-group .btn-right {
  margin-left: auto;
}
.main-modal .form.multi-row .inner-scroll .summary {
  color: #42A8FF;
}
.main-modal .form.multi-row .inner-scroll .contain-details :first-child.row {
  padding-top: 0;
  border: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-details :last-child.row {
  padding-bottom: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-details .row {
  margin: 0;
  padding: 30px 15px;
  border-top: 2px solid #353D51;
}
.main-modal .form.multi-row .inner-scroll .contain-details .row :not(:first-child).col-12,
.main-modal .form.multi-row .inner-scroll .contain-details .row :not(:first-child).d-flex {
  margin-top: 30px;
}
.main-modal .form.multi-row .inner-scroll .contain-details .row .d-flex {
  width: 100%;
}
.main-modal .form.multi-row .inner-scroll .contain-details .row [class*=col-] {
  padding: 0;
}
@media screen and (max-width: 590px) {
  .main-modal .form.multi-row .inner-scroll .contain-details .row [class*=col-] {
    padding: 0 16px;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-details .row .legend {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-details .row .hospital-name {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-details label {
    margin-top: 0;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .postpone-surgery {
  padding-left: 15px !important;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .col-12 {
  margin: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group {
  display: flex;
  margin: 0 0 30px 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.language, .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.flex-column {
  display: block;
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.language, .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.flex-column {
    margin-bottom: 25px;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.language label:not(:last-child), .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.flex-column label:not(:last-child) {
  margin: 10px 0 15px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.language label:last-child, .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.flex-column label:last-child {
  margin-top: 10px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.language label, .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group.flex-column label {
  top: 0;
  text-transform: capitalize;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label {
  position: relative;
  margin: 0;
  width: auto;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > i {
  border: 2px solid rgb(255, 255, 255);
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > i.input-error {
  border: 2px solid #F60012;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > span {
  height: 100%;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin-right: 20px;
}
@media screen and (max-width: 320px) {
  .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > span {
    padding: 0;
    margin-right: 10px;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > input:checked + i {
  background: #174CBF;
  border: 2px solid #174CBF;
  cursor: initial;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > input:checked + i + span {
  cursor: initial;
}
body.touched .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > input:hover + i {
  background: #174CBF;
  box-shadow: inset 0 0 0 3px #000000;
}
body.touched .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .radio-group label > input:hover:checked + i {
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input label {
    margin-top: 0;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .input {
  position: relative;
  margin: 0;
  display: block;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .input-error input {
  border-bottom: 2px solid #F60012;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .input-error input:focus {
  border-bottom: 2px solid #F60012;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input a.visibility-icon, .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input div.visibility-icon {
  position: absolute;
  top: 18px;
  right: 0;
  z-index: 999;
}
body.touched .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input a.visibility-icon:hover, body.touched .main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input div.visibility-icon:hover {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .form-error {
  top: 45px;
  left: 0;
  height: 24px;
  bottom: initial;
  padding: 0;
  position: absolute;
  width: 100%;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .form-error.no-absolute-position {
  position: initial;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .form-error svg use {
  fill: #F60012;
  --static-color: #F60012;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .form-error span {
  color: #F60012;
  line-height: 24px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .form-error.display-fr span {
  font-size: 14px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input .error {
  color: #F60012;
  line-height: 24px;
  font-size: 14px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input [class^=col-] {
  padding-left: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input [class^=col-]:first-child .password-requirements {
  margin-bottom: 150px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input [class^=col-]:not(:first-child) {
  padding-left: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input [class^=col-]:not(:first-child) .required-mark {
  left: -9px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input [class^=col-]:not(:first-child) .requirements {
  display: none;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .modal-input.postpone-surgery {
  align-self: flex-end;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs :last-child.section {
  padding-bottom: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs :last-child.section input {
  margin-bottom: 10px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .notes {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-inputs .notes {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .main-modal .form.multi-row .inner-scroll .contain-inputs .notes label {
    margin-top: 0;
  }
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .notes .icon {
  margin-bottom: 5px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .notes .icon + label {
  margin-left: 10px;
  display: inline-block;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .notes .text-area textarea {
  border: 1px solid #9EA6BE;
  margin: 0;
  min-height: 80px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .notes .text-area textarea:focus {
  border: 1px solid #42A8FF;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.product-info .modal-input {
  padding: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.product-info .modal-input .col-12:last-child {
  padding-right: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.product-info .modal-input .input-260 .selectize-control.single, .main-modal .form.multi-row .inner-scroll .contain-inputs.product-info .modal-input .input-260 input.input-field.dateInput, .main-modal .form.multi-row .inner-scroll .contain-inputs.product-info .modal-input .input-260 input {
  width: 260px;
  margin-bottom: 30px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations [class*=col] {
  min-width: 155px;
  margin-right: 27px;
  padding: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations [class*=col] .big-child {
  margin-right: auto;
  width: 183px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations [class*=col] .row {
  margin: 0;
  padding: 0;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations .modal-input {
  border-bottom: 2px solid #353D51;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations .notes {
  padding: 0 20px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations .notes .icon {
  margin-bottom: 5px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs.approval-informations .notes .text-area textarea {
  min-height: 80px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .email-input {
  max-width: 260px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .display-en {
  width: calc(100% - 115px);
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .display-fr {
  width: calc(100% - 138px);
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .email-add {
  border: 1px #FFFFFF solid;
  border-radius: 50px;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .email-add use {
  fill: unset;
  --static-color: unset;
}
body.touched .main-modal .form.multi-row .inner-scroll .contain-inputs .email-add:hover {
  border-color: #42A8FF;
  background-color: #42A8FF;
}
.main-modal .form.multi-row .inner-scroll .contain-inputs .email-display {
  display: inline-block;
  margin-right: 5px;
}
.main-modal .form.multi-row .inner-scroll.add-user-list {
  max-height: 150px;
}
.main-modal .form.activity .container {
  padding: 15px 30px 30px;
}
@media screen and (max-width: 767px) {
  .main-modal .form.activity .container {
    padding: 0 15px;
  }
}
.main-modal .form.activity .container .sub-section h3 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0;
}
.main-modal .form.activity .container .sub-section h3:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #9EA6BE;
}
.main-modal .form.activity .container .sub-section:last-child .list-item:last-child {
  margin-bottom: 0;
}
.main-modal .form.activity .container .sub-section .list-item {
  width: 100%;
  border-bottom: 2px solid #353D51;
  padding: 15px;
  display: flex;
  align-items: center;
  margin: 0;
  cursor: default;
}
.main-modal .form.activity .container .sub-section .list-item:last-child {
  border: 0;
  margin-bottom: 50px;
}
.main-modal .form.activity .container .sub-section .list-item .profile-img {
  box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.15), 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
  float: left;
  padding: 0;
}
.main-modal .form.activity .container .sub-section .list-item .profile-img img {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}
.main-modal .form.activity .container .sub-section .list-item .text {
  padding-left: 20px;
  padding-right: 0;
  width: calc(100% - 35px);
}
.main-modal .form.activity .container .sub-section .list-item .info {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
.main-modal .form.activity .container .sub-section .list-item .info.unid-hub {
  color: #42A8FF;
}
.main-modal .form.activity .container .sub-section .list-item .activity {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin: 3px 0 0;
  overflow: hidden;
  overflow-wrap: break-word;
}
body.touched .main-modal .form.activity .container .sub-section .list-item:hover {
  border-top: 0;
  background: transparent;
}
.main-modal .form.file .card-sub-title.doc {
  margin-top: 30px;
}
.main-modal .form.file .file-uploaded {
  padding: 0;
  margin: 0;
}
.main-modal .form.file .file-uploaded .icon {
  margin-right: 15px;
}
.main-modal .form.file .file-uploaded .delete {
  margin-left: auto;
}
.main-modal .definition {
  max-width: 515px;
}
.main-modal .definition.form .form-card .card-title .container {
  padding: 20px 30px;
  min-height: 80px;
}
.main-modal .definition.form .form-card .card-title .container h2 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.main-modal .definition.form .form-card .container {
  padding: 30px;
}
.main-modal .definition.form .form-card .container > div {
  padding: 0 20px;
}
.main-modal .definition.form .form-card .container h2 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-right: 150px;
}
@media screen and (max-width: 767px) {
  .main-modal .definition.form .form-card .container h2 {
    padding-right: 0;
  }
}
.main-modal .definition.form .form-card .container p {
  margin-bottom: 15px;
  width: 225px;
}
.main-modal .definition.form .form-card .container .definition-svg {
  width: 150px;
  text-align: center;
}
.main-modal .definition.form .form-card .container img {
  padding-top: 10px;
  height: 300px;
  width: auto;
  margin: 0 auto;
}
.main-modal .mdt-id-selector .selectize-control.single {
  margin-bottom: 0 !important;
}
.main-modal .users-role .selectize-control.single,
.main-modal .ipl-focus .selectize-control.single {
  width: 260px;
  margin: 5px 15px 15px 0;
}
.main-modal .users-role .selectize-control.single .selectize-input,
.main-modal .ipl-focus .selectize-control.single .selectize-input {
  height: 25px;
}
.main-modal .users-role a,
.main-modal .ipl-focus a {
  margin-bottom: 15px;
}
.main-modal .users-role a.active use,
.main-modal .ipl-focus a.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .main-modal .users-role a.active:hover use,
body.touched .main-modal .ipl-focus a.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .main-modal .users-role a:hover use,
body.touched .main-modal .ipl-focus a:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.main-modal .users-role + .check-group,
.main-modal .ipl-focus + .check-group {
  display: block;
  width: 100%;
}
.main-modal .users-role + .check-group label,
.main-modal .ipl-focus + .check-group label {
  padding: 0;
}
.main-modal input:-webkit-autofill, body.touched .main-modal input:-webkit-autofill:hover,
.main-modal input:-webkit-autofill:focus input:-webkit-autofill,
.main-modal textarea:-webkit-autofill, body.touched .main-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.main-modal select:-webkit-autofill, body.touched .main-modal select:-webkit-autofill:hover,
.main-modal select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #030C26 inset;
}
.main-modal input, .main-modal .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: auto;
}
.main-modal input:focus, .main-modal input.selectize-focus, .main-modal input.focus, .main-modal .selectize-control.single .selectize-input:focus, .main-modal .selectize-control.single .selectize-input.selectize-focus, .main-modal .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #174CBF;
}
.main-modal input.input-error, .main-modal .selectize-control.single .selectize-input.input-error {
  border-bottom: 2px solid #F60012;
}
.main-modal .selectize-control.input-error > .selectize-input {
  border-bottom: 2px solid #F60012;
}
.main-modal input.check[type=checkbox] ~ label svg {
  margin-right: 10px;
}
.main-modal input.check[type=checkbox] ~ label svg .with-bottom {
  margin-bottom: 15px;
}
.main-modal input.check[type=checkbox] ~ label span {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .main-modal input.check[type=checkbox] ~ label span {
    margin-top: 15px;
  }
}
.main-modal input.check[type=checkbox] ~ label p {
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
body.touched .main-modal input.check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.main-modal input.check[type=checkbox]:checked ~ label use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .main-modal input.check[type=checkbox]:checked ~ label:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .main-modal input.check[type=checkbox]:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.main-modal .selectize-control {
  background: transparent;
}
.main-modal .selectize-control.single {
  margin-bottom: 30px;
}
.main-modal .selectize-control.single .ui-select-choices-row .selected {
  font-weight: 500;
}
.main-modal .selectize-control.single .ui-select-choices-row .selected:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: normal;
}
.main-modal .selectize-control.single .ui-select-choices-row-inner {
  background: #353D51;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
}
body.touched .main-modal .selectize-control.single .ui-select-choices-row-inner:hover, .main-modal .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover {
  background: #174CBF;
}
body.touched .main-modal .selectize-control.single .ui-select-choices-row-inner:hover > span, .main-modal .selectize-control.single .ui-select-choices-row-inner body.touched > span:hover > span {
  background: #174CBF;
}
.main-modal .selectize-control.single .ui-select-choices-row-inner i {
  margin-left: -5px;
}
.main-modal .ui-select-bootstrap.dropdown {
  padding: 0;
  margin: 0;
}

.warning-modal-content {
  width: 345px;
  margin: 80px auto;
  padding: 28px 40px;
  border: 2px solid #9EA6BE;
  background-color: #030C26;
  text-align: center;
}
.warning-modal-content .form h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 45px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 0;
}
.warning-modal-content .form .intro {
  margin: 30px auto 40px;
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.warning-modal-content .form .input {
  margin: 0;
  width: 100%;
}
.warning-modal-content .form .input label {
  position: relative;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
}
.warning-modal-content .form .input input {
  margin: 4px 0 30px;
  border-bottom: 2px solid #9EA6BE;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  height: 21px;
}
.warning-modal-content .form .input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #030C26 inset;
}
.warning-modal-content .form .input input:focus {
  border-bottom: 2px solid #42A8FF;
}
.warning-modal-content .form .input.input-error input {
  border-bottom: 2px solid #F60012;
}
.warning-modal-content .form .input.input-error .form-error {
  top: 50px;
  left: 0;
  height: 24px;
  bottom: initial;
  padding: 0;
  position: absolute;
  width: 100%;
  text-align: left;
  display: flex;
}
.warning-modal-content .form .input.input-error .form-error svg use {
  fill: #F60012;
  --static-color: #F60012;
}
.warning-modal-content .form .input.input-error .form-error span {
  color: #F60012;
  line-height: 24px;
}
.warning-modal-content .form .input a.visibility-icon {
  position: absolute;
  bottom: 31px;
  right: 0;
  z-index: 999;
}
.warning-modal-content .form .input a.visibility-icon use {
  fill: #9EA6BE;
  --static-color: #9EA6BE;
}
@media screen and (max-width: 760px) {
  .warning-modal-content .form .input a.visibility-icon {
    top: 23px;
  }
}
body.touched .warning-modal-content .form .input a.visibility-icon:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.warning-modal-content .form .row {
  margin: 0;
}
.warning-modal-content .form .form-group-btn {
  display: flex;
}
.warning-modal-content .form .form-group-btn .btn {
  margin: 0;
  min-width: 115px;
  display: inline-block;
}
.warning-modal-content .form .form-group-btn .btn:not(:last-child) {
  margin-right: 30px;
}

main.case-form.modal-edit {
  padding: 0;
  background: transparent;
  min-height: 1vh;
}
@media screen and (max-width: 767px) {
  main.case-form.modal-edit {
    height: 100%;
  }
}
main.case-form.modal-edit input {
  float: initial;
  border-width: 0 0 2px 0;
  border-radius: 0;
}

.main-modal.progress-modal .processing-message {
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.main-modal.progress-modal .form .form-card {
  background: #353D51;
}
.main-modal.progress-modal .form .form-card .card-title {
  background: none;
}
.main-modal.progress-modal .form .form-card .container {
  overflow-y: scroll !important;
}
.main-modal.progress-modal .form .form-card .container .main-progress {
  margin-bottom: 30px;
}
.main-modal.progress-modal .form .form-card .container .main-progress h3 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
}
.main-modal.progress-modal .form .form-card .container .list-progress {
  padding: 0;
  margin: 0 0 80px 0;
}
.main-modal.progress-modal .form .form-card .container .list-progress li {
  list-style: none;
  display: flex;
  align-items: center;
}
.main-modal.progress-modal .form .form-card .container .list-progress li:not(:last-child) {
  margin-bottom: 30px;
}
.main-modal.progress-modal .form .form-card .container .list-progress li img {
  height: 50px;
  width: 50px;
  object-fit: contain;
  margin-right: 15px;
}
.main-modal.progress-modal .form .form-card .container .list-progress li img:not(.zip) {
  border: 1px solid #9EA6BE;
  background-color: #000000;
}
.main-modal.progress-modal .form .form-card .container .list-progress li > div {
  width: 100%;
}
.main-modal.progress-modal .form .form-card .container .list-progress li p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
}
.main-modal.progress-modal .form .form-card .container .list-progress li p :not(.percentage) {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.19px;
  line-height: 11px;
}
.main-modal.progress-modal .form .form-card .container .list-progress li button.round-button {
  height: 32px;
  width: 32px;
  flex-grow: 0;
  min-width: 32px;
  background-color: #596076;
  border: 0;
  border-radius: 50%;
  padding: 0;
}
.main-modal.progress-modal .form .form-card .container .list-progress li button.round-button svg {
  display: block;
  margin: auto;
}

#deleteButton {
  float: right;
}

.approval-swiper {
  z-index: unset;
}

.multiple-plans-container {
  margin: 30px -30px 0;
  position: relative;
  overflow-x: visible;
  padding: 0 50px 0 30px;
}
@media screen and (max-width: 767px) {
  .multiple-plans-container {
    margin: 15px -15px 0;
    padding: 0 15px 0;
  }
}
.multiple-plans-container .swiper-slide {
  width: auto;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .multiple-plans-container .swiper-slide {
    margin-right: 15px;
  }
}
.multiple-plans-container .swiper-slide:first-child {
  margin-left: auto;
}
.multiple-plans-container .swiper-slide:last-child {
  margin-right: auto;
}
.multiple-plans-container .plan-card {
  width: 303px;
  min-height: 910px;
  overflow: hidden;
  padding: 15px 0;
  border: 2px solid #353D51;
  border-radius: 15px;
  background: #081334;
}
.multiple-plans-container .plan-card.selected {
  border: 2px solid #42A8FF;
  background-color: #081334;
}
.multiple-plans-container .plan-card.selected .blue-dark {
  cursor: default;
}
body.touched .multiple-plans-container .plan-card.selected .blue-dark:hover {
  background: #42A8FF;
  border: 2px solid #42A8FF;
}
.multiple-plans-container .plan-card.selected .plan-details h2 {
  color: #42A8FF;
}
.multiple-plans-container .plan-card .blue-dark {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}
.multiple-plans-container .plan-card .plan-details {
  width: 273px;
  margin: 15px auto 0;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
}
.multiple-plans-container .plan-card .plan-details .ta-buttons {
  display: flex;
  height: 40px;
}
.multiple-plans-container .plan-card .plan-details .ta-buttons .ta-button {
  width: 100%;
  border: solid 1px #FFFFFF;
  cursor: pointer;
}
.multiple-plans-container .plan-card .plan-details .ta-buttons .ta-button.active {
  background-color: #174CBF;
}
.multiple-plans-container .plan-card .plan-details span {
  text-align: center;
  font-size: 14px;
  align-self: center;
  display: block;
  margin-bottom: 5%;
}
.multiple-plans-container .plan-card .plan-details .ta-span {
  color: #FFFFFF;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}
.multiple-plans-container .plan-card .plan-details h2 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  position: relative;
  padding: 18px 15px;
  margin: 0;
}
.multiple-plans-container .plan-card .plan-details .plan-view {
  height: 370px;
  overflow: hidden;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  position: relative;
}
.multiple-plans-container .plan-card .plan-details .plan-view.ta-smaller {
  height: 330px;
}
.multiple-plans-container .plan-card .plan-details .plan-view > span {
  width: 100%;
  height: 41px;
  line-height: 25px;
  display: block;
  background-color: rgba(3, 12, 38, 0.7);
  z-index: 10;
  position: relative;
  padding: 8px 15px;
}
.multiple-plans-container .plan-card .plan-details .plan-view > span .selectize-control.single {
  margin: 0;
  width: 185px;
}
.multiple-plans-container .plan-card .plan-details .plan-view .image-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.multiple-plans-container .plan-card .plan-details .plan-view .image-view img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  z-index: -1;
}
.multiple-plans-container .plan-card .plan-details .plan-view .image-view .zoomable-icon {
  position: absolute;
  top: 183px;
  left: 125px;
  z-index: 3;
  opacity: 0;
}
body.touched .multiple-plans-container .plan-card .plan-details .plan-view .image-view:hover:after {
  opacity: 0.5;
}
body.touched .multiple-plans-container .plan-card .plan-details .plan-view .image-view:hover:before, body.touched .multiple-plans-container .plan-card .plan-details .plan-view .image-view:hover svg {
  opacity: 1;
}
.multiple-plans-container .plan-card .plan-details table th, .multiple-plans-container .plan-card .plan-details table td {
  border: 2px solid #353D51;
  padding: 15px 0 15px 15px;
  width: 78px;
}
.multiple-plans-container .plan-card .plan-details table th {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  background-color: #081334;
  width: 194px;
}
.multiple-plans-container .plan-card .plan-details table td {
  text-align: center;
}
.multiple-plans-container .plan-card .description {
  margin: 30px auto 15px;
  width: 273px;
}
.multiple-plans-container .plan-card .description h3 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 5px;
}
.multiple-plans-container .plan-card .description p {
  max-height: 130px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.multiple-plans-container .plan-card-small {
  width: 303px;
  min-height: 710px;
  overflow: hidden;
  padding: 15px 0;
  border: 2px solid #353D51;
  border-radius: 15px;
  background: #081334;
}
.multiple-plans-container .plan-card-small.selected {
  border: 2px solid #42A8FF;
  background-color: #1A1A1A;
}
.multiple-plans-container .plan-card-small.selected .blue-dark {
  cursor: default;
}
body.touched .multiple-plans-container .plan-card-small.selected .blue-dark:hover {
  background: #42A8FF;
  border: 2px solid #42A8FF;
}
.multiple-plans-container .plan-card-small.selected .plan-details h2 {
  color: #42A8FF;
}
.multiple-plans-container .plan-card-small .blue-dark {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}
.multiple-plans-container .plan-card-small .plan-details {
  width: 273px;
  margin: 15px auto 0;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
}
.multiple-plans-container .plan-card-small .plan-details .ta-buttons {
  display: flex;
  height: 40px;
}
.multiple-plans-container .plan-card-small .plan-details .ta-buttons .ta-button {
  width: 100%;
  border: solid 1px #FFFFFF;
  cursor: pointer;
}
.multiple-plans-container .plan-card-small .plan-details .ta-buttons .ta-button.active {
  background-color: #174CBF;
}
.multiple-plans-container .plan-card-small .plan-details span {
  text-align: center;
  font-size: 14px;
  align-self: center;
  display: block;
  margin-bottom: 5%;
}
.multiple-plans-container .plan-card-small .plan-details .ta-span {
  color: #F60012;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}
.multiple-plans-container .plan-card-small .plan-details h2 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  position: relative;
  padding: 18px 15px;
  margin: 0;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view {
  height: 370px;
  overflow: hidden;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  position: relative;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view.ta-smaller {
  height: 330px;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view > span {
  width: 100%;
  height: 41px;
  line-height: 25px;
  display: block;
  background-color: rgba(3, 12, 38, 0.7);
  z-index: 10;
  position: relative;
  padding: 8px 15px;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view > span .selectize-control.single {
  margin: 0;
  width: 185px;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view .image-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view .image-view img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  z-index: -1;
}
.multiple-plans-container .plan-card-small .plan-details .plan-view .image-view .zoomable-icon {
  position: absolute;
  top: 183px;
  left: 125px;
  z-index: 3;
  opacity: 0;
}
body.touched .multiple-plans-container .plan-card-small .plan-details .plan-view .image-view:hover:after {
  opacity: 0.5;
}
body.touched .multiple-plans-container .plan-card-small .plan-details .plan-view .image-view:hover:before, body.touched .multiple-plans-container .plan-card-small .plan-details .plan-view .image-view:hover svg {
  opacity: 1;
}
.multiple-plans-container .plan-card-small .plan-details table th, .multiple-plans-container .plan-card-small .plan-details table td {
  border: 2px solid #353D51;
  padding: 15px 0 15px 15px;
  width: 78px;
}
.multiple-plans-container .plan-card-small .plan-details table th {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 21px;
  background-color: #081334;
  width: 194px;
}
.multiple-plans-container .plan-card-small .plan-details table td {
  text-align: center;
}
.multiple-plans-container .plan-card-small .description {
  margin: 30px auto 15px;
  width: 273px;
}
.multiple-plans-container .plan-card-small .description h3 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 5px;
}
.multiple-plans-container .plan-card-small .description p {
  max-height: 130px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.multiple-plans-container .swiper-button-prev, .multiple-plans-container .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: 405px;
}
.multiple-plans-container .swiper-button-prev {
  left: 0;
}
.multiple-plans-container .swiper-button-prev svg {
  transform: rotate(180deg);
}
.multiple-plans-container .swiper-button-next {
  right: 0;
}
.multiple-plans-container .swiper-button-disabled {
  display: none;
}

.image-viewer {
  position: relative;
  max-width: 1280px;
  height: 100%;
  max-height: 1024px;
  margin: auto;
  width: 100%;
}
.image-viewer.fullscreen {
  max-width: 100vw;
}
.image-viewer svg {
  display: block;
}
.image-viewer .image-viewer-footer {
  display: none;
}
.image-viewer .image-viewer-footer.visible {
  display: block;
}
.image-viewer.is-mobile .image-viewer-header, .image-viewer.is-mobile .image-viewer-footer {
  visibility: visible;
  opacity: 1;
}
.image-viewer.is-mobile .image-viewer-tools > .tool-container, .image-viewer.is-mobile .image-viewer-tools > .tool-container.dark-bg {
  background: transparent;
}
.image-viewer-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #030C26;
  border: 1px solid #9EA6BE;
  position: relative;
}
.image-viewer-header {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #030C26;
  transition: all 0.3s ease-in;
}
.image-viewer-header .subheader {
  width: 100%;
  padding: 15px 15px 10px 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .image-viewer-header .subheader {
    padding-left: 15px;
  }
}
.image-viewer-header .subheader .title-section {
  display: flex;
  align-items: center;
  max-width: calc(100% - 50px);
  flex-wrap: wrap;
}
.image-viewer-header .subheader .title-section h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  font-weight: normal;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 767px) {
  .image-viewer-header .subheader .title-section h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.image-viewer-header .subheader .title-section p {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.33px;
  line-height: 26px;
  margin: 0;
}
.image-viewer-header .subheader .icon-close {
  cursor: pointer;
  border: none;
  padding: 0;
}
body.touched .image-viewer-header .subheader .icon-close:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.image-viewer-header .subsection {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  min-height: 60px;
  border-top: 1px solid #9EA6BE;
  border-bottom: 1px solid #9EA6BE;
}
@media screen and (max-width: 767px) {
  .image-viewer-header .subsection {
    padding: 10px 15px;
  }
}
.image-viewer-header .subsection button {
  border: none;
  cursor: pointer;
}
.image-viewer-header .subsection button:not(:last-child) {
  margin-right: 30px;
}
.image-viewer-header .subsection button.disabled, .image-viewer-header .subsection button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
body.touched .image-viewer-header .subsection button.disabled:hover use, body.touched .image-viewer-header .subsection button:disabled:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.image-viewer-header .subsection button.border-left {
  padding-left: 30px;
  border-left: 2px solid #9EA6BE !important;
}
.image-viewer-header .subsection button.active svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .image-viewer-header .subsection button.active:hover svg use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched .image-viewer-header .subsection button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.image-viewer-thumbs {
  background: #030C26;
  z-index: 2;
  transition: all 0.3s ease-in;
  user-select: none;
  width: 150px;
  height: 100%;
  border-right: 1px solid #9EA6BE;
  position: relative;
  display: block;
}
.image-viewer-thumbs.retracted {
  width: 30px;
}
.image-viewer-thumbs .retract-button {
  position: absolute;
  right: -12px;
  top: 20px;
  z-index: 2;
}
.image-viewer-thumbs .thumbs.swiper-button-prev, .image-viewer-thumbs .thumbs.swiper-button-next {
  background-image: none;
  width: 100%;
  height: 30px;
  opacity: 0.7;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0;
}
.image-viewer-thumbs .thumbs.swiper-button-prev:after, .image-viewer-thumbs .thumbs.swiper-button-next:after {
  display: none;
}
.image-viewer-thumbs .thumbs.swiper-button-prev svg, .image-viewer-thumbs .thumbs.swiper-button-next svg {
  position: absolute;
  top: 50%;
  left: calc(50% - 12px);
  transform: translate(0, -50%);
}
body.touched .image-viewer-thumbs .thumbs.swiper-button-prev:hover, body.touched .image-viewer-thumbs .thumbs.swiper-button-next:hover {
  opacity: 1;
}
.image-viewer-thumbs .thumbs.swiper-button-prev {
  top: 0;
  background: linear-gradient(0deg, transparent 0%, #030C26 100%);
  background: -moz-linear-gradient(0deg, transparent 0%, #030C26 100%);
  background: -webkit-linear-gradient(0deg, transparent 0%, #030C26 100%);
}
.image-viewer-thumbs .thumbs.swiper-button-prev svg {
  transform: translate(0, -50%) rotate(270deg);
}
.image-viewer-thumbs .thumbs.swiper-button-next {
  top: initial;
  bottom: 0;
  background: linear-gradient(180deg, transparent 0%, #030C26 100%);
  background: -moz-linear-gradient(180deg, transparent 0%, #030C26 100%);
  background: -webkit-linear-gradient(180deg, transparent 0%, #030C26 100%);
}
.image-viewer-thumbs .thumbs.swiper-button-next svg {
  transform: translate(0, -50%) rotate(90deg);
}
.image-viewer-thumbs .thumbs.swiper-button-disabled {
  display: none;
}
.image-viewer-thumbs .swiper-container-thumbs {
  height: 100%;
  padding: 30px 15px 15px;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
  position: relative;
}
.image-viewer-thumbs .swiper-container-thumbs.visible {
  opacity: 1;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper {
  top: 32px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide {
  width: 70px;
  height: 70px;
  position: relative;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.long-title {
  margin-top: 30px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.long-title .real-slide h2 {
  top: -60px;
  line-height: 24px;
  min-width: 110px;
  height: 50px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-align: center;
  transform: translateX(calc(-1 * (100% - 70px) / 2));
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.other-set {
  opacity: 0.5;
}
body.touched .image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.other-set:hover {
  opacity: 1;
}
body.touched .image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.other-set:hover .real-slide h2 {
  opacity: 0.5;
  text-align: center;
  transform: translateX(calc(-1 * (100% - 70px) / 2));
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.last-of-set {
  margin-bottom: 100px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.first-of-set {
  margin-top: 30px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.first-of-set.last-of-set {
  margin-bottom: 70px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.active .real-slide svg:not(.icon-stack) {
  border-color: #42A8FF;
  box-shadow: 0px 0px 0px 1px #42A8FF;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide.active .real-slide .icon-stack {
  opacity: 1;
}
body.touched .image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide:hover .real-slide svg:not(.icon-stack) {
  border-color: #42A8FF;
  box-shadow: 0px 0px 0px 1px #42A8FF;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide {
  width: 100%;
  height: 100%;
  min-width: 70px;
  min-height: 70px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide h2 {
  font-size: 26px;
  line-height: 18px;
  letter-spacing: 0.3px;
  font-weight: normal;
  margin: 0;
  z-index: 1;
  height: 40px;
  position: absolute;
  left: 0;
  top: -30px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  max-width: 100px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide .image-viewer {
  max-width: 97%;
  max-height: 97%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide svg:not(.icon-stack) {
  border: 1px solid #9EA6BE;
  background: #000000;
  height: 70px;
  width: 70px;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide .icon-stack {
  position: absolute;
  z-index: 2;
  right: -12px;
  bottom: 0;
  opacity: 0.6;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide h3 {
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-align: center;
  position: relative;
  top: 77px;
  font-weight: normal;
  width: 140px;
  margin-left: -50%;
}
.image-viewer-thumbs .swiper-container-thumbs .swiper-wrapper .swiper-slide .real-slide h3 span {
  display: block;
}
.image-viewer .image-slider-footer {
  display: block;
  left: 0;
  right: 0;
  height: 50px;
  position: absolute;
  bottom: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: 1;
  transition: all 0.3s ease-in;
}
.image-viewer .index-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 10px 30px;
}
.image-viewer .index-slider-container .rzslider {
  width: 150px;
  margin: auto 25px auto 0;
}
.image-viewer .index-slider-container .rzslider .rz-model-value {
  display: none;
}
.image-viewer .index-slider-container .rzslider .rz-pointer {
  width: 24px;
  height: 24px;
  border: 2px solid #42A8FF;
  background: #42A8FF;
  margin-top: 4px;
}
body.touched .image-viewer .index-slider-container .rzslider .rz-pointer:hover {
  border: 2px solid #FFFFFF;
}
.image-viewer .index-slider-container .rzslider .rz-pointer:after {
  display: none;
}
.image-viewer .index-slider-container .rzslider .rz-bar {
  background: #9EA6BE;
  border: 0;
}
.image-viewer .index-slider-container .rzslider .rz-bar.rz-selection {
  background: #42A8FF;
}
.image-viewer .index-slider-container p {
  margin: 0;
}
.image-viewer .image-viewer-tools {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.image-viewer .image-viewer-tools.tools-left {
  left: 0;
  z-index: 3;
}
.image-viewer .image-viewer-tools.panel-open {
  height: 100%;
}
.image-viewer .image-viewer-tools > .tool-container {
  width: 100%;
  background: rgba(8, 19, 52, 0.75);
  transition: all 0.3s ease-in;
}
.image-viewer .image-viewer-tools > .tool-container.dark-bg {
  background: rgba(0, 0, 0, 0.75) !important;
}
.image-viewer .image-viewer-tools > .tool-container.no-bg {
  background: none;
}
.image-viewer .image-viewer-tools > .tool-container.full-height {
  height: 100%;
}
.image-viewer .image-viewer-tools > .tool-container .h-93 {
  height: 81px !important;
}
@media screen and (max-width: 767px) {
  .image-viewer .image-viewer-tools > .tool-container .h-93 {
    height: 94px !important;
  }
}
.image-viewer .image-viewer-tools > .tool-container button {
  border: 0;
  margin: 0;
  padding: 15px 28px;
  display: block;
  cursor: pointer;
}
.image-viewer .image-viewer-tools > .tool-container button.zoom-out {
  margin: 15px auto 75px;
}
.image-viewer .image-viewer-tools > .tool-container button.icon-close {
  padding: 0;
  margin: 15px auto;
}
.image-viewer .image-viewer-tools > .tool-container button.disabled, .image-viewer .image-viewer-tools > .tool-container button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
body.touched .image-viewer .image-viewer-tools > .tool-container button.disabled:hover use, body.touched .image-viewer .image-viewer-tools > .tool-container button:disabled:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .image-viewer .image-viewer-tools > .tool-container button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.image-viewer .image-viewer-tools .light-bg {
  background: #353D51;
}
.image-viewer .image-viewer-tools .panel-bg {
  background: #081334;
}
.image-viewer .case-info label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
}
.image-viewer .case-info label + span {
  display: block;
  margin-bottom: 30px;
}
.image-viewer .measurement-panel {
  width: 430px;
  height: 100%;
  background: #030C26;
  border-right: 1px solid #9EA6BE;
  padding: 20px;
  position: relative;
  overflow-x: auto;
}
.image-viewer .measurement-panel:before, .image-viewer .measurement-panel:after {
  content: " ";
  position: absolute;
  margin: 0;
  right: 0;
}
.image-viewer .measurement-panel:before {
  width: 18px;
  height: 18px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #9EA6BE;
  top: -18px;
  left: 95px;
}
@media screen and (max-width: 767px) {
  .image-viewer .measurement-panel:before {
    left: 81px;
  }
}
.image-viewer .measurement-panel:after {
  width: 16px;
  height: 16px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #030C26;
  top: -16px;
  left: 97px;
}
@media screen and (max-width: 767px) {
  .image-viewer .measurement-panel:after {
    left: 83px;
  }
}
.image-viewer .measurement-panel .tab-buttons {
  margin-bottom: 30px;
  text-align: center;
}
.image-viewer .measurement-panel.wider {
  height: calc(100vh - 60px);
}
@media screen and (max-width: 767px) {
  .image-viewer .measurement-panel {
    width: 100%;
    padding: 20px;
  }
}
.image-viewer .measurement-panel .data-tables-accordion {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #FFFFFF;
}
.image-viewer .measurement-panel .data-tables-accordion .set-header {
  height: 54px;
}
.image-viewer .measurement-panel .data-tables-accordion .set-header h3 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.38px;
  line-height: 18px;
  text-transform: none;
}
.image-viewer .measurement-panel .data-tables-accordion .set-header button {
  margin-left: auto;
  margin-right: 0;
  width: 24px;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail {
  border-top: 1px solid #FFFFFF;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table {
  width: 100%;
  border-collapse: collapse;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table td {
  white-space: initial;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table td:first-child {
  text-align: left;
  min-width: 210px;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table td:first-child span {
  border-right: 1px solid #353D51;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table td .title-super-long {
  height: 72px;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail .set-body table .has-sub-param td ul li > ul li {
  height: 60px;
}
.image-viewer .measurement-panel .data-tables-accordion .set-data-detail:not(.show) {
  border: 0;
}
.image-viewer .viewer-image-container {
  display: flex;
  height: calc(100vh - 64px);
  max-height: 960px;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper {
  height: 100%;
  width: calc(100% - 143px);
  position: relative;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper.wider {
  width: calc(100% - 30px);
}
.image-viewer .viewer-image-container .image-viewer-main-swiper.split-screen {
  width: calc(100% - 530px);
}
.image-viewer .viewer-image-container .image-viewer-main-swiper.split-screen.wider {
  width: calc(100% - 460px);
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper {
  height: 100%;
  width: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .swiper-wrapper {
  z-index: 0;
  width: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .stack-image-view.stack-image-container {
  height: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .image-viewer-card {
  height: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .image-viewer-card-image {
  height: 100%;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .image-viewer-card-image .default-bottom-margin {
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .image-viewer-card-image .default-bottom-margin {
    bottom: 85px;
  }
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .image-viewer-card-image .extended-bottom-margin {
  bottom: 165px;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-prev, .image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: calc(50% - 25px);
  opacity: 0.7;
  z-index: 2;
  margin-top: -22px;
}
body.touched .image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-prev:hover, body.touched .image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-next:hover {
  opacity: 1;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-prev:after, .image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-next:after {
  display: none;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-prev {
  left: 0;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-prev svg {
  transform: rotate(180deg);
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-next {
  right: 0;
}
.image-viewer .viewer-image-container .image-viewer-main-swiper .image-viewer-swiper .main.swiper-button-disabled {
  display: none;
}
.image-viewer .viewer-image-container .image-viewer-mpr {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 35px 35px 23px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .icon-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
  border-radius: 100%;
  background: #353D51;
  padding: 0;
  cursor: pointer;
  border: none;
}
body.touched .image-viewer .viewer-image-container .image-viewer-mpr .icon-close:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item {
  flex: auto;
  border: 1px solid #9EA6BE;
  height: 100%;
  width: 33%;
  position: relative;
  margin: 0 5px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item > svg {
  height: calc(100% - 50px);
  overflow: hidden;
  width: 100%;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .image-property-group {
  bottom: 80px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button {
  border: none;
  cursor: pointer;
  padding: 0;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button:not(:last-child) {
  margin-right: 25px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button.disabled, .image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
body.touched .image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button.disabled:hover use, body.touched .image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button:disabled:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
body.touched .image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer button:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer p {
  margin: 0;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .masonry-item .tools-footer .index-slider-container {
  padding: 0;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .image-orientation .west-orientation {
  position: absolute;
  top: 49%;
  left: 20px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .image-orientation .north-orientation {
  position: absolute;
  top: 20px;
  left: 49%;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .image-orientation .east-orientation {
  position: absolute;
  top: 50%;
  right: 20px;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .image-orientation .south-orientation {
  position: absolute;
  bottom: 55px;
  left: 49%;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .cross-hairs .axial-cross-line {
  stroke: green;
  stroke-width: 0.5%;
  stroke-dasharray: 10;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .cross-hairs .sagittal-cross-line {
  stroke: blue;
  stroke-width: 0.5%;
  stroke-dasharray: 10;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .cross-hairs .frontal-cross-line {
  stroke: red;
  stroke-width: 0.5%;
  stroke-dasharray: 10;
}
.image-viewer .viewer-image-container .image-viewer-mpr .masonry-mpr .cross-hairs .cross-hidden-line {
  stroke-width: 2%;
  stroke-opacity: 0;
  stroke: white;
}
.image-viewer .viewer-image-container .image-property-group {
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: all 0.3s ease-in;
}
.image-viewer .viewer-image-container .image-property-group.higher {
  bottom: 65px;
}
.image-viewer .viewer-image-container .image-property-group .image-property {
  fill: white;
  text-anchor: start;
  font-size: 20px;
  text-align: right;
}
.image-viewer .zoom-slider {
  width: 20%;
  min-width: 200px;
  margin-right: 30px;
}
.image-viewer .zoom-slider .slider-container {
  display: flex;
  align-items: center;
}
.image-viewer .zoom-slider .slider-container .button {
  height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 0;
  position: relative;
}
.image-viewer .zoom-slider .slider-container .button.minus {
  right: 10px;
}
.image-viewer .zoom-slider .slider-container .button.plus {
  left: 10px;
}
.image-viewer .zoom-slider .slider-container .rzslider {
  margin: 10px 0;
}
.image-viewer .zoom-slider .slider-container .rzslider .rz-selection {
  background: #FFFFFF;
}
.image-viewer .zoom-slider .slider-container .rzslider .rz-pointer {
  top: -9px;
  width: 22px;
  height: 22px;
  background-color: #FFFFFF;
}
.image-viewer .zoom-slider .slider-container .rzslider .rz-pointer.rz-active:after {
  background-color: #FFFFFF;
}
.image-viewer .zoom-slider .slider-container .rzslider .rz-bar {
  background: #FFFFFF;
}
.image-viewer ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  z-index: 10;
}
.image-viewer ::-webkit-scrollbar-track {
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
}
.image-viewer ::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 20px;
}
body.touched .image-viewer ::-webkit-scrollbar-thumb:hover {
  background: #9EA6BE;
}
.image-viewer ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

.pacs-modal .form {
  min-width: 1024px;
  min-width: 1280px;
}
@media screen and (max-width: 767px) {
  .pacs-modal .form .form-card {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .pacs-modal .form .form-card .no-padding-mobile {
    padding: 0;
  }
}
.pacs-modal .form .form-card .no-padding-mobile .container {
  padding: 15px 30px !important;
}
.pacs-modal .form .form-card .no-padding-mobile .container h2 {
  max-width: calc(100% - 50px);
}
.pacs-modal .form .form-card .container.inner-scroll {
  height: calc(100vh - 210px);
  max-height: 780px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pacs-modal .form .form-card .container.inner-scroll {
    height: 100%;
  }
}
@media screen and (max-width: 374px) {
  .pacs-modal .form .form-card .container.inner-scroll {
    height: calc(100vh - 140px);
  }
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child {
  margin: 1px 0 0;
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child {
    padding: 0 15px;
  }
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters {
  top: 1px;
  bottom: 0;
  height: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters.open {
  left: 0;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings {
  height: calc(100% - 100px);
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row {
  margin-left: 0;
  margin-right: 0;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row:first-child, .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .date-pickers {
  margin-bottom: 30px;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row > input, .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .dateInput {
  margin-bottom: 30px;
  border-width: 0 0 2px 0;
  width: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .filter-datepicker .dateInput {
  margin-bottom: 0;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .selectize-control.single, .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row datepicker {
  margin-bottom: 0;
  width: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row button.dropdown-toggle, .pacs-modal .form .form-card .container.inner-scroll > .global-filters:first-child .slide-filters .slide-settings .row .dropdown-menu.show {
  width: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container {
  padding: 15px 15px 30px;
  width: 100%;
  height: calc(100% - 50px);
  overflow: auto;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
}
@media (max-width: 768px) {
  .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container {
    padding: 30px 0;
  }
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container.open {
  margin-left: 300px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container.open .no-data {
  left: 15%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .no-data {
  top: 50px;
  background: rgba(3, 12, 38, 0.7);
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container.empty .pacs-list {
  max-height: calc(100% - 60px);
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container.empty .pacs-list .table-fixed .thumbnail {
  background: #9EA6BE;
  content: "";
  width: 50px;
  height: 50px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container.empty .pacs-list .table-fixed .thumbnail img {
  display: none;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list {
  display: inline-flex;
  width: 100%;
  min-width: 1000px;
  max-height: initial;
  position: relative;
  padding: 0;
  overflow-x: scroll;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .col-1-25 {
  flex: 0 0 10.41666%;
  max-width: 10.41666%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .col-1-41 {
  flex: 0 0 11.80558%;
  max-width: 11.80558%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .col-1-66 {
  flex: 0 0 13.88883%;
  max-width: 13.88883%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .check {
  cursor: pointer;
  margin-right: 15px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .check ~ label {
  padding: 0;
  cursor: pointer;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .check ~ label:before {
  display: none;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .check ~ label svg {
  margin: 0 auto;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .check:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .checked:hover use {
  fill: #062C7F;
  --static-color: #062C7F;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .disabled, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list [disabled] {
  opacity: 0.6;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.selected .sort use, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.descending .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.selected:not(.not-hovered):hover .sort use, body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.descending:not(.not-hovered):hover .sort use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.descending .sort {
  transform: rotate(180deg);
  margin: 0 0 0 10px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list.overlay:after {
  right: 0;
  top: 0;
  bottom: 10px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list {
  border-bottom: 3px solid #FFFFFF;
  padding: 15px 0 15px 0;
  width: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .checkgroup {
  width: 170px;
  padding-right: 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list div[class*=col] {
  padding-right: 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .selected .sort use, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .descending .sort use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .selected:not(.not-hovered):hover .sort use, body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .descending:not(.not-hovered):hover .sort use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .header-list .descending .sort {
  transform: rotate(180deg);
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion {
  width: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card {
  background: transparent;
  border: 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header {
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header > div {
  height: 100px;
  border: solid #353D51;
  border-width: 0 0 2px 2px;
  margin: 0;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header > div:hover {
  background-color: #353D51;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header > div:hover .card-first-col {
  background: #353D51;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header div {
  display: flex;
  align-items: center;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header div .state use, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header div body.touched .state:hover use {
  fill: #FFFFFF;
  --static-color: #FFFFFF;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header div .state.updated use, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header div body.touched .state:hover.updated use {
  fill: #599518;
  --static-color: #599518;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header .card-first-col {
  padding: 0 15px 0 30px;
  height: 100%;
  background: #081334;
  width: 170px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header .card-first-col .initials {
  border: 2px solid #9EA6BE;
  border-radius: 50%;
  text-transform: uppercase;
  height: 70px;
  width: 70px;
  margin: auto 0 auto 15px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header .card-first-col .initials p {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 70px;
  margin: auto;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header .button {
  height: 100px;
  border: solid #353D51;
  border-width: 0 2px 2px 2px;
  display: block;
  cursor: pointer;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-header .button:hover > svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body {
  border: solid #353D51;
  border-width: 0 2px 2px 2px;
  padding: 15px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .header-list {
  padding: 10px 0;
  border-bottom: 2px solid #FFFFFF;
  min-width: 100px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .header-list div[class*=col] {
  padding-left: 5px;
  padding-right: 5px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .header-list div[class*=col] a {
  font-size: 14px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header {
  margin: 0;
  margin-top: 8px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button {
  padding: 10px;
  height: 90px;
  background: #353D51;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div div[class*=col], .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button div[class*=col] {
  padding-left: 0;
  padding-right: 5px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div div[class*=col]:first-child, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button div[class*=col]:first-child {
  padding-left: 10px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div .thumbnail, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button .thumbnail {
  height: 50px;
  width: 50px;
  border: 1px solid #081334;
  overflow: hidden;
  background: #000000;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div .thumbnail img, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button .thumbnail img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div p, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 14px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > div.carat, .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button.carat {
  border: 0;
  border-left: 2px solid #030C26;
  margin: 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button {
  display: flex;
  align-items: center;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button button {
  height: 100%;
  cursor: pointer;
  flex-grow: 1;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button button:nth-child(even) {
  border-left: 1px solid #030C26;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button button:nth-child(odd) {
  border-right: 1.5px solid #030C26;
}
body.touched .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .card-header > .button button:hover:not(.state) use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .thumbnail-gallery {
  margin: 0;
  border: 0;
  background-color: #081334;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .thumbnail-gallery .edit-image .thumbnail {
  height: 430px;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .thumbnail-gallery .edit-image .thumbnail .tool-container:not(.tools-right) {
  padding: 12px 0;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .thumbnail-gallery .edit-image .bottom-absolute {
  background: #081334;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .pacs-list .accordion .card .card-body .thumbnail-gallery .edit-image .bottom-absolute .edit-save {
  margin-left: auto;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .page-nav {
  position: relative;
  padding-bottom: 0;
  left: 25%;
}
.pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .btn-group {
  padding: 50px 0 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .pacs-modal .form .form-card .container.inner-scroll .pacs-list-container .btn-group {
    padding-left: 30px;
    width: 100%;
  }
}

.button-create-team-table a svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

body.touched .button-create-team-table a:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
  cursor: pointer;
}

.button-remove-team-table a svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}

body.touched .button-remove-team-table a:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
  cursor: pointer;
}

.strikethrough {
  text-decoration: line-through !important;
  color: #CDD2E2 !important;
}

.add-users-table {
  margin-top: 25px;
}

.add-users-table tr {
  margin-top: 10px;
  display: block;
}

.add-users-search {
  margin-top: 25px;
  margin-left: 25px;
}
.add-users-search.modal-fit {
  max-height: 500px;
}

.input-no-border {
  border: 0px !important;
}

.team-list-container {
  display: flex;
  flex-direction: column;
}

.team-list {
  padding-bottom: 70px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.team-type {
  margin-bottom: 0px !important;
}

.team-type-info {
  margin-left: 15px;
}

.team-user-count {
  width: 40% !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  text-align: center !important;
}

.team-list-table-wide-header {
  min-width: 500px !important;
  max-width: 500px !important;
}

.team-table-container {
  margin-bottom: 5px !important;
}

.table-popover.ipl-table-popover {
  min-width: 150px;
  color: #000000;
  padding: 5px 5px;
  text-align: center;
}

tbody td .icon-button-wrapper svg {
  position: relative;
  left: 9px;
}

main.visit-page-cmp-preop {
  width: 100%;
  overflow: hidden;
  min-height: 89vh;
  position: relative;
  padding: 5px 0 0 0;
  border-top: 1px #353D51;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
}
@media (max-width: 1024px) {
  main.visit-page-cmp-preop {
    padding: 20px 30px 0px 30px;
  }
}
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
  main.visit-page-cmp-preop {
    padding: 0 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  main.visit-page-cmp-preop {
    padding: 0px 30px 0px 30px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  main.visit-page-cmp-preop {
    padding: 0;
  }
}
main.visit-page-cmp-preop hr {
  border-width: 1px;
  border-style: solid;
}
main.visit-page-cmp-preop span.header_body {
  font-size: 1.5rem;
  margin-top: 25px;
  margin-left: 25px;
}
main.visit-page-cmp-preop .with_margin {
  margin-left: 25px;
  margin-right: 25px;
}
main.visit-page-cmp-preop tr {
  min-height: 50px;
  padding: 2vh 2vw;
}
main.visit-page-cmp-preop td {
  border-width: 0;
  border-style: none;
  min-width: 20%;
}
main.visit-page-cmp-preop td.image-box {
  min-width: 50% !important;
}
main.visit-page-cmp-preop .ui-select-bootstrap.dropdown {
  padding: 0;
  margin: 0px;
}
main.visit-page-cmp-preop input[type=email], main.visit-page-cmp-preop input[type=number], main.visit-page-cmp-preop input[type=search], main.visit-page-cmp-preop input[type=text], main.visit-page-cmp-preop input[type=tel], main.visit-page-cmp-preop input[type=url], main.visit-page-cmp-preop input[type=password], main.visit-page-cmp-preop select {
  height: 38px;
  padding: 0px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  border-radius: 0;
  color: #FFFFFF;
}
main.visit-page-cmp-preop input[type=email][disabled], main.visit-page-cmp-preop input[type=email]:disabled, main.visit-page-cmp-preop input[type=number][disabled], main.visit-page-cmp-preop input[type=number]:disabled, main.visit-page-cmp-preop input[type=search][disabled], main.visit-page-cmp-preop input[type=search]:disabled, main.visit-page-cmp-preop input[type=text][disabled], main.visit-page-cmp-preop input[type=text]:disabled, main.visit-page-cmp-preop input[type=tel][disabled], main.visit-page-cmp-preop input[type=tel]:disabled, main.visit-page-cmp-preop input[type=url][disabled], main.visit-page-cmp-preop input[type=url]:disabled, main.visit-page-cmp-preop input[type=password][disabled], main.visit-page-cmp-preop input[type=password]:disabled, main.visit-page-cmp-preop select[disabled], main.visit-page-cmp-preop select:disabled {
  opacity: 0.6;
}
main.visit-page-cmp-preop .dateInput {
  background: transparent;
  border: none;
  padding-left: 0;
  box-shadow: none;
  color: #FFFFFF;
  padding-bottom: 10px;
  border-bottom: 1px dashed #353D51;
  font-size: 15px;
  height: 36px;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  position: relative;
}

.label-auto-width {
  width: auto;
}

.pre-op-image-container {
  cursor: grab;
}

.transitional-warning {
  width: 500px;
  min-height: 50px;
  margin-left: 30px;
  border-radius: 0 0 9px 9px;
  padding: 0px 20px;
  background-color: #030C26;
}

main.visit-and-patient-list {
  position: absolute;
  padding: 80px 0 0;
  min-height: 100vh;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list {
    padding: 54px 0 0;
  }
}
main.visit-and-patient-list.open .visit-and-patient-tiles-container {
  margin-left: 265px;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list.open .visit-and-patient-tiles-container {
    margin-left: 285px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list.open .visit-and-patient-tiles-container {
    margin-left: 300px;
  }
}
main.visit-and-patient-list.open .visit-and-patient-list {
  margin-left: 265px;
  width: calc(100% - 265px);
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox {
  margin-right: 15px;
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox.all {
  margin-right: 10px;
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox]:checked, main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label:before {
  display: none;
}
body.touched main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched main.visit-and-patient-list.open .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list.open .visit-and-patient-list {
    padding-left: 50px;
  }
}
main.visit-and-patient-list.open .global-filters .slide-filters {
  left: 0;
}
main.visit-and-patient-list .visit-and-patient-header {
  padding: 50px 50px 30px;
  display: flex;
  align-items: baseline;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  background: #081334;
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list .visit-and-patient-header {
    padding: 50px 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-header {
    padding: 30px 15px 15px;
  }
}
main.visit-and-patient-list .visit-and-patient-header h1 {
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 55px;
  margin: 0;
  font-weight: normal;
}
main.visit-and-patient-list .global-filters {
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list .global-filters {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .global-filters {
    padding: 0 15px;
  }
}
main.visit-and-patient-list .global-filters .slide-filters {
  top: 215px;
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .global-filters .slide-filters {
    top: 154px;
    height: calc(100% - 155px);
  }
}
main.visit-and-patient-list .global-filters .slide-filters .slide-settings .row:first-child {
  margin-bottom: 30px;
}
main.visit-and-patient-list .global-filters .slide-filters .slide-settings .row .surgery-date-container {
  margin-bottom: 15px;
}
main.visit-and-patient-list .global-filters .listing-type {
  margin-left: auto;
  height: 24px;
  display: flex;
  align-items: center;
}
main.visit-and-patient-list .global-filters .listing-type a {
  height: 100%;
  display: block;
}
main.visit-and-patient-list .global-filters .listing-type a.image-view {
  margin-right: 15px;
  position: relative;
}
@media screen and (max-width: 766px) {
  main.visit-and-patient-list .global-filters .listing-type a.image-view {
    margin: 0;
  }
}
main.visit-and-patient-list .global-filters .listing-type a.image-view.active {
  cursor: default;
}
main.visit-and-patient-list .global-filters .listing-type a.image-view:after {
  content: "";
  width: 2px;
  height: 24px;
  background: #9EA6BE;
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
}
@media screen and (max-width: 766px) {
  main.visit-and-patient-list .global-filters .listing-type a.image-view:after {
    display: none;
  }
}
main.visit-and-patient-list .global-filters .listing-type a.list-view {
  margin-left: 15px;
}
main.visit-and-patient-list .global-filters .listing-type a.list-view.active {
  cursor: default;
}
main.visit-and-patient-list .global-filters .listing-type .export {
  padding: 0 15px !important;
  margin-right: 20px;
  padding: 0px;
  height: 35px;
  min-width: 90px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.visit-and-patient-list .global-filters .listing-type .export:hover {
  color: #FFFFFF;
}
main.visit-and-patient-list .visit-and-patient-list {
  background: #030C26;
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  width: 100%;
  height: inherit;
  margin-top: 0;
  margin-bottom: 115px;
  padding: 40px 50px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-list {
    padding: 30px 50px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list .visit-and-patient-list {
    padding: 30px 30px 15px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-list {
    padding: 30px 0 0;
    margin-bottom: 64px;
  }
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox {
  margin-right: 15px !important;
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox.all {
  margin-right: 10px !important;
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox]:checked, main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label:before {
  display: none;
}
body.touched main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched main.visit-and-patient-list .visit-and-patient-list .export-checkbox .check[type=checkbox] ~ label.checked:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}
main.visit-and-patient-list .visit-and-patient-list.overlay:after {
  top: 30px;
  bottom: 40px;
  right: 49px;
  max-height: 80vh;
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list .visit-and-patient-list.overlay:after {
    right: 29px;
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-list.overlay:after {
    right: 0;
    bottom: 10px;
  }
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll {
  height: calc(100% - 195px);
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-list .table-scroll {
    height: calc(100% - 214px);
  }
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(8) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(9) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(10) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(11) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(12) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(13) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(14) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr:nth-child(15) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
@keyframes fadeCust {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr {
  animation: 0.3s fadeCust;
  -webkit-animation: 0.3s fadeCust;
  animation-fill-mode: both;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr th, main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr td {
  min-width: 90px;
  max-width: 140px;
}
main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr th.spaced-icons svg, main.visit-and-patient-list .visit-and-patient-list .table-scroll table tbody tr td.spaced-icons svg {
  margin-right: 20px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container {
  width: 100%;
  padding: 40px 25px 40px 0;
  background: #030C26;
  height: inherit;
  max-height: calc(100% - 185px);
  transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  position: relative;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container {
    padding: 30px 15px 30px 0;
  }
}
@media screen and (max-width: 1023px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container {
    padding: 30px 10px 30px 0;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container {
    padding-bottom: 8vh;
    max-height: calc(100% - 150px);
  }
}
@media screen and (max-width: 424px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container {
    padding-bottom: 10.1vh;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container.overlay-bottom:after {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  height: 30px;
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  bottom: 0;
  left: 0;
  right: 0;
}
main.visit-and-patient-list .visit-and-patient-tiles-container.overlay-top:before {
  content: "";
  position: absolute;
  opacity: 1;
  z-index: 9;
  height: 30px;
  transform: scaleX(-1);
  background: linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -moz-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  background: -webkit-linear-gradient(270deg, #030C26 0%, rgba(3, 12, 38, 0) 100%);
  top: 75px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container.overlay-top:before {
    top: 72px;
  }
}
@media screen and (max-width: 424px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container.overlay-top:before {
    top: 90px;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles {
  margin: 0 70px 18px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles {
    margin: 0 30px 18px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles {
    margin: 0 15px 14px;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles span {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-right: 10px;
  min-width: 66px;
}
@media screen and (min-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles span {
    margin-left: 10px;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles > div {
  flex-wrap: wrap;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single {
  margin: 4px 0 0;
  width: 255px;
  height: 24px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single::-webkit-scrollbar,
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single > ::-webkit-scrollbar {
  display: none;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single span {
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: 0.3px;
  height: auto;
  text-transform: none;
  display: block;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input {
  border-bottom: 2px solid #9EA6BE;
  padding: 0;
  height: 23px;
  position: relative;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input:hover, main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input:focus, main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input.selectize-focus, main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .selectize-input.focus {
  border-bottom: 2px solid #42A8FF;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner {
  background-color: #353D51;
  padding: 5px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner span {
  width: calc(100% - 29px);
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row-inner:hover {
  background-color: #174CBF;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner {
  position: relative;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner span {
  font-weight: 700;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-control.single .ui-select-choices-row.active .ui-select-choices-row-inner:before {
  content: "";
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background-image: url(/App/Main/images/svg/icons/check.svg?v=rIN4xIs1Iiwfjd30Ae1KqA-MwLA);
  background-size: cover;
  position: absolute;
  line-height: normal;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-dropdown {
  margin-top: 1px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content {
  max-height: 8rem;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content .optgroup::-webkit-scrollbar, main.visit-and-patient-list .visit-and-patient-tiles-container .sort-tiles .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar {
  display: none;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 20px 0 0;
  position: relative;
  width: 100%;
  overflow: auto;
  padding: 0 30px 0 0;
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles {
    padding: 0 5px 0 0;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles::-webkit-scrollbar {
  display: none;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container {
  padding: 0 0 0 50px;
  animation: 0.3s ease-in-out both fade-in;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container {
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container {
    padding: 0 0 0 15px;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:not(:nth-last-child(-n+3)) {
  padding-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:not(:nth-last-child(-n+3)) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-last-child(-n+3) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-last-child(1) {
    padding-bottom: 0;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image {
  height: 385px;
  float: left;
  z-index: 20;
  animation: 0.3s ease-in-out both fade-in;
  position: relative;
  margin-right: 10px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #FFFFFF;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: center;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content .btn.white-ol {
  top: 120px;
  position: absolute;
  margin: 0 auto;
  opacity: 0;
  display: block;
  left: 0;
  right: 0;
  max-width: 150px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #FFFFFF;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content .btn.white-ol:hover {
  background: #42A8FF;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content:before {
  content: " ";
  background: transparent;
  width: 100%;
  display: block;
  position: absolute;
  height: 295px;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content img {
  height: 100%;
  object-fit: cover;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image__content svg {
  margin-top: 30%;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image:hover .visit-image__content:before {
  background: rgba(255, 255, 255, 0.1);
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image:hover .visit-image__content .btn.white-ol {
  top: 140px;
  opacity: 1;
}
body.touched body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image:hover .visit-image__content .btn.white-ol:hover {
  background: #42A8FF;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image:hover {
  color: #FFFFFF;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .favorite {
  height: 22px;
  width: 22px;
  display: block;
  margin: 20px;
  position: absolute;
  z-index: 999;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .icon-transitional {
  pointer-events: none;
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  display: block;
  margin: 20px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .priority {
  margin-right: 10px;
  float: right;
  z-index: 999;
  position: relative;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .priority img {
  margin-left: 11px;
  margin-top: 11px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details {
  height: 90px;
  width: 100%;
  border-top: 1px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  position: absolute;
  align-items: center;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
}
@media screen and (max-width: 1279px) {
  main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details {
    padding: 10px;
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name {
  border: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  border-right: 2px solid #9EA6BE;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name p {
  margin: 0;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name .initials {
  height: 70px;
  width: 70px;
  line-height: 70px;
  border: 2px solid #9EA6BE;
  border-radius: 3em;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.69px;
  text-align: center;
  text-transform: uppercase;
  margin-right: 15px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name .initials.private {
  font-size: 14px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name .full-name {
  min-width: 70px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name .full-name span {
  display: block;
  font-size: 16px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-name .full-name span .ui-select-highlight {
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  display: inline-block !important;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-details {
  text-align: left;
  padding-left: 15px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-details p {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .review-details .patient-details p:first-child {
  margin-bottom: 6px;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .checkbox {
  cursor: pointer;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container .visit-image .checkbox input[type=checkbox] {
  display: none;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container.empty .visit-image .review-details .patient-name p.initials {
  border: transparent;
  background: #353D51;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(1) {
  animation-delay: 0.1s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(2) {
  animation-delay: 0.2s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(3) {
  animation-delay: 0.3s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(4) {
  animation-delay: 0.4s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(5) {
  animation-delay: 0.5s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(6) {
  animation-delay: 0.6s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(7) {
  animation-delay: 0.7s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(8) {
  animation-delay: 0.8s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(9) {
  animation-delay: 0.9s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(10) {
  animation-delay: 1s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(11) {
  animation-delay: 1.1s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(12) {
  animation-delay: 1.2s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(13) {
  animation-delay: 1.3s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(14) {
  animation-delay: 1.4s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(15) {
  animation-delay: 1.5s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(16) {
  animation-delay: 1.6s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(17) {
  animation-delay: 1.7s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(18) {
  animation-delay: 1.8s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(19) {
  animation-delay: 1.9s;
}
main.visit-and-patient-list .visit-and-patient-tiles-container .visit-and-patient-tiles .tile-container:nth-child(20) {
  animation-delay: 2s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
main.visit-and-patient-list .visit-and-patient-tiles-container .checked use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .favorite:hover .checked use, main.visit-and-patient-list .visit-and-patient-tiles-container .favorite:focus .checked use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
body.touched main.visit-and-patient-list .visit-and-patient-tiles-container .favorite:hover use, main.visit-and-patient-list .visit-and-patient-tiles-container .favorite:focus use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
main.visit-and-patient-list .visit-and-patient-list-loading-table-cell {
  display: table-cell !important;
}
main.visit-and-patient-list .ui-select-highlight {
  font-weight: 300;
  background-color: #353D51;
  padding: 3px 1px;
}

section.product .row {
  border-top: none !important;
  padding: 0 !important;
}
section.product .add-Rod-Title {
  margin: 10px;
  font-size: 21px;
}
section.product .add-rod-wrapper {
  width: 100%;
  border: solid 1px;
  border-radius: 8px;
}
section.product .column-middle {
  display: flex;
  align-items: center;
  height: 100%;
}
section.product input[type=text] {
  height: 25px;
  margin-bottom: 5px !important;
}
section.product .warning-message {
  color: #F60012;
  font-style: italic;
}
section.product .btn-multiple {
  width: auto !important;
  height: auto !important;
  min-height: 45px;
  white-space: break-spaces;
}
section.product .check-group {
  margin: 0 0 30px;
}
section.product .check-group.red-checked.checked input[type=hidden] + label use,
section.product .check-group.red-checked.checked input[type=checkbox]:checked + label use,
section.product .check-group.red-checked.checked input[type=checkbox]:not(:checked) + label use {
  fill: #F60012;
  --static-color: #F60012;
}
body.touched section.product .check-group.red-checked.checked input[type=hidden] + label:hover use,
body.touched section.product .check-group.red-checked.checked input[type=checkbox]:checked + label:hover use,
body.touched section.product .check-group.red-checked.checked input[type=checkbox]:not(:checked) + label:hover use {
  fill: #F60012;
  --static-color: #F60012;
}
section.product .check-group.blue-checked.checked input[type=hidden] + label use,
section.product .check-group.blue-checked.checked input[type=checkbox]:checked + label use,
section.product .check-group.blue-checked.checked input[type=checkbox]:not(:checked) + label use {
  fill: #174CBF;
  --static-color: #174CBF;
}
body.touched section.product .check-group.blue-checked.checked input[type=hidden] + label:hover use,
body.touched section.product .check-group.blue-checked.checked input[type=checkbox]:checked + label:hover use,
body.touched section.product .check-group.blue-checked.checked input[type=checkbox]:not(:checked) + label:hover use {
  fill: #174CBF;
  --static-color: #174CBF;
}

.popover-add-edit-rod {
  margin-left: 10px;
}
body.touched .popover-add-edit-rod:hover use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.popover-add-edit-rod.active use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
body.touched .popover-add-edit-rod.active:hover use {
  fill: #0F7AD6;
  --static-color: #0F7AD6;
}
.popover-add-edit-rod + .hidden-popover {
  margin-top: 10px;
}

section.rods-order .rod-information-wrapper {
  width: 100%;
  border: solid 2px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 15px;
}
section.rods-order .rod-information-wrapper.error {
  border: 2px solid #F60012;
}
section.rods-order .rod-information-wrapper .rod-information-header {
  color: #FFFFFF;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 420px) {
  section.rods-order .rod-information-wrapper .rod-information-header {
    padding: 10px !important;
  }
}
section.rods-order .rod-information-wrapper .dropdown-menu-secondary {
  left: -266px;
  border-radius: 20px;
  border-top-right-radius: 0;
  color: #FFFFFF;
}
section.rods-order .rod-information-wrapper .dropdown-menu-secondary:before {
  border-right: 13px solid transparent;
  border-left: 13px solid #42A8FF;
  left: unset;
  right: -25px;
  top: -2px;
}
section.rods-order .rod-information-wrapper .dropdown-menu-secondary:after {
  border-right: 12px solid transparent;
  border-left: 12px solid #353D51;
  left: unset;
  right: -20px;
  top: 0;
}
section.rods-order .rod-information-wrapper .radio-group {
  margin: 0px;
}
section.rods-order .rod-information-wrapper table {
  width: 100%;
  font-size: 11pt;
}
@media screen and (max-width: 576px) {
  section.rods-order .rod-information-wrapper table {
    display: flex;
  }
}
section.rods-order .rod-information-wrapper table .edit-tbody {
  padding: 10px;
}
section.rods-order .rod-information-wrapper table tbody {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 576px) {
  section.rods-order .rod-information-wrapper table tbody {
    flex-direction: column;
    width: 100%;
  }
}
section.rods-order .rod-information-wrapper table .edit-mode {
  flex-direction: row;
}
section.rods-order .rod-information-wrapper table .edit-mode-tbody {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
section.rods-order .rod-information-wrapper table tr {
  margin-top: 10px;
  flex-direction: column;
  padding-right: 0px !important;
  padding-left: 1px !important;
}
@media screen and (max-width: 576px) {
  section.rods-order .rod-information-wrapper table tr {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
section.rods-order .rod-information-wrapper table td {
  height: 30px;
}
section.rods-order .rod-information-wrapper table td .line-wrapper {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
section.rods-order .rod-information-wrapper table td .edit-dropdown {
  width: 50%;
}
section.rods-order .rod-information-wrapper table td .edit-orientation {
  height: 30px;
}
section.rods-order .rod-information-wrapper table .edit-table {
  height: fit-content;
  padding-bottom: 15px;
}
section.rods-order .rod-information-wrapper .linked-rods {
  font-size: 11pt;
  padding: 10px;
}
section.rods-order .rod-information-wrapper .noLinkedRod {
  font-style: italic;
  color: #F60012;
}
section.rods-order .row {
  padding: 5px 10px !important;
  border: 0 !important;
}
@media screen and (max-width: 576px) {
  section.rods-order .row .rod-column-content {
    flex-basis: 100%;
    text-align: center;
  }
}
section.rods-order .row .edit-wrapper {
  margin-left: auto;
}
@media (max-width: 420px) {
  section.rods-order .row .edit-wrapper {
    margin-left: unset;
    padding: 0px;
  }
}
section.rods-order .expanded-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  margin: 10px;
}
section.rods-order .expanded-button use {
  --static-color: #030C26;
}
section.rods-order .expanded-button svg {
  position: center;
}
section.rods-order .expanded-button svg.rotate-down {
  transform: rotate(0deg);
  transition: 0.3s;
}
section.rods-order .expanded-button svg.rotate-up {
  transform: rotate(180deg);
  transition: 0.3s;
}
section.rods-order .divider {
  border-top: 1px solid #FFFFFF;
  margin: 0px;
}
section.rods-order .divider.error {
  border-top: 1px solid #F60012;
}

section.rod-usage-information .rod-usage-information-wrapper {
  width: 100%;
  border: solid 2px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 15px;
}
section.rod-usage-information .row {
  padding: 5px 10px !important;
  border: 0 !important;
}
@media screen and (max-width: 426px) {
  section.rod-usage-information .row {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  section.rod-usage-information .row .rod-column-content {
    flex-basis: 100%;
    text-align: center;
  }
}
section.rod-usage-information .row .w-33-100 {
  width: 33%;
}
@media screen and (max-width: 426px) {
  section.rod-usage-information .row .w-33-100 {
    width: 100%;
  }
}
section.rod-usage-information .row .w-33-50 {
  width: 33%;
}
@media screen and (max-width: 426px) {
  section.rod-usage-information .row .w-33-50 {
    width: 50%;
  }
}
section.rod-usage-information .divider {
  border-top: 3px solid #FFFFFF;
  margin: 0px;
}

.patient-profile {
  padding: 0;
  background: #030C26;
  height: 100vh;
}
.patient-profile.overflow-hidden-mobile {
  overflow: hidden;
}
.patient-profile.pos-high {
  height: calc(100vh - 65px);
}
.patient-profile section.timeline {
  padding: 60px 0 0 0;
}
.patient-profile section.timeline .patient-info {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.patient-profile section.timeline .patient-info .action-menu {
  padding: 0;
  cursor: pointer;
}
body.touched .patient-profile section.timeline .patient-info .action-menu:hover > .dropdown-toggle use, .patient-profile section.timeline .patient-info .action-menu.open-panel-left > .dropdown-toggle use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.patient-profile section.timeline .patient-info .flex {
  display: flex;
}
.patient-profile section.timeline .patient-info .align-items-start {
  align-items: start;
}
.patient-profile section.timeline .patient-info .wrapper > div {
  display: flex;
  margin-bottom: 10px;
}
.patient-profile section.timeline .patient-info .wrapper > div > p {
  margin: 0;
}
.patient-profile section.timeline .patient-info .patient-initials {
  width: max-content;
  position: relative;
  display: flex;
  align-items: center;
}
.patient-profile section.timeline .patient-info .patient-initials.no-line:before {
  content: none;
}
.patient-profile section.timeline .patient-info .patient-initials:before {
  content: "";
  width: 4px;
  height: 100%;
  top: 100%;
  left: 58.5%;
  background: #FFFFFF;
  position: absolute;
}
.patient-profile section.timeline .patient-info .patient-initials h1 {
  font-size: 26px;
  letter-spacing: 0.33px;
  line-height: 26px;
  margin-bottom: 8px;
  font-weight: normal;
}
.patient-profile section.timeline .patient-info .patient-initials h1.initial {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 94px;
  width: 94px;
  margin-bottom: 0;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  font-size: 42px;
  letter-spacing: 0.53px;
  line-height: 94px;
  text-align: center;
  text-transform: uppercase;
}
.patient-profile section.timeline .patient-info .patient-initials h1.initial:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 5px;
  background: #FFFFFF;
}
.patient-profile section.timeline .patient-info .patient-initials h1.initial.private {
  font-size: 19px;
}
.patient-profile section.timeline .event-container {
  margin: initial;
  min-height: 510px;
  padding: 0 20px 80px;
}
.patient-profile section.timeline .event-container.blur-overlay-black.overlay:before, .patient-profile section.timeline .event-container.blur-overlay-black.overlay:after {
  content: none;
}
.patient-profile section.timeline .event-container .wrapper {
  display: block;
}
.patient-profile section.timeline .event-container .wrapper.mobile {
  display: flex;
}
.patient-profile section.timeline .event-container .wrapper.mobile .xray-image {
  height: 485px !important;
  margin: auto;
}
.patient-profile section.timeline .event-container .wrapper .event {
  width: 100%;
  max-height: 500px;
  margin-top: 40px;
  position: relative;
}
.patient-profile section.timeline .event-container .wrapper .event.hidden {
  display: none;
}
.patient-profile section.timeline .event-container .wrapper .event:after {
  content: "";
  width: 4px;
  background: #FFFFFF;
  height: 9%;
  left: 20%;
  position: absolute;
  bottom: -8.8%;
}
.patient-profile section.timeline .event-container .wrapper .event:last-child:after, .patient-profile section.timeline .event-container .wrapper .event.last-visible:after {
  content: none;
}
.patient-profile section.timeline .event-container .wrapper .event .surgery-details-container {
  display: none;
}
.patient-profile section.timeline .event-container .wrapper .event .surgery-details-container:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #FFFFFF;
  position: absolute;
  bottom: -6px;
  left: 47%;
}
.patient-profile section.timeline .event-container .wrapper .event .surgery-details-container .surgery-type.text-sm {
  font-size: 14px;
}
.patient-profile section.timeline .event-container .wrapper .event .radio-container {
  position: relative;
  width: 100%;
  margin: 10px 0;
}
.patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container .cta {
  position: absolute;
  bottom: 8px;
  left: 29%;
  z-index: 2;
  padding: 8px 5px;
}
.patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container.hidden {
  display: none;
}
.patient-profile section.timeline .event-container .wrapper .event .radio-container .radios {
  position: absolute;
  bottom: 0;
  border: 1px solid #FFFFFF;
  border-radius: 10%;
  height: 80%;
  width: 100%;
}
.patient-profile section.timeline .event-container .wrapper .event .swiper-button-prev, .patient-profile section.timeline .event-container .wrapper .event .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 102px;
  top: 192px;
  opacity: 0.7;
  transition: 0.3s ease-in;
}
body.touched .patient-profile section.timeline .event-container .wrapper .event .swiper-button-prev:hover, body.touched .patient-profile section.timeline .event-container .wrapper .event .swiper-button-next:hover {
  opacity: 1;
}
.patient-profile section.timeline .event-container .wrapper .event .swiper-button-prev:after, .patient-profile section.timeline .event-container .wrapper .event .swiper-button-next:after {
  display: none;
}
.patient-profile section.timeline .event-container .wrapper .event .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.patient-profile section.timeline .event-container .wrapper .event .swiper-button-next {
  right: 0;
}
.patient-profile section.timeline .event-container .wrapper .event .swiper-button-disabled {
  display: none;
}
.patient-profile .measurements-body {
  position: initial;
  margin-bottom: 70px;
}
.patient-profile .measurements-body .global-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patient-profile .measurements-body .global-filters h4 {
  font-size: 18px;
  display: inline-block;
}
.patient-profile .measurements-body .global-filters .image-view {
  position: absolute;
  right: 0;
}
.patient-profile .measurements-body .slide-filters {
  width: 100%;
  height: 100%;
  top: 54px;
  left: -100%;
}
.patient-profile .measurements-body .slide-filters .slide-settings {
  padding: 0;
  height: calc(100% - 105px);
}
.patient-profile .measurements-body .slide-filters .slide-settings .row {
  margin-bottom: 0;
}
.patient-profile .measurements-body .slide-filters.open-panel-left {
  left: 0;
  z-index: 9999;
}
.patient-profile .navigation-mobile {
  z-index: 1040;
  position: fixed;
  bottom: 0;
  background: #353D51;
  display: flex;
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 0rem 3rem black !important;
}
.patient-profile .navigation-mobile > span {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.patient-profile .navigation-mobile .timeline.active svg use, .patient-profile .navigation-mobile .measurements.active svg use {
  fill: #42A8FF;
  --static-color: #42A8FF;
}
.patient-profile .navigation-mobile .timeline.active > p, .patient-profile .navigation-mobile .measurements.active > p {
  color: #42A8FF;
}
.patient-profile .navigation-mobile .timeline > p, .patient-profile .navigation-mobile .measurements > p {
  font-size: 12px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.patient-profile .navigation-mobile .measurements {
  margin-top: 5px;
}

.patient-transitional-warning-mobile {
  width: 430px;
  min-height: 50px;
  padding: 0px 20px;
  background-color: #030C26;
  position: relative;
}

.patient-transitional-select-mobile {
  min-height: 50px;
  padding: 20px 0 0 0;
  border-radius: 9px 9px 0px 0px;
  text-align: center;
  background-color: #081334;
  cursor: pointer;
  position: relative;
}
.patient-transitional-select-mobile.active {
  background-color: #353D51;
}

.patient-transitional-select-mobile:nth-child(1):nth-last-child(1) {
  width: 100%;
}

.patient-transitional-select-mobile:nth-child(1):nth-last-child(2),
.patient-transitional-select-mobile:nth-child(2):nth-last-child(1) {
  width: 50%;
}

.patient-transitional-select-mobile:nth-child(1):nth-last-child(3),
.patient-transitional-select-mobile:nth-child(2):nth-last-child(2),
.patient-transitional-select-mobile:nth-child(3):nth-last-child(1) {
  width: 33.3333%;
}

.patient-transitional-select-mobile:nth-child(1):nth-last-child(4),
.patient-transitional-select-mobile:nth-child(2):nth-last-child(3),
.patient-transitional-select-mobile:nth-child(3):nth-last-child(2),
.patient-transitional-select-mobile:nth-child(4):nth-last-child(1) {
  width: 25%;
}

.patient-transitional-select-mobile:nth-child(1):nth-last-child(5),
.patient-transitional-select-mobile:nth-child(2):nth-last-child(4),
.patient-transitional-select-mobile:nth-child(3):nth-last-child(3),
.patient-transitional-select-mobile:nth-child(4):nth-last-child(2),
.patient-transitional-select-mobile:nth-child(5):nth-last-child(1) {
  width: 20%;
}

@media screen and (min-width: 540px) {
  .patient-profile {
    padding: 0;
    height: 100%;
  }
  .patient-profile.overflow-hidden {
    overflow: auto;
  }
  .patient-profile section.timeline {
    display: flex;
    padding: 120px 20px 0 20px;
  }
  .patient-profile section.timeline .patient-info {
    display: block;
    margin-top: 25px;
    min-width: 250px;
  }
  .patient-profile section.timeline .patient-info .patient-initials:before {
    content: "";
    width: 100vw;
    height: 4px;
    top: 50%;
    left: 100%;
    z-index: 2;
  }
  .patient-profile section.timeline .patient-info .dropdown-menu-secondary {
    min-width: fit-content;
  }
  .patient-profile section.timeline .patient-info .wrapper > div {
    display: block;
  }
  .patient-profile section.timeline .patient-info .wrapper > div > p {
    margin: 0;
  }
  .patient-profile section.timeline .patient-info .wrapper > div > p span {
    white-space: pre-line;
  }
  .patient-profile section.timeline .event-container {
    padding: 0 15px;
    width: calc(100vw - 290px);
  }
  .patient-profile section.timeline .event-container.blur-overlay-black.overlay:before, .patient-profile section.timeline .event-container.blur-overlay-black.overlay:after {
    content: "";
  }
  .patient-profile section.timeline .event-container .wrapper {
    display: flex;
  }
  .patient-profile section.timeline .event-container .wrapper .event {
    position: relative;
    align-items: center;
    width: 220px;
    margin: 0 7px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
  }
  .patient-profile section.timeline .event-container .wrapper .event:after {
    content: none;
  }
  .patient-profile section.timeline .event-container .wrapper .event .surgery-details-container {
    position: relative;
    display: flex;
    justify-content: center;
    height: 75px;
  }
  .patient-profile section.timeline .event-container .wrapper .event .surgery-details-container .details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .patient-profile section.timeline .event-container .wrapper .event .surgery-details-container .details .status-wrapper {
    align-items: center;
  }
  .patient-profile section.timeline .event-container .wrapper .event .surgery-details-container .details .status-wrapper p {
    font-size: 12px;
    text-transform: capitalize;
  }
  .patient-profile section.timeline .event-container .wrapper .event .surgery-details-container .details .status-wrapper.dir-column {
    flex-direction: column;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .event-date-display {
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .event-date-display p {
    margin: 0;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .event-date-display svg:hover use {
    fill: #42A8FF;
    --static-color: #42A8FF;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .show {
    cursor: pointer;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container {
    position: relative;
    min-height: 339px;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container .cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 15px 15px;
    border: 1px solid #FFFFFF;
    background: #174CBF;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container .cta.hover {
    display: none;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container .cta p {
    margin: 0;
  }
  .patient-profile section.timeline .event-container .wrapper .event .radio-container .card-container:hover .hover {
    display: block;
  }
  .patient-profile section.timeline .event-container .wrapper .event .animateUp {
    animation: 0.5s bottomToTop;
    animation-fill-mode: forwards;
  }
  .patient-profile section.timeline .event-container .wrapper .event .animateDown {
    animation: 0.5s topToBottom;
    animation-fill-mode: forwards;
  }
  .patient-profile section.timeline .event-container .wrapper .event .animateRight {
    animation: 0.5s moveRight;
    animation-fill-mode: forwards;
  }
  .patient-profile section.timeline .event-container .wrapper .event .animateLeft {
    animation: 0.5s moveLeft;
    animation-fill-mode: forwards;
  }
  .patient-profile section.timeline .event-container .wrapper .event .fadeRight {
    animation: 0.5s fadeRight;
    animation-fill-mode: forwards;
  }
  .patient-profile section.timeline .event-container .wrapper .event .fadeLeft {
    animation: 0.5s fadeLeft;
    animation-fill-mode: forwards;
  }
  @keyframes topToBottom {
    from {
      transform: translate3d(0px, 0px, 0px);
    }
    to {
      transform: translate3d(-30px, 55px, 0px);
    }
  }
  @keyframes bottomToTop {
    from {
      transform: translate3d(-30px, 55px, 0px);
    }
    to {
      transform: translate3d(0px, 0px, 0px);
    }
  }
  @keyframes moveRight {
    from {
      transform: translate3d(0px, 0px, 0px);
    }
    to {
      transform: translate3d(30px, 0px, 0px);
    }
  }
  @keyframes moveLeft {
    from {
      transform: translate3d(30px, 0px, 0px);
    }
    to {
      transform: translate3d(0px, 0px, 0px);
    }
  }
  @keyframes fadeRight {
    from {
      opacity: 1;
      transform: translate3d(0px, 0px, 0px);
    }
    to {
      opacity: 0;
      transform: translate3d(45px, 0px, 0px);
    }
  }
  @keyframes fadeLeft {
    from {
      opacity: 0;
      transform: translate3d(45px, 0px, 0px);
    }
    to {
      opacity: 1;
      transform: translate3d(0px, 0px, 0px);
    }
  }
  .patient-profile.open-panel-left .measurements-body .data-tables {
    margin-left: 375px;
  }
  .patient-profile .measurements-body {
    position: relative;
    margin-bottom: 0;
  }
  .patient-profile .measurements-body .global-filters {
    display: flex;
    align-items: center;
    justify-content: normal;
  }
  .patient-profile .measurements-body .global-filters .image-view {
    position: relative;
    right: initial;
  }
  .patient-profile .measurements-body .data-tables {
    -webkit-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
    -o-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
  }
  .patient-profile .measurements-body .slide-filters {
    top: 0;
    width: 375px;
    height: 100%;
    left: -375px;
  }
  .patient-profile .measurements-body .slide-filters .slide-settings {
    padding: 0;
    height: calc(100% - 50px);
  }
  .patient-profile .measurements-body .slide-filters .slide-settings .row {
    margin-bottom: 0;
  }
  .patient-profile .measurements-body .slide-filters.open-panel-left {
    left: 0;
  }
  .patient-profile .patient-transitional-warning {
    width: 430px;
    min-height: 56px;
    margin-left: 30px;
    border-radius: 9px 9px 0px 0px;
    padding: 0px 20px;
    padding-top: 20px;
    background-color: #030C26;
    display: inline-block;
  }
  .patient-profile .patient-transitional-select {
    min-height: 50px;
    padding-top: 20px;
    display: inline-block;
    border-radius: 9px 9px 0px 0px;
    text-align: center;
    background-color: #081334;
    width: 150px;
    cursor: pointer;
  }
  .patient-profile .patient-transitional-select.active {
    background-color: #353D51;
  }
}
/************************************/

/*# sourceMappingURL=unid.css.map */