@charset "UTF-8";
/* PAGES */
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb.woff2") format("woff2"), url("../lib/din/DINWeb.woff") format("woff"), url("../lib/din/DINWeb.ttf") format("ttf");
  font-display: auto;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-Italic.woff2") format("woff2"), url("../lib/din/DINWeb-Italic.woff") format("woff"), url("../lib/din/DINWeb-Italic.otf") format("otf");
  font-display: auto;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-Bold.woff2") format("woff2"), url("../lib/din/DINWeb-Bold.woff") format("woff"), url("../lib/din/DINWeb-Bold.ttf") format("ttf");
  font-display: auto;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-BoldItalic.woff2") format("woff2"), url("../lib/din/DINWeb-BoldItalic.woff") format("woff"), url("../lib/din/DINWeb-BoldItalic.otf") format("otf");
  font-display: auto;
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-Light.woff2") format("woff2"), url("../lib/din/DINWeb-Light.woff") format("woff"), url("../lib/din/DINWeb-Light.otf") format("otf");
  font-display: auto;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-LightItalic.woff2") format("woff2"), url("../lib/din/DINWeb-LightItalic.woff") format("woff"), url("../lib/din/DINWeb-LightItalic.otf") format("otf");
  font-display: auto;
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-Medium.woff2") format("woff2"), url("../lib/din/DINWeb-Medium.woff") format("woff"), url("../lib/din/DINWeb-Medium.otf") format("otf");
  font-display: auto;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DINWeb";
  src: url("../lib/din/DINWeb-MediumItalic.woff2") format("woff2"), url("../lib/din/DINWeb-MediumItalic.woff") format("woff"), url("../lib/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("../lib/FontAwesome/webfonts/fa-thin-100.eot");
  src: url("../lib/FontAwesome/webfonts/fa-thin-100.eot?#iefix") format("embedded-opentype"), url("../lib/FontAwesome/webfonts/fa-thin-100.woff2") format("woff2"), url("../lib/FontAwesome/webfonts/fa-thin-100.woff") format("woff"), url("../lib/FontAwesome/webfonts/fa-thin-100.ttf") format("truetype"), url("../lib/FontAwesome/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("../lib/FontAwesome/webfonts/fa-light-300.eot");
  src: url("../lib/FontAwesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../lib/FontAwesome/webfonts/fa-light-300.woff2") format("woff2"), url("../lib/FontAwesome/webfonts/fa-light-300.woff") format("woff"), url("../lib/FontAwesome/webfonts/fa-light-300.ttf") format("truetype"), url("../lib/FontAwesome/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("../lib/FontAwesome/webfonts/fa-regular-400.eot");
  src: url("../lib/FontAwesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../lib/FontAwesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../lib/FontAwesome/webfonts/fa-regular-400.woff") format("woff"), url("../lib/FontAwesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../lib/FontAwesome/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("../lib/FontAwesome/webfonts/fa-solid-900.eot");
  src: url("../lib/FontAwesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../lib/FontAwesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../lib/FontAwesome/webfonts/fa-solid-900.woff") format("woff"), url("../lib/FontAwesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../lib/FontAwesome/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: #BC002A;
  font-weight: 500;
  font-size: 13px !important;
  line-height: 16px;
  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: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.btn:hover {
  text-decoration: none;
}
.btn:focus {
  outline: 1px transparent;
}
.btn.disabled {
  opacity: 0.5 !important;
}
.btn {
  min-width: 70px;
  padding: 10px 16px 11px 16px !important;
  font-size: 15px !important;
  line-height: 15px !important;
}
.btn-primary {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff;
}
.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: #0074C2 !important;
  background-color: #0074C2 !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: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.btn-lg:hover {
  text-decoration: none;
}
.btn-lg:focus {
  outline: 1px transparent;
}
.btn-lg.disabled {
  opacity: 0.5 !important;
}
.btn-lg {
  min-width: 160px;
  padding: 17px 30px !important;
  font-size: 18px !important;
  line-height: 22px !important;
}
.btn-sm {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.btn-sm:hover {
  text-decoration: none;
}
.btn-sm:focus {
  outline: 1px transparent;
}
.btn-sm.disabled {
  opacity: 0.5 !important;
}
.btn-sm {
  min-width: 70px;
  padding: 7px 10px !important;
  font-size: 15px !important;
  line-height: 15px !important;
}
.btn-xs {
  display: inline-block;
  font-family: "DINWeb", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.btn-xs:hover {
  text-decoration: none;
}
.btn-xs:focus {
  outline: 1px transparent;
}
.btn-xs.disabled {
  opacity: 0.5 !important;
}
.btn-xs {
  min-width: 70px;
  padding: 7px 10px !important;
  font-size: 15px !important;
  line-height: 15px !important;
}
.btn-xs {
  min-width: auto !important;
}

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

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: 38px;
  height: 38px;
  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;
}
[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: #0074C2 !important;
  background-color: #0074C2 !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: 18px !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: 24px !important;
  color: #000000 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
[class*=btn-cr].text {
  font-weight: 900;
  font-size: 27px;
}
[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: 56px;
  height: 56px;
}

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

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

html {
  -moz-transform-origin: 0 0;
}

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

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

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

h1 {
  font-size: 32px;
  line-height: 45px;
}

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

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

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

h5 {
  font-size: 12px;
  line-height: 20px;
}

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

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

.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: 14px !important;
  font-weight: bold;
}

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

.k-tooltip-validation {
  z-index: 1 !important;
  position: relative !important;
}

.k-tooltip-validation > .k-icon {
  margin-right: 5px;
}

a {
  color: #0074C2;
  font-weight: 500;
}

a:hover {
  color: #0074C2;
}

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

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

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 !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  align-self: end;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

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

.k-primary, #btnSearch {
  color: #ffffff !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-wrap:hover > .k-upload-button {
  background-color: #89b9cd !important;
  border-color: #89b9cd !important;
}

.k-upload-button > input {
  display: contents;
}

.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: 13px 16px 12px 16px !important;
}

.k-dropdown-wrap {
  padding: 2px 16px 2px 16px !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: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  color: #424A52 !important;
  font-size: 14px !important;
  line-height: 14px !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-i-arrow-60-down:before {
  content: "⌄" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 18px !important;
  color: black !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.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: 18px;
  line-height: 18px;
  padding: 11px 35px 10px 33px !important;
}

.logo {
  max-width: 165px;
  width: 150px;
  height: 50px;
}

.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-tooltip {
  max-width: 500px !important;
}

.k-menu .k-item > .k-link {
  padding: 8px 35px 11px 33px !important;
}

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

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

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

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

#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: 24px;
  text-align: center;
  padding-right: 0px !important;
}

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

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

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

.k-drawer-item > .k-item-text {
  margin-left: -5px;
}

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

.menuGrid {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-left: -15px;
  margin-right: -15px;
  max-width: 860px;
}

.menuGrid li {
  margin: 0 15px 30px 15px;
  padding: 20px 30px;
  border: 1px solid #0074C2;
  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% - 30px);
  align-items: center;
}

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

.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: 25px;
  font-weight: 900;
  color: #0074C2;
  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: 22px;
  font-weight: 500;
  color: #0074C2;
  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: 25px;
  color: #0074C2;
  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: #0074C2 !important;
}

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

.k-drawer-wrapper {
  max-width: 240px;
}

.k-drawer-mini .k-drawer-wrapper {
  width: calc(2rem + 16px);
}

input:disabled {
  background: lightgray;
  opacity: 60%;
}

input:hover:disabled {
  background: lightgray;
}

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: 30px;
  font-weight: 700;
}

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

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

.container-Search {
  border: 1px solid #A4AFB7;
  border-radius: 5px;
  padding: 10px 10px 5px 10px;
  background: #f6f6f6;
  width: 100%;
  max-width: 1000px;
}

.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: 29px;
  font-weight: 700;
}

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

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

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

.module__toggle {
  font-family: "ddg-serp-icons";
  font-size: 20px;
  line-height: 32px;
  display: block;
  width: 25px !important;
  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: -21px;
  height: 20px;
  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: 30px;
  color: white;
}

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

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

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

.slide-container {
  background-color: #f2f2f2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px;
  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: 21px;
  height: 21px;
}

.slide-container .close-up:hover {
  color: #0074C2;
}

.slide-container .slide-content-container {
  padding: 15px;
  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: 10px;
  padding-bottom: 10px;
}

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

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

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

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

.hide {
  display: none;
}

.k-widget.k-tooltip-validation {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  align-items: center;
  display: block;
  width: 300px;
  margin-top: 5px;
  top: 5px;
}

.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: flex;
  flex-direction: column;
}

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

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

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

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

.k-input.k-textarea {
  align-items: normal !important;
}

textarea {
  position: relative !important;
}

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

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

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

.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 {
  text-indent: 5px !important;
}

span.form-control {
  padding: 0px !important;
}

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

span.k-textbox {
  display: inline-block !important;
}

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

.k-autocomplete > span .k-icon {
  left: 10px;
}

.k-callout {
  display: none;
}

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

.k-tooltip {
  width: auto;
  background: #ffffcc !important;
  color: black !important;
  border: 1px solid black !important;
}

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

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

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

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

.navbar {
  padding: 0px;
  display: -webkit-inline-box;
  width: 100%;
}

label {
  display: inline;
}

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

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

.breadcrumb {
  border-radius: unset !important;
  margin: 10px;
}

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

.k-content {
  position: relative !important;
  overflow: auto !important;
  height: 100% !important;
}

.k-drawer-items, .k-drawer-items li, .k-menu li {
  margin: 0px !important;
}

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

#request-hr-container .k-grid > div.k-pager.k-grid-pager.k-pager-md > div > div {
  display: none !important;
}

.k-grid > div.k-pager.k-grid-pager.k-pager-md .k-input-inner {
  display: inline-block !important;
  overflow: visible !important;
}

.k-grid > div.k-pager.k-grid-pager.k-pager-md > span.k-pager-sizes > span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md > span.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
  display: contents;
  position: inherit !important;
}

.k-grid > div.k-pager.k-grid-pager.k-pager-md > span.k-pager-sizes > span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md > span.k-input-inner {
  top: 1px;
  margin-left: 10px;
}

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

.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;
}

.k-item.k-menu-item {
  border-right: 1px solid #ccc !important;
}

.k-menu > li.k-state-highlight {
  background: #fff;
}

.k-item.k-menu-item.k-hover {
  background-color: #ebebeb;
  border-color: #aeaeae;
}

span.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
  display: contents;
}

.k-svg-i-caret-alt-down {
  cursor: pointer;
}

.k-input {
  display: inline-flex !important;
  width: 100% !important;
  padding: 0px !important;
}

.k-input-inner {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.form-control.k-input-inner, .form-control.k-input-inner:hover {
  width: 100% !important;
  border: none !important;
  position: absolute;
}

.k-autocomplete > .form-control.k-input-inner, .k-autocomplete > .form-control.k-input-inner {
  position: relative !important;
}

.form-control, .k-input {
  display: inline-flex;
  min-height: 35px;
  border: 1px solid #ced4da !important;
  box-shadow: none !important;
}

.k-editable-area {
  padding: 0px !important;
}

.k-editable-area::-webkit-scrollbar, .k-editable-area {
  display: block !important;
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.k-grid-header .k-with-icon, .k-grid-header .k-filterable {
  padding-right: 0.75rem !important;
}

.k-drawer-item {
  padding: 0.2rem 1rem !important;
}

#hrGridContent {
  height: calc(100vh - 110px) !important;
}

.k-datepicker > .k-input-inner {
  position: relative !important;
}

.apps-button {
  min-width: 100px;
  min-height: 30px;
}

input.form-control:active, input.form-control:hover, span.k-input:active, span.k-input:hover,
span.k-input:focus-within, input.form-control:focus-within {
  border: 1px solid #9CD6EE;
  -webkit-box-shadow: 0 0 10px #9CD6EE;
  box-shadow: 0 0 10px #9CD6EE;
  border-color: #9CD6EE !important;
}

.k-checkbox-list.k-list-vertical, .k-radio-list.k-list-vertical {
  display: block;
}

span.k-datepicker.k-input.k-input-solid.k-input-md.k-rounded-md > button > span > svg {
  display: none !important;
}

#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: lightgrey;
  margin-bottom: 30px;
  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: lightgray;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 50px;
  line-height: 45px;
  margin: 0 auto 10px auto;
  padding: 2px;
  width: 50px;
}

#wizardStepsBar li:after {
  background: lightgray;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 25px;
  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: skyblue;
}

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

#wizardForm label {
  color: gray;
  font-weight: 500;
}

.lappsdialog-overlay {
  position: fixed;
  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;
}
.lappsdialog-overlay .lappsdialog-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: 50%;
  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) {
  .lappsdialog-overlay .lappsdialog-container {
    width: calc(100% - 18px);
  }
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding: 13px;
  background: #0074C2 !important;
  color: white;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header.lappsdialog-error, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header.lappsdialog-validation {
  font-size: 18px !important;
  background: #BC002A !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header.lappsdialog-warning {
  font-size: 18px !important;
  background: #EA932C !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container {
  margin: auto;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-error, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-warning {
  font-size: 16px !important;
  font-weight: 800 !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-error.formtrue, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-warning.formtrue {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-info {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-validation:before {
  content: "\f071" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 25px !important;
  color: #ffffff !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .lappsdialog-header-container span.lappsdialog-validation:before {
  display: block;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-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;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .close-dialog-button svg {
  width: 24px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .close-dialog-button:hover {
  background: rgb(0, 0, 0);
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container {
  padding-right: 15px !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .minimize-container {
  margin-left: auto;
  display: flex;
  align-items: flex-start;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .maximize-container {
  margin-left: auto;
  display: none;
  align-items: center;
  opacity: 0;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-window-minimize, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-window-maximize, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-xmark {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px !important;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-window-minimize:hover, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-window-maximize:hover, .lappsdialog-overlay .lappsdialog-container .lappsdialog-header .min-max-container .fa-xmark:hover {
  color: rgb(0, 0, 0);
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-body {
  padding: 20px;
  white-space: pre-wrap;
  max-height: 467px;
  overflow-y: auto;
  overflow-x: hidden;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-body.formtrue {
  white-space: normal;
  height: 65vh;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-body.frame {
  padding: 5px;
  white-space: normal;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-body.frame .dialog-frame {
  width: 100%;
  height: 65vh;
  max-height: 467px;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-body.large-contenttrue {
  padding: 0px;
  white-space: normal;
  overflow-y: hidden;
  max-height: none;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-footer {
  padding: 15px 25px;
  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);
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-footer.compact-buttonstrue {
  justify-content: flex-start;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-footer.compact-buttonstrue .btn {
  margin-left: 8px;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-primary {
  background: #1E428A !important;
  background-color: #1E428A !important;
  border: 1px solid #1E428A !important;
  border-color: #1E428A !important;
  color: #ffffff;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-primary:hover, .lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-primary:active {
  background: #052971 !important;
  background-color: #052971 !important;
  border: 1px solid #052971 !important;
  border-color: #052971 !important;
  color: #ffffff;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-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;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-primary.disabled {
  background: #0074C2 !important;
  background-color: #0074C2 !important;
  opacity: 1;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-print {
  margin-right: auto;
  background: #9CD6EE !important;
  background-color: #9CD6EE !important;
  border: 1px solid #9CD6EE !important;
  border-color: #9CD6EE !important;
  color: #222222;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-print:hover, .lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-print:active {
  background: #59C7F5 !important;
  background-color: #59C7F5 !important;
  border: 1px solid #59C7F5 !important;
  border-color: #59C7F5 !important;
  color: #222222;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-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;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-print.disabled {
  opacity: 0.5 !important;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-delete {
  margin-right: auto;
  background: #BC002A !important;
  background-color: #BC002A !important;
  border: 1px solid #BC002A !important;
  border-color: #BC002A !important;
  color: #ffffff;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-delete:hover, .lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-delete:active {
  background: #83001D !important;
  background-color: #83001D !important;
  border: 1px solid #83001D !important;
  border-color: #83001D !important;
  color: #ffffff;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-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;
}
.lappsdialog-overlay .lappsdialog-container .lappsdialog-btn-delete.disabled {
  opacity: 0.5 !important;
}

.lappsstatus-overlay {
  display: flex;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1;
  flex-direction: row;
  align-items: stretch;
}
.lappsstatus-overlay .lappsstatus-container {
  display: flex;
  z-index: 10000;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  justify-content: center;
  align-content: stretch;
  flex-direction: column;
}
.lappsstatus-overlay .lappsstatus-container .spinner {
  font-size: 40px !important;
  color: #EA932C;
}

.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;
  border-top: 1px solid #A4AFB7;
  list-style: none;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container {
  padding: 5px;
  cursor: pointer;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: center;
  max-width: 150px;
  background: #D7DAE2;
  color: #222222;
  border-right: 1px solid #A4AFB7;
  border-bottom: 1px solid #A4AFB7;
  border-top: 1px solid #A4AFB7;
  margin-bottom: -1px !important;
  margin-top: -1px !important;
  z-index: 1;
}
.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: 1px solid black;
  border-top: 1px solid black;
  margin-bottom: -1px !important;
  margin-top: -1px !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container.extrawide {
  max-width: 280px;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span:before {
  content: "" !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 18px !important;
  color: #222222 !important;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span:before {
  margin-right: 12px;
  color: #0074C2 !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.rowcount {
  opacity: 1 !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.rowcount:before {
  margin-right: 0px;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.selected {
  color: white !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.therapist:before {
  content: "\f2c1" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.info:before {
  content: "\f2c2" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.attachments:before {
  content: "\f15b" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.notes:before {
  content: "\f249" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.services:before {
  content: "\f1c0" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.timelines:before {
  content: "\e29c" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.messages:before {
  content: "\e170" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.external:before {
  content: "\e170" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.system:before {
  content: "\f2c1" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.report:before {
  content: "\f080" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.invoice:before {
  content: "\f571" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.appointment:before {
  content: "\f274" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.forms:before {
  content: "\f328" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.cancel:before {
  content: "\f05e" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.cancel-list:before {
  content: "\f846" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.other-referrals:before {
  content: "\f0ce" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.call-attempts:before {
  content: "\f095" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.pending:before {
  content: "\f07c" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.review:before {
  content: "\f002" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.complete:before {
  content: "\f00c" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.email:before {
  content: "\f0e0" !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: 0 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  overflow-y: overlay;
  overflow-x: hidden;
}
.tabcontrol-container .tabcontrol-contents-container .tabcontrol-content {
  display: none;
  width: 100%;
}
.tabcontrol-container .tabcontrol-contents-container .tabcontrol-content.selected {
  display: block;
}

.lappstooltip-container {
  display: block;
  background: white;
  border: 2px solid black;
  padding: 3px 6px;
  border-radius: 5px;
  opacity: 0;
  z-index: 8000;
  position: absolute;
  pointer-events: none;
  max-width: 600px;
}
.lappstooltip-container .content {
  font-weight: 600;
  color: black;
  overflow-wrap: anywhere;
}

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