@charset "UTF-8";
/* PAGES */
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb.ttf") format("ttf");
  font-display: auto;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-Italic.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-Italic.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-Italic.otf") format("otf");
  font-display: auto;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-Bold.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-Bold.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-Bold.ttf") format("ttf");
  font-display: auto;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-BoldItalic.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-BoldItalic.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-BoldItalic.otf") format("otf");
  font-display: auto;
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-Light.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-Light.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-Light.otf") format("otf");
  font-display: auto;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-LightItalic.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-LightItalic.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-LightItalic.otf") format("otf");
  font-display: auto;
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-Medium.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-Medium.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-Medium.otf") format("otf");
  font-display: auto;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("..//CSS/webfonts/din/DINWeb-MediumItalic.woff2") format("woff2"), url("..//CSS/webfonts/din/DINWeb-MediumItalic.woff") format("woff"), url("..//CSS/webfonts/din/DINWeb-MediumItalic.otf") format("otf");
  font-display: auto;
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  src: url("/CSS/webfonts/fa-thin-100.eot");
  src: url("/CSS/webfonts/fa-thin-100.eot?#iefix") format("embedded-opentype"), url("/CSS/webfonts/fa-thin-100.woff2") format("woff2"), url("/CSS/webfonts/fa-thin-100.woff") format("woff"), url("/CSS/webfonts/fa-thin-100.ttf") format("truetype"), url("/CSS/webfonts/fa-thin-100.svg#fontawesome") format("svg");
  font-display: auto;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/CSS/webfonts/fa-light-300.eot");
  src: url("/CSS/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/CSS/webfonts/fa-light-300.woff2") format("woff2"), url("/CSS/webfonts/fa-light-300.woff") format("woff"), url("/CSS/webfonts/fa-light-300.ttf") format("truetype"), url("/CSS/webfonts/fa-light-300.svg#fontawesome") format("svg");
  font-display: auto;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/CSS/webfonts/fa-regular-400.eot");
  src: url("/CSS/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/CSS/webfonts/fa-regular-400.woff2") format("woff2"), url("/CSS/webfonts/fa-regular-400.woff") format("woff"), url("/CSS/webfonts/fa-regular-400.ttf") format("truetype"), url("/CSS/webfonts/fa-regular-400.svg#fontawesome") format("svg");
  font-display: auto;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/CSS/webfonts/fa-solid-900.eot");
  src: url("/CSS/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/CSS/webfonts/fa-solid-900.woff2") format("woff2"), url("/CSS/webfonts/fa-solid-900.woff") format("woff"), url("/CSS/webfonts/fa-solid-900.ttf") format("truetype"), url("/CSS/webfonts/fa-solid-900.svg#fontawesome") format("svg");
  font-display: auto;
}
/* PAGES */
/******************************* FONTAWESOME *******************************/
.fa-fw {
  width: 1.55em;
}

.fieldError {
  margin-left: 2px;
  margin-top: 2px;
  color: #DD0031;
  font-weight: 500;
  font-size: 11px !important;
  line-height: 14px;
  display: none;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btn-container > div[class^=col-] {
  flex: 0 0;
}

input[type=button] {
  cursor: pointer !important;
}

a, button, .btn {
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  cursor: pointer;
}

.btn {
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222;
}
.btn:hover, .btn:active {
  background: #59C7F5 !important;
  background-color: #59C7F5 !important;
  border: 1px solid #59C7F5 !important;
  border-color: #59C7F5 !important;
  color: #222222;
}
.btn:focus {
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #83BDD5 !important;
  box-shadow: 0 0 0 1px #83BDD5 !important;
  border-color: #83BDD5 !important;
  color: #222222;
}
.btn.disabled {
  opacity: 0.5 !important;
}
.btn {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.btn:hover {
  text-decoration: none;
}
.btn:focus {
  outline: 1px transparent;
}
.btn.disabled {
  opacity: 0.5 !important;
}
.btn {
  min-width: 64px;
  padding: 9px 14px 9px 14px !important;
  font-size: 14px !important;
  line-height: 14px !important;
}
.btn-primary {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:active {
  background: #052971 !important;
  background-color: #052971 !important;
  border: 1px solid #052971 !important;
  border-color: #052971 !important;
  color: #ffffff;
}
.btn-primary:focus {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #132E64 !important;
  box-shadow: 0 0 0 1px #132E64 !important;
  border-color: #132E64 !important;
  color: #ffffff;
}
.btn-primary.disabled {
  background: #006EB8 !important;
  background-color: #006EB8 !important;
  opacity: 1;
}

.btn-default {
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #D7DAE2 !important;
  border-color: #D7DAE2 !important;
  color: #222222 !important;
}
.btn-default:hover, .btn-default:active {
  background: #D7D7DE !important;
  background-color: #D7D7DE !important;
  border: 1px solid #D7D7DE !important;
  border-color: #D7D7DE !important;
  color: #222222 !important;
}
.btn-default:focus {
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #9CD6EE !important;
  box-shadow: 0 0 0 1px #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222 !important;
}

.btn-lg {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.btn-lg:hover {
  text-decoration: none;
}
.btn-lg:focus {
  outline: 1px transparent;
}
.btn-lg.disabled {
  opacity: 0.5 !important;
}
.btn-lg {
  min-width: 136px;
  padding: 14px 26px !important;
  font-size: 15px !important;
  line-height: 19px !important;
}
.btn-sm {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.btn-sm:hover {
  text-decoration: none;
}
.btn-sm:focus {
  outline: 1px transparent;
}
.btn-sm.disabled {
  opacity: 0.5 !important;
}
.btn-sm {
  min-width: 60px;
  padding: 6px 9px !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.btn-xs {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.btn-xs:hover {
  text-decoration: none;
}
.btn-xs:focus {
  outline: 1px transparent;
}
.btn-xs.disabled {
  opacity: 0.5 !important;
}
.btn-xs {
  min-width: 60px;
  padding: 6px 9px !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.btn-xs {
  min-width: auto !important;
}

.btn-block {
  width: 100%;
  max-width: 340px;
}

button[class*=btn-cr] {
  padding: 0;
}

[class*=btn-cr] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #D7DAE2 !important;
  border-color: #D7DAE2 !important;
  color: #222222 !important;
}
[class*=btn-cr]:hover, [class*=btn-cr]:active {
  background: #D7D7DE !important;
  background-color: #D7D7DE !important;
  border: 1px solid #D7D7DE !important;
  border-color: #D7D7DE !important;
  color: #222222 !important;
}
[class*=btn-cr]:focus {
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #9CD6EE !important;
  box-shadow: 0 0 0 1px #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222 !important;
}
[class*=btn-cr] {
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  padding: 0 !important;
}
[class*=btn-cr]:before {
  padding: 0 !important;
}
[class*=btn-cr].blue {
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222;
}
[class*=btn-cr].blue:hover, [class*=btn-cr].blue:active {
  background: #59C7F5 !important;
  background-color: #59C7F5 !important;
  border: 1px solid #59C7F5 !important;
  border-color: #59C7F5 !important;
  color: #222222;
}
[class*=btn-cr].blue:focus {
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #83BDD5 !important;
  box-shadow: 0 0 0 1px #83BDD5 !important;
  border-color: #83BDD5 !important;
  color: #222222;
}
[class*=btn-cr].blue.disabled {
  opacity: 0.5 !important;
}
[class*=btn-cr].primary {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff !important;
}
[class*=btn-cr].primary:hover, [class*=btn-cr].primary:active {
  background: #052971 !important;
  background-color: #052971 !important;
  border: 1px solid #052971 !important;
  border-color: #052971 !important;
  color: #ffffff;
}
[class*=btn-cr].primary:focus {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #132E64 !important;
  box-shadow: 0 0 0 1px #132E64 !important;
  border-color: #132E64 !important;
  color: #ffffff;
}
[class*=btn-cr].primary.disabled {
  background: #006EB8 !important;
  background-color: #006EB8 !important;
  opacity: 1;
}
[class*=btn-cr].primary {
  color: #ffffff !important;
}
[class*=btn-cr].plus:before {
  content: "+" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 15px !important;
  color: #000000 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
[class*=btn-cr].down:before {
  content: "\f107" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 20px !important;
  color: #000000 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
[class*=btn-cr].text {
  font-weight: 900;
  font-size: 23px;
}
[class*=btn-cr].match-legacy {
  background-color: dimgrey !important;
  color: #D7DAE2 !important;
  border: none !important;
  box-shadow: none !important;
}
[class*=btn-cr].match-legacy:focus {
  border: none !important;
  box-shadow: none !important;
}

.btn-cr-lg {
  width: 48px;
  height: 48px;
}

.k-i-calendar {
  width: 15px !important;
  height: 15px !important;
}
.k-i-calendar:before {
  content: "\f073" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 15px !important;
  color: #1E428A !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

* {
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #1E428A;
}

.moduleDiv > h1, h2, h3, h4, h5, h6 {
  padding-top: 1%;
  padding-bottom: 1%;
}

h1 {
  font-size: 34px;
  line-height: 38px;
}

h2 {
  font-size: 26px;
  line-height: 29px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 15px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 17px;
}

.fst-italic.ms-2.me-3.mt-2.fw-semibold {
  color: #757575 !important;
}

.fst-italic.ms-2.mt-2.fw-semibold {
  color: #757575 !important;
}

div[class^=k-] {
  font-size: 14px;
  line-height: 20px;
}

.k-upload .k-upload-status {
  color: #424a52 !important;
}

.k-upload .k-upload-files .k-file-size, .k-upload .k-upload-files .k-file-information, .k-upload .k-upload-files .k-file-validation-message {
  font-size: 12px !important;
  font-weight: bold;
}

.k-tooltip-content {
  width: max-content;
}

.k-tooltip {
  max-width: 425px !important;
  width: auto;
  background: lightblue !important;
  color: black !important;
  border: 1px solid black !important;
  position: relative !important;
}

.k-tooltip-button {
  display: none;
}

.k-tooltip.k-invalid-msg, .k-tooltip.field-validation-error {
  background: darkblue;
}

.k-tooltip-validation > .k-icon {
  position: relative !important;
  margin: unset !important;
  padding-right: 9px;
}

a {
  color: #006EB8;
  font-weight: 500;
}

a:hover {
  color: #006EB8;
}

.filterValue input[type=text], input[type=text].filterValue {
  width: 100%;
  height: 34px;
  padding-left: 13px;
}

.filterValue {
  width: 100%;
  padding-right: 9px;
}

input[type=text]:hover, input[type=text]:active, input[type=text]:focus {
  border-color: #9CD6EE !important;
  -webkit-box-shadow: 0 0 2px #9CD6EE !important;
  box-shadow: 0 0 2px #9CD6EE !important;
}

input[type=text]:disabled, input[type=text].disabled, input[type=text].k-state-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.k-button {
  font-family: "DINWeb", Arial, Helvetica, sans-serif !important;
  font-weight: 500;
  color: #000000;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

.k-button:active {
  color: #000000 !important;
}

.k-primary, #btnSearch {
  color: #ffffff !important;
}

.btn-outline-primary, .btn-outline-primary:focus {
  color: #ffffff !important;
  background-color: #0475D7 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
  color: #ffffff !important;
  background-color: #0356A6 !important;
}

#btnSearch {
  background: #1E428A;
  border-color: #1E428A;
}

.k-primary:hover, .k-primary:active, #btnSearch:hover, #btnSearch:active {
  color: #ffffff !important;
  background: #052971 !important;
  background-color: #052971 !important;
  border: 1px solid #052971 !important;
  border-color: #052971 !important;
  color: #ffffff;
}

.k-primary:focus, #btnSearch:focus {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  box-shadow: 0 0 0 1px #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff;
}

.k-default {
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #D7DAE2 !important;
  border-color: #D7DAE2 !important;
  color: #000000 !important;
}

.k-default:hover, .k-default:active {
  background: #D7D7DE !important;
  background-color: #D7D7DE !important;
  border: 1px solid #D7D7DE !important;
  border-color: #D7D7DE !important;
  color: #000000 !important;
}

.k-default:focus {
  background: #F0F0F7 !important;
  background-color: #F0F0F7 !important;
  border: 1px solid #9CD6EE !important;
  box-shadow: 0 0 0 1px #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #000000 !important;
}

.k-upload-button {
  background-color: #9CD6EE !important;
  border-color: #9CD6EE !important;
}

.k-upload-button:hover {
  background-color: #59C7F5 !important;
  border-color: #59C7F5 !important;
}

.k-card-header {
  background-color: #D7DAE2 !important;
  font-weight: bold;
}

.k-card-header > .k-card-title {
  color: #424A52;
  margin: 0 !important;
  font-weight: bold;
}

.dropdown-toggle {
  padding: 11px 14px 10px 14px !important;
}

.k-dropdown-wrap {
  padding: 2px 14px 2px 14px !important;
}

.k-dropdown-wrap .k-input {
  display: flex;
  align-items: center;
}

.dropdown-toggle, .k-dropdown-wrap {
  position: relative;
  z-index: 10;
  outline: none;
  cursor: pointer;
  background-color: #ffffff !important;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  color: #424A52 !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

.dropdown-toggle:disabled, .dropdown-toggle.disabled, .k-dropdown-wrap.k-state-disabled, .k-dropdown-wrap:disabled, .k-dropdown-wrap.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.k-card .k-card-actions-stretched {
  border-top: none;
}

#MainNav {
  background: #1E428A;
  color: #ffffff;
  border: none;
  border-radius: 0;
}

#MainNav a, .k-i-menu::before, #MenuTitle {
  color: #ffffff;
}

#MainNav a:hover {
  text-decoration: underline;
}

#MainMenu {
  width: 100%;
}

#MainMenu .k-link {
  color: #424a52 !important;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  padding: 9px 30px 9px 28px !important;
}

.logo {
  max-width: 140px;
  width: 100%;
}

.fieldlist {
  display: block;
  padding-bottom: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #444;
}

sub {
  vertical-align: sub;
  font-size: small;
}

.k-loading-image {
  position: absolute !important;
}

.k-menu .k-item > .k-link {
  padding: 7px 30px 9px 28px !important;
}

.k-drawer-container {
  width: 100%;
  height: 100%;
  min-height: 298px;
}

.componentContainer {
  padding: 0px;
  border: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  overflow: auto;
}

.k-drawer-content {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

#drawer .k-drawer-items {
  margin-top: 9px;
}

#drawer .k-drawer-items ul:before {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 1px #2957B3;
}

#drawer .k-drawer-items ul:after {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 1px #163065;
}

#drawer .k-drawer-items ul li .icon-container {
  min-width: 20px;
  text-align: center;
  padding-right: 9px;
}

.k-drawer-item {
  color: white !important;
  border-bottom: solid 1px #2957B3;
  border-top: solid 1px #163065;
}

.k-drawer-item:hover {
  background: #132e64 !important;
}

.k-drawer-item.k-state-selected {
  background: #132e64 !important;
}

.menuDivider {
  border-top: 1px solid #A4AFB7;
  margin: 0px 0 48px 0;
  max-width: 825px;
}

.menuGrid {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 21px;
  margin-left: -13px;
  margin-right: -13px;
  max-width: 850px;
}

.menuGrid li {
  margin: 0 13px 26px 13px;
  padding: 17px 26px;
  border: 1px solid #006EB8;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
  flex-basis: calc(50% - 26px);
  align-items: center;
}

@media all and (max-width: 650px) {
  .menuGrid {
    margin-left: 0;
    margin-right: 0;
  }
  .menuGrid li {
    flex-basis: 100%;
    margin: 0 0 13px 0;
  }
}
.menuGrid li.k-state-selected {
  background: #006EB8;
}

.menuGrid li.k-state-selected span, .menuGrid li.k-state-selected svg {
  color: white;
}

.menuGrid .k-drawer-item.k-state-selected i:before {
  color: white;
}
.menuGrid .k-drawer-item i:before {
  font-size: 26px;
  font-weight: 900;
  color: #006EB8;
  transition: color ease-in-out 0.3s;
}
.menuGrid .k-drawer-item:hover i:before {
  color: white;
}

.menuGrid li span, .menuGrid li i {
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  color: #006EB8;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
  white-space: normal !important;
}

.menuGrid li svg {
  font-size: 26px;
  color: #006EB8;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
}

.menuGrid li:hover {
  background: #006EB8 !important;
}

.menuGrid li:hover span, .menuGrid li:hover svg {
  color: white;
}

.k-drawer-mini .k-drawer-wrapper {
  width: 0px;
}

h4.k-card-title {
  margin-top: 0px !important;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100% !important;
  }
}
.k-list-container .k-popup .k-group .k-reset {
  position: relative !important;
}

.divClose:after {
  display: inline-block;
  content: "×"; /* This will render the 'X' */
  font-size: 26px;
  font-weight: 700;
}

.divClose:hover {
  font-weight: bold;
}

.divClose {
  display: inline-block;
  cursor: pointer;
}

.container-Search {
  border: 1px solid #A4AFB7;
  border-radius: 4px;
  padding: 9px 9px 4px 9px;
  background: #f6f6f6;
  width: 100%;
  max-width: 850px;
}

.container-Search:focus {
  border-width: 1px !important;
}

.filterItem, .filterItem > .row {
  position: relative;
  align-items: center;
}

div > #addFilter ::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;
}

.filterItem > div > button {
  margin-bottom: 0 !important;
}

.filterItem .addFilter a {
  font-size: 25px;
  font-weight: 700;
}

.filterItem .addFilter a:hover {
  background: none;
}

#btnSearch {
  float: right;
  font-size: 17px;
  font-weight: bold;
}

.k-loading-mask {
  position: absolute !important;
  display: block !important;
}

.module__toggle {
  font-family: "ddg-serp-icons";
  font-size: 17px;
  line-height: 27px;
  display: block;
  width: 13px;
  height: 100%;
  cursor: pointer;
  color: #666;
  background-color: rgba(0, 0, 0, 0.02);
  text-align: center;
  border-left: 1px solid rgba(150, 150, 150, 0.1);
  clear: both;
  border-radius: 0 0 3px 3px;
  float: left;
}

.module__toggle:hover {
  background: rgba(0, 0, 0, 0.04);
}

.module__toggle--more {
  position: relative;
  top: 38%;
  font-weight: bold;
}

.module__toggle--less {
  position: relative;
  top: 38%;
  font-weight: bold;
}

.module__toggle--more::after {
  content: "";
  position: absolute;
  top: -18px;
  height: 17px;
  left: 0px;
  right: 0px;
}

.module__toggle__chevron {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: 1px;
  font-size: 26px;
  color: white;
}

#drawer {
  display: -webkit-inline-box;
  background-color: #1E428A;
}

.k-item-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.slide-container .k-card {
  margin-bottom: 9px;
  border: 1px solid #D7DAE2;
  border-radius: 3px;
}

.slide-container {
  background-color: #f2f2f2;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  padding: 17px;
  border: none;
  border-radius: 0;
}

.k-card > .k-card-header:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.slide-container .close-up {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.slide-container .close-up:hover {
  color: #006EB8;
}

.slide-container .slide-content-container {
  padding: 13px;
  border: 1px solid #d7dae2;
  background: white;
}

.k-card-header h1, .k-card-header h2, .k-card-header h3, .k-card-header h4, .k-card-header h5, .k-card-header h6 {
  color: #424A52;
}

.overview {
  padding-top: 9px;
  padding-bottom: 9px;
}

.approvers {
  padding-top: 9px;
  padding-bottom: 9px;
}

.workflowdetails {
  padding-top: 9px;
  padding-bottom: 9px;
}

.k-card-body {
  padding: 9px !important;
}

.textLabel {
  position: relative;
  left: 48%;
  top: 55%;
}

.hide {
  display: none;
}

.k-radio-item > .k-widget.k-tooltip-validation {
  display: flex;
  position: absolute !important;
  top: unset !important;
  width: unset !important;
}

.k-widget.k-tooltip-validation {
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  align-items: center;
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.k-radio-label {
  margin-left: 4px;
}

.k-radio-item:has(.k-radio):has(.k-invalid) > .k-radio-label {
  color: #dd0031 !important;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
  background-color: #9CD6EE !important;
  font-weight: bold;
  box-shadow: none !important;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
  background-color: transparent;
}

.k-grid th.k-state-selected, .k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
  background-color: transparent;
}

#drawer-content {
  height: 100%;
  width: 100%;
  display: block;
}

.k-widget.form-control .k-input {
  width: 100% !important;
  height: 100% !important;
  margin-right: -4px !important;
}

label:has(> input) > * {
  margin-right: 4px;
}

.k-radio-list > span:contains("*") {
  display: inline;
}

.form-check-input {
  position: unset !important;
}

textarea.k-widget.form-control .k-input {
  padding: unset !important;
  height: 100% !important;
}

span.k-textarea {
  height: 100%;
  width: 100%;
}

span.k-widget.form-control.k-numerictextbox {
  display: flex !important;
}

.k-widget.form-control {
  white-space: normal;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
  width: 100% !important;
}

.k-dropdown-wrap > span {
  display: block !important;
}

span.k-textbox {
  display: inline-block;
  width: 100%;
}

.k-input {
  padding: unset !important;
  border-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-width: 1px !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
  border-style: solid !important;
  border-top-style: solid !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  outline: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  background: none !important;
  -ms-flex-flow: row nowrap !important;
  flex-flow: row nowrap !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  vertical-align: middle !important;
  position: relative !important;
  -webkit-appearance: none !important;
}

.k-invalid {
  border: 1px solid red !important;
}

.k-autocomplete > span .k-icon {
  top: 4px;
  left: 13px;
}

.k-callout {
  display: none;
}

.k-animation-container {
  width: auto;
  z-index: 2000000000 !important;
}

#wizardStepsBar li:first-child:after {
  margin-left: 54%;
}

#wizardStepsBar li:last-child:after {
  width: 50%;
}

.navbar {
  padding: 0px;
  height: 30px;
  background-color: #edebeb;
  margin-bottom: 9px !important;
}
.navbar a {
  text-decoration: none;
}
.navbar div {
  padding-bottom: 8px;
  font-weight: bold;
  color: #006EB8;
  padding-right: 4px;
}

label {
  display: inline;
}

label + span {
  margin-top: 4px !important;
}

label + div {
  margin-top: 4px !important;
}

.breadcrumb {
  border-radius: unset !important;
  padding: 4px;
}

.k-filter-row .k-dropdown-operator {
  width: 2.1em !important;
  right: 2.5em !important;
}

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

.k-button .k-icon, .k-button .k-image, .k-button .k-sprite {
  pointer-events: unset !important;
}

.no-records {
  margin: auto;
  padding: 21px;
  text-transform: uppercase;
  text-align: center;
}

/* Scrollbar*/
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #006EB8;
  border-radius: 13px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  border: 0;
}

/* Allow Kendo grid headers to wrap*/
.k-grid .k-grid-header .k-header .k-link {
  height: auto;
}

.k-grid .k-grid-header .k-header {
  white-space: normal;
}

.k-input .k-hover > .k-input-inner {
  border: none !important;
}

.k-datepicker {
  height: 100% !important;
  padding: 0px !important;
  font-family: Arial !important;
  font-weight: normal !important;
  font-size: 12px !important;
  border: 1px solid #BCE0FD;
  display: flex !important;
}

.k-textbox {
  border: 1px solid #BCE0FD;
}

input {
  text-indent: 4px !important;
}

.k-input-inner {
  border: none !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: unset !important;
  color: #666666 !important;
}

.k-picker > .k-input-inner {
  margin-left: 4px !important;
  color: #666666 !important;
}

.k-grid > .k-input-inner {
  height: unset !important;
  width: unset !important;
  margin-left: 9px !important;
}

.k-textbox .k-input-inner {
  width: 100% !important;
  margin-left: 0px !important;
  padding: 0px;
}

.k-clear-value {
  margin-right: 9px;
}

.k-autocomplete > .k-clear-value {
  margin-top: -9px;
  display: inline-flex !important;
  visibility: visible !important;
}

.k-autocomplete > .k-input-inner:hover, .k-autocomplete > .k-input-inner:focus {
  border: none !important;
}

.k-autocomplete > input[type=text]:hover, .k-autocomplete > input[type=text]:active, .k-autocomplete > input[type=text]:focus {
  border: none !important;
  -webkit-box-shadow: unset !important;
  color: #0475D7 !important;
}

.k-autocomplete:hover {
  border-color: #aeaeae !important;
}

.k-autocomplete:focus-within {
  border-color: #4f7dd9 !important;
}

.k-autocomplete {
  border: 1px solid #BCE0FD !important;
  width: 100%;
}

.moduleDiv {
  height: 100%;
  margin: 0% 5%;
  width: 90%;
}

.k-multiselect:hover {
  border-color: #aeaeae !important;
}

.k-multiselect:focus-within {
  border-color: #4f7dd9 !important;
}

.k-multiselect .k-readonly {
  background-color: unset !important;
}

.k-multiselect {
  border: 1px solid #BCE0FD !important;
}

.k-multiselect input {
  color: #0475D7 !important;
}

.k-dropdownlist:hover {
  border-color: #aeaeae !important;
}

.k-dropdownlist:focus-within {
  border-color: #4f7dd9 !important;
}

.k-dropdownlist {
  border: 1px solid #BCE0FD !important;
  display: flex;
  padding: unset !important;
}

span.k-input-inner {
  display: inline !important;
  height: 100% !important;
}

input:hover:disabled:not(.k-checkbox) {
  background: lightgray;
}

input:disabled:not(.k-checkbox):not(.k-radio), .k-disabled:not(.k-checkbox) {
  background-color: #F8F9FA !important;
}

.k-readonly:not([class*=k-checkbox]) {
  background-color: #F8F9FA !important;
}

.k-filter-menu-container .k-textbox > input {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

.k-filter-menu-container .k-datepicker {
  margin-top: 7px;
}

span.k-treeview-toggle {
  display: contents !important;
}

.k-radio-list .k-radio-item {
  margin-top: unset !important;
}

.k-radio:checked, .k-radio.k-checked {
  background-color: #1e428a !important;
}

.k-drag-clue, .k-grid-header, .k-grouping-header, .k-header, .k-menu, .k-panelbar > .k-panelbar-header > .k-link, .k-progressbar, .k-state-highlight, .k-tabstrip, .k-tabstrip-items .k-item, .k-toolbar {
  background-position: 50% 50%;
  background-color: #f0eded;
}

.k-tabstrip-items > .k-state-active:not(.k-active) {
  background: unset !important;
}

.k-tabstrip-item > .k-link {
  font-weight: bold;
}

div.k-checkbox-list {
  display: block !important;
}

.k-list-item.k-selected {
  color: #ffffff;
  background-color: #3276b1 !important;
}

.k-drawer-item.k-selected {
  background-color: #0475D7 !important;
}

.nav-link {
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;
}

/* Hide number input spinners */
.k-numerictextbox .k-input-spinner {
  display: none;
}

.k-numerictextbox {
  width: 100% !important;
}

.k-numerictextbox:not(.k-invalid) {
  border-color: rgb(206, 212, 218) !important;
}

.numeric-field-ctrl-container {
  display: flex;
}

.numeric-field-ctrl-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.clear-left-margin {
  margin-left: 0px !important;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.margin {
  margin-top: 17px !important;
}

.margin-left {
  margin-left: 13px !important;
}

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

.label-color {
  background-color: #F8F8F8;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 85px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

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

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

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

#alertModal .modal-dialog {
  width: 383px;
}

.link {
  color: #ffffff;
  text-decoration: none;
}

.text-size-large {
  font-size: large;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-left {
  border-left: 1px solid #ccc;
}

.border-right {
  border-right: 1px solid #ccc;
}

.searchresults-active {
  background-color: #BCE0FD;
}

.searchresults:hover, searchresults:focus {
  background-color: #BCE0FD;
  cursor: pointer;
}

/* Start: DHTMLX Scheduler */
.scheduler_container {
  width: 100%;
  height: 680px;
  border: 1px solid #aeaeae;
}

.scheduler_container [name=month_tab] {
  display: none;
}

.dhx_cal_ltitle {
  display: none;
}

.scheduler_blocked_time {
  background: lightgray;
  font-size: large;
  text-align: center;
}

.dhx_scheduler_month .dhx_marked_timespan {
  /* enabling marked timespans for month view */
  display: block !important;
}

/* End: DHTMLX Scheduler */
/* Start: Error Dialog */
.dialog-error .ui-dialog-titlebar-close {
  display: none;
}

.dialog-error .ui-dialog-titlebar {
  background-color: #f2dede;
  color: #a94442;
  /*font-family: Arial;
  font-weight: bold;
  font-size: 18px;*/
}

.dialog-error .ui-dialog-content {
  color: #a94442;
  /*font-family: Arial;
  font-size: 14px;*/
}

/* End: Error Dialog */
/* Start: D2A CSS for new look-and-feel */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.navbar {
  margin: 0px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #EBF7FF;
}

.d2a-hidden {
  display: none;
}

.d2a-progressbar-btn {
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: #0475D7;
  background-color: #BCE0FD;
  border: 1px solid #0475D7;
  border-radius: 13px;
}

.d2a-progressbar-separator-active {
  font-size: 34px;
  color: #0475D7;
}

.d2a-progressbar-separator-inactive {
  font-size: 34px;
  color: #BCE0FD;
}

.d2a-page-header {
  position: relative;
  height: 4%;
  width: 95%;
  margin: auto;
  z-index: 999;
}

.d2a-page-footer {
  position: relative;
  /*height: 5%;*/
  width: 95%;
  margin: auto;
  /*z-index: 999;*/
}

.d2a-page-container {
  position: relative;
  /*height: 90%;*/
  width: 95%;
  border-radius: 9px;
  background-color: #EBF7FF;
  margin-top: 9px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 26px;
}

.d2a-container-fluid-transparent {
  position: relative;
  margin: auto;
  padding: 26px;
  background-color: transparent;
}

.d2a-container-fluid-transparent-80percent {
  position: relative;
  width: 80%;
  margin: auto;
  padding: 26px;
  background-color: transparent;
}

.d2a-container-fluid-transparent-40percent {
  position: relative;
  width: 40%;
  margin: auto;
  padding: 26px;
  background-color: transparent;
}

.d2a-container-fluid-transparent-30percent {
  position: relative;
  width: 30%;
  margin: auto;
  padding: 26px;
  background-color: transparent;
}

.d2a-container-fluid-transparent-50percent {
  position: relative;
  width: 50%;
  margin: auto;
  padding: 26px;
  background-color: transparent;
}

.d2a-container-fluid-white {
  position: relative;
  width: 80%;
  margin: auto;
  padding: 26px;
  background-color: white;
}

.d2a-search-container-fluid-white {
  background-color: white;
  width: 80%;
  text-align: center;
}

.d2a-search-criteria:hover {
  background-color: #BCE0FD;
  cursor: pointer;
}

.d2a-container-fluid-white-50percent {
  position: relative;
  width: 50%;
  margin: auto;
  padding: 26px;
  background-color: white;
}

.d2a-invoice-container-fluid-white {
  position: relative;
  width: 80%;
  margin: auto;
  padding: 26px;
  border-radius: 9px;
  background-color: white;
  border: solid 1px #0475D7;
}

.d2a-container-fluid-white-90percent {
  position: relative;
  width: 90%;
  margin: auto;
  padding: 26px;
  background-color: white;
}

.d2a-container-fluid-white-100percent {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 26px;
  background-color: white;
}

.d2a-table {
  table-layout: auto;
  width: 100%;
}

.d2a-table thead tr {
  color: #0475D7;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
}

.d2a-table thead tr th {
  cursor: pointer;
}

.d2a-table tbody tr {
  color: #0475D7;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-table tbody tr td {
  padding: 9px;
}

.d2a-table tbody tr:nth-child(odd) {
  background-color: white;
}

.d2a-table tbody tr:nth-child(even) {
  background-color: transparent;
}

.d2a-table-paging-label {
  color: #ffffff !important;
  background-color: #0475D7 !important;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
}

.d2a-table-small {
  table-layout: auto;
  width: 100%;
}

.d2a-table-small thead tr {
  color: #BCE0FD;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
}

.d2a-table-small thead tr th {
  padding: 4px;
  cursor: pointer;
}

.d2a-table-small tbody tr {
  color: #0475D7;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-table-small tbody tr td {
  padding: 4px;
}

.d2a-table-small tbody tr:nth-child(odd) {
  background-color: #F4F4F4;
}

.d2a-table-small tbody tr:nth-child(even) {
  background-color: #EFF6FC;
}

.d2a-table-small-paging-label {
  color: #ffffff !important;
  background-color: #0475D7 !important;
  font-family: Arial;
  font-weight: bold;
  font-size: 7px;
}

.d2a-headline-row, .d2a-title-row {
  margin-bottom: 13px;
}

.d2a-label-row {
  margin-top: 4px;
  margin-bottom: 4px;
}

.d2a-control-row, .d2a-action-row {
  display: grid;
}

.d2a-row-no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.d2a-headline {
  color: #0475D7;
  font-family: Arial;
  font-weight: bold;
  font-size: 31px;
}

.d2a-title {
  color: #0475D7;
  font-family: Arial;
  font-weight: bold;
  font-size: 20px;
}

.d2a-title-small {
  color: #0475D7;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
}

.d2a-label {
  color: #0475D7;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
}

.d2a-label-light {
  color: #BCE0FD;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-label-background {
  background-color: #EFF6FC;
}

.d2a-text {
  color: #0475D7;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-text-small {
  color: #0475D7;
  font-family: Arial;
  font-weight: normal;
  font-size: 10px;
}

.d2a-text-small-light {
  color: #BCE0FD;
  font-family: Arial;
  font-weight: normal;
  font-size: 10px;
}

.d2a-text-danger {
  color: red;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-input-textbox, .d2a-input-textarea {
  display: inline-block;
  border: 1px solid #BCE0FD;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: dimgrey;
  width: 100%;
}

.d2a-input-textbox-numeric {
  text-align: right;
}

.d2a-input-textbox:disabled, .d2a-input-textarea:disabled {
  background-color: #E8E8E8;
  color: #A9A9A9;
}

.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group.disabled > .dropdown-toggle {
  background-color: #E8E8E8;
  color: #A9A9A9;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #0475D7;
  border: 1px solid #BCE0FD !important;
  background-color: white;
}

.bootstrap-select .dropdown-menu > li > a {
  color: #0475D7;
}

.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
  color: #0475D7;
  text-decoration: none;
  background-color: #EBF7FF;
}

.bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:hover {
  color: #0475D7;
  background-color: #ffffff !important;
  border-color: #BCE0FD;
}

.bootstrap-select .btn-default {
  color: #0475D7;
  background-color: #fff;
  border-color: #BCE0FD;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #0475D7;
  text-decoration: none;
  background-color: #fff;
  outline: 0;
}

.form-control {
  color: #0475D7;
}

:-ms-input-placeholder.form-control {
  color: #0475D7;
}

.d2a-input-select-wrapper {
  height: 34px;
  width: 100%;
  border: 1px solid #BCE0FD;
  overflow: hidden;
  position: relative;
  display: block;
}

.d2a-input-select-wrapper > select {
  height: 34px;
  width: 100%;
  padding: 9px;
  border: 0;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: #0475D7;
  /* hide default arrow for Firefox */
  -moz-appearance: none;
  /* hide default arrow for Chrome*/
  -webkit-appearance: none;
  appearance: none;
}

.d2a-input-select-wrapper > select::-ms-expand {
  /* hide default arrow for IE */
  display: none;
}

.d2a-input-select-wrapper:after {
  content: "\f0dd";
  font-family: FontAwesome;
  color: #0475D7;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  /*width: 10%;*/
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
}

/* START: input checkbox pr radio */
.d2a-input-checkbox-radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.d2a-input-checkbox-radio-container input {
  /* Hide the default checkbox */
  display: none;
}

.d2a-input-checkbox-checkmark {
  /* Create a custom checkbox */
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #FFF;
  border: 1px solid #BCE0FD;
  border-radius: 4px;
}

.d2a-input-radio-checkmark {
  /* Create a custom radio */
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: white;
  border: 1px solid #BCE0FD;
  border-radius: 50%;
}

.d2a-input-checkbox-checkmark:after, .d2a-input-radio-checkmark:after {
  /* Create the checkmark/dot (hidden when not checked) */
  content: "";
  position: absolute;
  display: none;
}

.d2a-input-checkbox-radio-container input:checked ~ .d2a-input-checkbox-checkmark, .d2a-input-checkbox-radio-container input:checked ~ .d2a-input-radio-checkmark {
  /* When the checkbox/radio is checked, add a blue background */
  background-color: #0475D7;
}

.d2a-input-checkbox-radio-container input:disabled ~ span {
  cursor: default;
}

.d2a-input-checkbox-radio-container input:disabled ~ .d2a-input-checkbox-checkmark, .d2a-input-checkbox-radio-container input:disabled ~ .d2a-input-radio-checkmark {
  /* When the checkbox/radio is disabled, add a greg background */
  background-color: #E8E8E8;
}

.d2a-input-checkbox-radio-container input:checked ~ .d2a-input-checkbox-checkmark:after, .d2a-input-checkbox-radio-container input:checked ~ .d2a-input-radio-checkmark:after {
  /* Show the checkmark/dot when checked */
  display: block;
}

.d2a-input-checkbox-radio-container .d2a-input-checkbox-checkmark:after {
  /* Style the checkmark indicator */
  left: 8px;
  top: 4px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.d2a-input-checkbox-radio-container .d2a-input-radio-checkmark:after {
  /* Style the radio indicator */
  top: 7px;
  left: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}

/* END: input checkbox or radio */
.d2a-btn-header, d2a-btn-header:hover {
  font-family: Arial;
  font-weight: bold;
  font-size: 17px;
  color: #0475D7;
  border: 0px;
  background-color: transparent;
  padding: 9px;
}

.d2a-btn-primary, .d2a-btn-primary:active, .d2a-btn-primary:focus {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: #0475D7;
  border-color: #0475D7;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.d2a-btn-primary:hover {
  color: #fff;
  background-color: #1E7AC9;
  border-color: #1E7AC9;
}

.d2a-btn-primary:disabled {
  color: #fff;
  background-color: #BCE0FD;
  border-color: #BCE0FD;
}

.d2a-btn-secondary, .d2a-btn-secondary:active, .d2a-btn-secondary:focus {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #0475D7;
  background-color: #fff;
  border-color: #0475D7;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.d2a-btn-secondary:hover {
  color: #1E7AC9;
  background-color: #fff;
  border-color: #1E7AC9;
}

.d2a-btn-secondary:disabled {
  color: #BCE0FD;
  background-color: #fff;
  border-color: #BCE0FD;
}

#wizardForm fieldset:not(:first-of-type) {
  display: none;
}

#wizardForm fieldset .legend {
  display: none;
}

.card {
  border: none;
  border-radius: 0.5rem;
  position: relative;
  z-index: 0;
}

#wizardStepsBar {
  color: #757575;
  margin-bottom: 26px;
  overflow: hidden;
}

#wizardStepsBar .active {
  color: #000000;
}

#wizardStepsBar li {
  float: left;
  list-style-type: none;
  position: relative;
  width: 20%; /* 100 divide by the number of Wizard Steps */
}

#wizardStepsBar li:before {
  background: #757575;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 43px;
  line-height: 38px;
  margin: 0 auto 9px auto;
  padding: 2px;
  width: 43px;
}

#wizardStepsBar li:after {
  background: #757575;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 21px;
  width: 100%;
  z-index: -1;
}

#wizardStepsBar li:before {
  content: "\f46d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

#wizardStepsBar li.active:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

#wizardStepsBar li.active:before,
#wizardStepsBar li.active:after {
  background: #0475D7;
}

#wizardForm td, #wizardForm th {
  padding-bottom: 4px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 4px;
}

#wizardForm label {
  color: #0475D7;
  font-weight: bold;
}

.dialog-overlay {
  position: absolute;
  z-index: 30;
  background-color: black !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.dialog-overlay .dialog-container {
  position: fixed;
  background: white;
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  border-radius: 0.3rem;
  width: 100%;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 31;
}
@media (max-width: 600px) {
  .dialog-overlay .dialog-container {
    width: calc(100% - 15px);
  }
}
.dialog-overlay .dialog-container .dialog-header {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding: 14px;
  background: #006EB8 !important;
  color: white;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog-overlay .dialog-container .dialog-header.dialog-error, .dialog-overlay .dialog-container .dialog-header.dialog-validation {
  font-size: 15px !important;
  background: #DD0031 !important;
}
.dialog-overlay .dialog-container .dialog-header.dialog-warning {
  font-size: 15px !important;
  background: #EA932C !important;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container {
  margin: auto;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-error, .dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-warning {
  font-size: 15px !important;
  font-weight: 800 !important;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-error.formtrue, .dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-warning.formtrue {
  font-size: 15px !important;
  font-weight: 500 !important;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-info {
  font-size: 15px !important;
  font-weight: 500 !important;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-validation:before {
  content: "\f071" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 21px !important;
  color: #ffffff !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.dialog-overlay .dialog-container .dialog-header .dialog-header-container span.dialog-validation:before {
  display: block;
}
.dialog-overlay .dialog-container .dialog-header .close-dialog-button {
  padding: 3px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}
.dialog-overlay .dialog-container .dialog-header .close-dialog-button svg {
  width: 20px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.dialog-overlay .dialog-container .dialog-header .close-dialog-button:hover {
  background: rgb(0, 0, 0);
}
.dialog-overlay .dialog-container .dialog-header .min-max-container {
  padding-right: 13px !important;
}
.dialog-overlay .dialog-container .dialog-header .min-max-container .minimize-container {
  margin-left: auto;
  display: flex;
  align-items: flex-start;
}
.dialog-overlay .dialog-container .dialog-header .min-max-container .maximize-container {
  margin-left: auto;
  display: none;
  align-items: center;
  opacity: 0;
}
.dialog-overlay .dialog-container .dialog-header .min-max-container .fa-window-minimize, .dialog-overlay .dialog-container .dialog-header .min-max-container .fa-window-maximize, .dialog-overlay .dialog-container .dialog-header .min-max-container .fa-xmark {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px !important;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.dialog-overlay .dialog-container .dialog-header .min-max-container .fa-window-minimize:hover, .dialog-overlay .dialog-container .dialog-header .min-max-container .fa-window-maximize:hover, .dialog-overlay .dialog-container .dialog-header .min-max-container .fa-xmark:hover {
  color: rgb(0, 0, 0);
}
.dialog-overlay .dialog-container .dialog-body {
  padding: 17px;
  white-space: pre-wrap;
  max-height: 397px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog-overlay .dialog-container .dialog-body.formtrue {
  white-space: normal;
  height: 65vh;
}
.dialog-overlay .dialog-container .dialog-body.frame {
  padding: 4px;
  white-space: normal;
}
.dialog-overlay .dialog-container .dialog-body.frame .dialog-frame {
  width: 100%;
  height: 65vh;
  max-height: 397px;
}
.dialog-overlay .dialog-container .dialog-body.large-contenttrue {
  padding: 0px;
  white-space: normal;
  overflow-y: auto;
  max-height: none;
}
.dialog-overlay .dialog-container .dialog-footer {
  padding: 13px 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.dialog-overlay .dialog-container .dialog-footer.compact-buttonstrue {
  justify-content: flex-start;
}
.dialog-overlay .dialog-container .dialog-footer.compact-buttonstrue .btn {
  margin-left: 7px;
}
.dialog-overlay .dialog-container .dialog-btn-primary {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff !important;
}
.dialog-overlay .dialog-container .dialog-btn-primary:hover, .dialog-overlay .dialog-container .dialog-btn-primary:active {
  background: #052971 !important;
  background-color: #052971 !important;
  border: 1px solid #052971 !important;
  border-color: #052971 !important;
  color: #ffffff;
}
.dialog-overlay .dialog-container .dialog-btn-primary:focus {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #132E64 !important;
  box-shadow: 0 0 0 1px #132E64 !important;
  border-color: #132E64 !important;
  color: #ffffff;
}
.dialog-overlay .dialog-container .dialog-btn-primary.disabled {
  background: #006EB8 !important;
  background-color: #006EB8 !important;
  opacity: 1;
}
.dialog-overlay .dialog-container .dialog-btn-print {
  margin-right: auto;
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222;
}
.dialog-overlay .dialog-container .dialog-btn-print:hover, .dialog-overlay .dialog-container .dialog-btn-print:active {
  background: #59C7F5 !important;
  background-color: #59C7F5 !important;
  border: 1px solid #59C7F5 !important;
  border-color: #59C7F5 !important;
  color: #222222;
}
.dialog-overlay .dialog-container .dialog-btn-print:focus {
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #83BDD5 !important;
  box-shadow: 0 0 0 1px #83BDD5 !important;
  border-color: #83BDD5 !important;
  color: #222222;
}
.dialog-overlay .dialog-container .dialog-btn-print.disabled {
  opacity: 0.5 !important;
}
.dialog-overlay .dialog-container .dialog-btn-delete {
  margin-right: auto;
  background: #DD0031 !important;
  background-color: #DD0031 !important;
  border: 1px solid #DD0031 !important;
  border-color: #DD0031 !important;
  color: #ffffff;
}
.dialog-overlay .dialog-container .dialog-btn-delete:hover, .dialog-overlay .dialog-container .dialog-btn-delete:active {
  background: #83001D !important;
  background-color: #83001D !important;
  border: 1px solid #83001D !important;
  border-color: #83001D !important;
  color: #ffffff;
}
.dialog-overlay .dialog-container .dialog-btn-delete:focus {
  background: #83001D !important;
  background-color: #83001D !important;
  border: 1px solid #83001D !important;
  box-shadow: 0 0 0 1px #83001D !important;
  border-color: #83001D !important;
  color: #ffffff;
}
.dialog-overlay .dialog-container .dialog-btn-delete.disabled {
  opacity: 0.5 !important;
}

.tabcontrol-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tabcontrol-container .tabcontrol-headers-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #D7DAE2;
  border-bottom: 1px solid #A4AFB7;
  list-style: none;
  margin: 0px;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container {
  padding: 9px;
  cursor: pointer;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: center;
  max-width: 145px;
  background: #D7DAE2;
  color: #222222;
  border-right: 1px solid #A4AFB7;
  border-bottom: 1px solid #A4AFB7;
  z-index: 1;
  margin-bottom: -1px;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container.disabled {
  cursor: default;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container.selected {
  position: relative;
  z-index: 1;
  border-bottom: 2px solid white;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span:before {
  content: "" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 17px !important;
  color: #222222 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span {
  opacity: 0.4;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span:before {
  margin-right: 10px;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.selected {
  color: #222222 !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.patient:before {
  content: "\f2bb" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.cases:before {
  content: "\f0ae" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.user:before {
  content: "\f007" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.TherapistSample:before {
  content: "\f2c1" !important;
}
.tabcontrol-container .tabcontrol-contents-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 9px 21px;
  max-height: calc(100vh - 312px);
  min-height: calc(100vh - 312px);
  overflow-y: overlay;
  overflow-x: hidden;
  margin: 0px;
}
.tabcontrol-container .tabcontrol-contents-container .tabcontrol-content {
  display: none;
  width: 100%;
}
.tabcontrol-container .tabcontrol-contents-container .tabcontrol-content.selected {
  display: block;
}

#MainNav {
  background: #0475D7;
  color: #ffffff;
  border: none;
  border-radius: 0;
}

#drawer {
  display: -webkit-inline-box;
  background-color: #0475D7;
}

.k-drawer-item {
  color: white !important;
  border-bottom: solid 1px #66b8ff !important;
  border-top: solid 1px #03549B !important;
}
.k-drawer-item.landing {
  color: white !important;
  border-bottom: solid 1px #0475D7 !important;
  border-top: solid 1px #0475D7 !important;
}
.k-drawer-item:hover {
  background: #03549B !important;
}
.k-drawer-item.k-state-selected {
  background: #03549B !important;
}

.k-drawer-items ul:before {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 1px #66b8ff !important;
}
.k-drawer-items ul:after {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 1px #03549B !important;
}
.k-drawer-items .menuGrid li.k-state-selected {
  background: #0475D7;
}
.k-drawer-items .menuGrid li.k-state-selected span, .k-drawer-items .menuGrid li.k-state-selected svg {
  color: white;
}

.menuGrid .k-drawer-item.k-state-selected i:before {
  color: white;
}
.menuGrid .k-drawer-item i:before {
  font-size: 30px;
  font-weight: 900;
  color: #0475D7;
  transition: color ease-in-out 0.3s;
}
.menuGrid .k-drawer-item:hover i:before {
  color: white;
}
.menuGrid li {
  margin: 0 13px 26px 13px;
  padding: 17px 26px;
  border: 1px solid #0475D7;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
  flex-basis: calc(50% - 26px);
  align-items: center;
}
.menuGrid li span, .menuGrid li i {
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  color: #0475D7;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
  white-space: normal !important;
}
.menuGrid li svg {
  font-size: 26px;
  color: #0475D7;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border-color ease-in-out 0.3s;
}
.menuGrid li:hover {
  background: #0475D7 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #0475D7;
}

.k-menu-horizontal {
  border-bottom: solid 1px #0475D7 !important;
  border-radius: 0px;
}

.general-error-container {
  display: flex;
  flex-direction: column;
  margin: 17px;
}
.general-error-container .error-container {
  margin-top: 43px;
  display: flex;
  flex-direction: column;
}
.general-error-container .error-container .error-text {
  color: red !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.1;
}
.general-error-container .error-container .details-text {
  margin-top: 43px;
  font-size: 21px !important;
}
.general-error-container .error-container .details {
  margin-top: 17px;
  margin-top: 17px;
  user-select: all !important;
  font-size: 17px !important;
}
.general-error-container .error-container .button-container {
  margin-top: 85px;
  display: flex;
  flex-direction: row;
}
.general-error-container .error-container .button-container .help-desk {
  font-size: 21px !important;
  font-weight: 900 !important;
  color: #1E428A;
  cursor: pointer;
}
.general-error-container .error-container .button-container .ticket {
  margin-left: auto;
  font-size: 21px !important;
  font-weight: 900 !important;
  color: #1E428A;
  cursor: pointer;
}

#addUserBulkFormContainer, #addUserBulkResultFormContainer {
  width: 80%;
  margin: auto;
  margin-top: 17px;
}
#addUserBulkFormContainer #defaultPwdContainer .d2a-control-row, #addUserBulkResultFormContainer #defaultPwdContainer .d2a-control-row {
  width: 50%;
}

.participant-container .k-button, .delete-note-container .k-button, .edit-participant-container .k-button, .edit-campaign-container .k-button, .participant-container .content-container .right-pane-container .item-container.horizontal .k-button, .participant-container .content-container .left-pane-container .item-container.horizontal .k-button, .participant-container .content-container .whole-pane-container .item-container.horizontal .k-button {
  align-self: center;
  min-width: 102px;
  height: 32px;
}

.participant-container .content-container .right-pane-container, .participant-container .content-container .left-pane-container, .participant-container .content-container .whole-pane-container {
  list-style-type: none !important;
}
.participant-container .content-container .right-pane-container .item-container, .participant-container .content-container .left-pane-container .item-container, .participant-container .content-container .whole-pane-container .item-container {
  margin-top: 13px;
  margin-right: 13px;
  display: flex;
  flex-direction: column;
}
.participant-container .content-container .right-pane-container .item-container .patient-id, .participant-container .content-container .left-pane-container .item-container .patient-id, .participant-container .content-container .whole-pane-container .item-container .patient-id {
  width: 100%;
  margin-right: 9px;
}
.participant-container .content-container .right-pane-container .item-container #PatientId_div, .participant-container .content-container .left-pane-container .item-container #PatientId_div, .participant-container .content-container .whole-pane-container .item-container #PatientId_div {
  width: 100%;
}
.participant-container .content-container .right-pane-container .item-container .patient-info, .participant-container .content-container .left-pane-container .item-container .patient-info, .participant-container .content-container .whole-pane-container .item-container .patient-info {
  margin-left: auto;
  margin-right: -13px;
}
.participant-container .content-container .right-pane-container .item-container .content, .participant-container .content-container .left-pane-container .item-container .content, .participant-container .content-container .whole-pane-container .item-container .content {
  height: 170px;
  width: 100%;
  background-color: #fff;
  margin-right: 0px !important;
}
.participant-container .content-container .right-pane-container .item-container .caption, .participant-container .content-container .left-pane-container .item-container .caption, .participant-container .content-container .whole-pane-container .item-container .caption {
  margin: 0px !important;
}
.participant-container .content-container .right-pane-container .item-container .caption.required:before, .participant-container .content-container .left-pane-container .item-container .caption.required:before, .participant-container .content-container .whole-pane-container .item-container .caption.required:before {
  content: "*";
  margin-right: 4px;
  color: #DD0031;
}
.participant-container .content-container .right-pane-container .item-container.horizontal, .participant-container .content-container .left-pane-container .item-container.horizontal, .participant-container .content-container .whole-pane-container .item-container.horizontal {
  flex-direction: row;
}
.participant-container .content-container .right-pane-container .item-container.horizontal .caption, .participant-container .content-container .left-pane-container .item-container.horizontal .caption, .participant-container .content-container .whole-pane-container .item-container.horizontal .caption {
  margin-right: 17px !important;
  margin-left: 0px !important;
  width: auto;
}
.participant-container .content-container .right-pane-container .item-container.responsive, .participant-container .content-container .left-pane-container .item-container.responsive, .participant-container .content-container .whole-pane-container .item-container.responsive {
  flex-wrap: wrap !important;
  margin-right: 0px !important;
}
.participant-container .content-container .right-pane-container .item-container .value, .participant-container .content-container .left-pane-container .item-container .value, .participant-container .content-container .whole-pane-container .item-container .value {
  margin: 0px !important;
  font-weight: 800 !important;
}
.participant-container .content-container .right-pane-container .item-container .value.user:before, .participant-container .content-container .left-pane-container .item-container .value.user:before, .participant-container .content-container .whole-pane-container .item-container .value.user:before {
  content: "\f007" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 15px !important;
  color: #8199AF !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.participant-container .content-container .right-pane-container .item-container .value.user:before, .participant-container .content-container .left-pane-container .item-container .value.user:before, .participant-container .content-container .whole-pane-container .item-container .value.user:before {
  margin-right: 4px;
}

.edit-participant-container, .edit-campaign-container {
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  margin: 9px;
  height: 75vh;
}
.edit-participant-container .edit-participant-content-container, .edit-campaign-container .edit-participant-content-container {
  margin-top: 9px;
  display: grid;
  grid-template-columns: 70% 30%;
}
.edit-participant-container .edit-participant-content-container .notes-container, .edit-campaign-container .edit-participant-content-container .notes-container {
  background: white;
  border-radius: 6px;
  width: 99%;
  margin-left: auto;
  display: flex;
  padding: 0 4px;
  flex-direction: column;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container {
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
  margin-bottom: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .caption-container, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .caption-container {
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  background: #D7DAE2;
  align-items: center;
  padding: 9px;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption {
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption:before {
  content: "\f249" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 17px !important;
  color: #FFD500 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .note-caption {
  vertical-align: sub;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .k-button, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .caption-container .k-button {
  margin-left: auto;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container {
  padding: 9px 17px;
  overflow-y: hidden;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container .note-item, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container .note-item {
  display: flex;
  flex-direction: column;
  margin-top: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container .note-item .note-name, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .note-headers-content-container .note-item .note-name {
  color: #006EB8;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .note-headers-container .note-header-action-container, .edit-campaign-container .edit-participant-content-container .notes-container .note-headers-container .note-header-action-container {
  border-top: 1px solid #D7DAE2;
  text-align: center;
  color: #006EB8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin: -9px;
  padding: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container {
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
  margin-bottom: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container {
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  background: #D7DAE2;
  align-items: center;
  padding: 9px;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .screenings-caption, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .screenings-caption {
  vertical-align: sub;
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .screenings-caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .screenings-caption:before {
  content: "\f733" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 17px !important;
  color: #0093C6 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .k-button, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .caption-container .k-button {
  margin-left: auto;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container {
  padding: 9px 17px;
  overflow-y: hidden;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container .screening-item, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container .screening-item {
  display: flex;
  flex-direction: column;
  margin-top: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container .screening-item .screening-name, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .screening-headers-content-container .screening-item .screening-name {
  color: #006EB8;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .screening-header-action-container, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .screening-header-action-container {
  border-top: 1px solid #D7DAE2;
  text-align: center;
  color: #006EB8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin: -9px;
  padding: 9px;
  display: flex;
}
.edit-participant-container .edit-participant-content-container .notes-container .screening-headers-container .view-report-card, .edit-campaign-container .edit-participant-content-container .notes-container .screening-headers-container .view-report-card {
  margin-left: auto;
}
.edit-participant-container .edit-participant-content-container .notes-container .file-headers-container, .edit-campaign-container .edit-participant-content-container .notes-container .file-headers-container {
  margin-top: 26px;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
}
.edit-participant-container .edit-participant-content-container .notes-container .file-headers-container .caption-container, .edit-campaign-container .edit-participant-content-container .notes-container .file-headers-container .caption-container {
  border-radius: 6px;
  align-items: center;
  display: flex;
  flex-direction: row;
  background: #D7DAE2;
  padding: 9px;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .file-headers-container .caption-container .file-caption, .edit-campaign-container .edit-participant-content-container .notes-container .file-headers-container .caption-container .file-caption {
  vertical-align: sub;
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .file-headers-container .caption-container .file-caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .file-headers-container .caption-container .file-caption:before {
  content: "\f15b" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 17px !important;
  color: #C67F00 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container {
  margin-top: 26px;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .caption-container, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .caption-container {
  border-radius: 6px;
  align-items: center;
  display: flex;
  flex-direction: row;
  background: #D7DAE2;
  padding: 13px 9px;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .caption-container .requirements-caption, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .caption-container .requirements-caption {
  vertical-align: sub;
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .caption-container .requirements-caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .caption-container .requirements-caption:before {
  content: "\f733" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 17px !important;
  color: #0093C6 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items {
  display: flex;
  flex-direction: column;
  padding: 0px 17px;
  margin-top: 9px;
  max-height: 595px;
  overflow-y: auto;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container {
  display: flex;
  flex-direction: column;
  margin-top: 9px;
  margin-bottom: 4px;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .caption, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .caption {
  font-size: 15px !important;
  font-weight: 800 !important;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin-top: 4px;
  padding-left: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption {
  font-size: 14px !important;
  font-weight: 400 !important;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption:before {
  content: "\f058" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  font-size: 13px !important;
  color: #0093C6 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption:before, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption:before {
  margin-right: 4px;
}
.edit-participant-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption.highlighted, .edit-campaign-container .edit-participant-content-container .notes-container .requirements-container .requirements-items .requirements-item-container .requirement-details-container .caption.highlighted {
  color: Red;
  font-weight: 800 !important;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container {
  margin-top: 26px;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .caption-container, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .caption-container {
  border-radius: 6px;
  align-items: center;
  display: flex;
  flex-direction: row;
  background: #D7DAE2;
  padding: 13px 9px;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .caption-container .same-day-campaigns-caption, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .caption-container .same-day-campaigns-caption {
  vertical-align: sub;
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items {
  display: flex;
  flex-direction: column;
  padding: 0px 17px;
  margin-top: 9px;
  max-height: 595px;
  overflow-y: auto;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container {
  display: flex;
  flex-direction: column;
  margin-top: 9px;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .campaign-name, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .campaign-name {
  color: #006EB8;
  font-weight: 700;
  cursor: pointer;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .same-day-campaigns-item-details, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .same-day-campaigns-item-details {
  padding-left: 17px;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .same-day-campaigns-item-details span, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .same-day-campaigns-item-container .same-day-campaigns-item-details span {
  font-size: 12px;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .is-current-campaign-item, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .is-current-campaign-item {
  background: #006EB8;
  color: #ffffff;
  border-radius: 7px;
  padding: 4px;
  margin-left: -4px;
}
.edit-participant-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .is-current-campaign-item .campaign-name, .edit-campaign-container .edit-participant-content-container .notes-container .same-day-campaigns-container .same-day-campaigns-items .is-current-campaign-item .campaign-name {
  color: #ffffff;
  cursor: default;
}

.delete-note-container {
  padding: 0 4px;
}
.delete-note-container .delete-note-item:before {
  content: "\f2ed" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 17px !important;
  color: #DD0031 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.delete-note-container .delete-note-item {
  cursor: pointer;
}

.note-title-link {
  font-weight: 800 !important;
  font-size: 15px !important;
  cursor: pointer;
}

.participant-container {
  background: white;
  border-radius: 6px;
  border: 1px solid #D7DAE2;
  padding: 9px 0;
  width: 100%;
}
.participant-container .header-container {
  border-radius: 6px;
  margin: 0px 9px;
  padding: 13px 9px;
  background: #D7DAE2;
}
.participant-container .header-container .header-caption {
  font-size: 15px !important;
  font-weight: 700 !important;
  vertical-align: sub;
}
.participant-container .content-container {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-right: 34px;
  margin-bottom: 17px;
}
.participant-container .content-container .whole-pane-container {
  grid-column: 1/3;
  max-width: 850px;
}
.participant-container .content-container .right-pane-container {
  grid-column: 2;
}
.participant-container .save-container {
  padding: 13px;
  border: 1px solid #D7DAE2;
  position: sticky;
  background: #D7DAE2;
  bottom: 0px;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
}
#campaign-container .k-grid-content {
  height: calc(100vh - 119px) !important;
}

#ParticipantGrid .k-grid-content {
  height: calc(100vh - 162px) !important;
}

.note-container {
  display: flex;
  flex-direction: column;
}
.note-container .name {
  width: 100%;
  height: 37px;
  box-sizing: border-box;
  padding: 1rem;
  margin: 0;
  border: 1px solid #ccc;
  font-size: 17px;
  background-color: #fff;
  margin-bottom: 9px;
}
.note-container .name:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.note-container .content-container {
  margin-top: 9px !important;
  padding: 17px;
  min-height: 128px;
  max-height: 281px;
  overflow-y: auto;
  border-top: 1px solid #D7DAE2 !important;
}
.note-container .content-container .content {
  height: 255px;
  min-height: 255px;
  width: 100%;
  border: none;
  background-color: #fff;
  padding: 1rem;
  resize: none;
  font-size: 17px;
}
.note-container .content-container .content:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}

.navbar-link {
  color: #006EB8;
  font-weight: 500;
  cursor: pointer;
}

.decline-input {
  color: red;
}

.screen-summary {
  width: 90%;
  text-align: center;
  padding-left: 15rem;
}