@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;
}
/* font family files */
@font-face {
  font-family: "DINWeb";
  font-display: auto;
  src: url("/CSS/webfonts/din/DINWeb.woff2") format("woff2"), url("/CSS/webfonts/din/DINWeb.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Italic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Italic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Italic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Italic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Bold";
  font-display: auto;
  src: url("/CSS/webfonts/din/DINWeb-Bold.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Bold.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Bold.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-BoldItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Light";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Light.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Light.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Light.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-LightItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Medium";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Medium.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Medium.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Medium.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-MediumItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Black";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Black.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Black.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Black.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "FontAwesome-Brands";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "FontAwesome";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "FontAwesome";
  font-display: auto;
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Archer";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.eot");
  src: url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.woff") format("woff"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.ttf") format("truetype"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.svg#Archer-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
/* Open Sans */
@font-face {
  font-family: "Open Sans";
  src: url("/CSS/webfonts/static/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-Bold";
  src: url("/CSS/webfonts/static/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-BoldItalic";
  font-style: italic;
  font-weight: 700;
  src: url("/CSS/webfonts/static/OpenSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/CSS/webfonts/static/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Light";
  font-style: normal;
  font-weight: 300;
  src: url("/CSS/webfonts/static/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-LightItalic";
  font-style: italic;
  font-weight: 300;
  src: url("/CSS/webfonts/static/OpenSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/CSS/webfonts/static/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-MediumItalic";
  font-style: italic;
  font-weight: 500;
  src: url("/CSS/webfonts/static/OpenSans-MediumItalic.ttf") format("truetype");
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXV0poK5.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXx0poK5.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXd0poK5.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0poK5.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0pg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* Colors: */
  ---44c8f5: #44C8F5;
  ---132e64: #132E64;
  ---f9f9f9: #F9F9F9;
  ---0074c2: #0074C2;
  ---0051a1: #0051A1;
  --unnamed-color-1e428a: #1E428A;
  --unnamed-color-43425d: #43425D;
  /* Font/text values */
  --unnamed-font-family-roboto: Roboto;
  --unnamed-font-family-open-sans: Open Sans;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-600: 510px;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-size-15: 13px;
  --unnamed-font-size-22: 19px;
  --unnamed-font-size-24: 20px;
  --unnamed-font-size-36: 31px;
  --unnamed-font-size-50: 43px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-25: 21px;
  --unnamed-line-spacing-58: 49px;
  --unnamed-line-spacing-24-5: 21px;
  --unnamed-line-spacing-26-399999618530273: 26.399999618530273px;
  --unnamed-line-spacing-39-5: 34px;
}

/* Character Styles */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-roboto);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-43425d);
}

.open-sans---22pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-22);
  line-height: var(--unnamed-line-spacing-24-5);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---36pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-36);
  line-height: var(--unnamed-line-spacing-39-5);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---24pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-24);
  line-height: var(--unnamed-line-spacing-26-399999618530273);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---50pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-50);
  line-height: var(--unnamed-line-spacing-58);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

@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;
}
/* font family files */
@font-face {
  font-family: "DINWeb";
  font-display: auto;
  src: url("/CSS/webfonts/din/DINWeb.woff2") format("woff2"), url("/CSS/webfonts/din/DINWeb.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Italic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Italic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Italic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Italic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Bold";
  font-display: auto;
  src: url("/CSS/webfonts/din/DINWeb-Bold.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Bold.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Bold.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-BoldItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-BoldItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Light";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Light.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Light.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Light.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-LightItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-LightItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Medium";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Medium.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Medium.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Medium.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-MediumItalic";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-MediumItalic.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "DINWeb-Black";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/din/DINWeb-Black.woff2") format("woff2"), url("/themes/custom/vp/fonts/din/DINWeb-Black.woff") format("woff"), url("/themes/custom/vp/fonts/din/DINWeb-Black.otf") format("otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "FontAwesome-Brands";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "FontAwesome";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "FontAwesome";
  font-display: auto;
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.eot");
  src: url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.woff2") format("woff2"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.woff") format("woff"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.ttf") format("truetype"), url("/themes/custom/vp/fonts/FontAwesome/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Archer";
  font-display: auto;
  src: url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.eot");
  src: url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.woff2") format("woff2"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.woff") format("woff"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.ttf") format("truetype"), url("/themes/custom/vp/fonts/archer/Archer-MediumItalic.svg#Archer-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
/* Open Sans */
@font-face {
  font-family: "Open Sans";
  src: url("/CSS/webfonts/static/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-Bold";
  src: url("/CSS/webfonts/static/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-BoldItalic";
  font-style: italic;
  font-weight: 700;
  src: url("/CSS/webfonts/static/OpenSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/CSS/webfonts/static/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Light";
  font-style: normal;
  font-weight: 300;
  src: url("/CSS/webfonts/static/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-LightItalic";
  font-style: italic;
  font-weight: 300;
  src: url("/CSS/webfonts/static/OpenSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/CSS/webfonts/static/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans-MediumItalic";
  font-style: italic;
  font-weight: 500;
  src: url("/CSS/webfonts/static/OpenSans-MediumItalic.ttf") format("truetype");
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXV0poK5.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXx0poK5.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXd0poK5.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0poK5.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0pg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* Colors: */
  ---44c8f5: #44C8F5;
  ---132e64: #132E64;
  ---f9f9f9: #F9F9F9;
  ---0074c2: #0074C2;
  ---0051a1: #0051A1;
  --unnamed-color-1e428a: #1E428A;
  --unnamed-color-43425d: #43425D;
  /* Font/text values */
  --unnamed-font-family-roboto: Roboto;
  --unnamed-font-family-open-sans: Open Sans;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-600: 510px;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-size-15: 13px;
  --unnamed-font-size-22: 19px;
  --unnamed-font-size-24: 20px;
  --unnamed-font-size-36: 31px;
  --unnamed-font-size-50: 43px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-25: 21px;
  --unnamed-line-spacing-58: 49px;
  --unnamed-line-spacing-24-5: 21px;
  --unnamed-line-spacing-26-399999618530273: 26.399999618530273px;
  --unnamed-line-spacing-39-5: 34px;
}

/* Character Styles */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-roboto);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-43425d);
}

.open-sans---22pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-22);
  line-height: var(--unnamed-line-spacing-24-5);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---36pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-36);
  line-height: var(--unnamed-line-spacing-39-5);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---24pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-24);
  line-height: var(--unnamed-line-spacing-26-399999618530273);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

.open-sans---50pt {
  font-family: var(--unnamed-font-family-open-sans);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-50);
  line-height: var(--unnamed-line-spacing-58);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-1e428a);
}

/******************************* 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: "Open Sans", 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;
}
.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: "Open Sans", 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: "Open Sans", 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: "Open Sans", 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;
}
[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: 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: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: "Open Sans", 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;
}

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: #0074C2;
  font-weight: 500;
}

a:hover {
  color: #0074C2;
}

.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: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-weight: 500;
  color: #000000 !important;
  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;
}

#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;
  display: flex;
  align-items: center;
}

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

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

.k-icon {
  font-size: 14px !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 #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% - 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: #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: 26px;
  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: 20px;
  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: 26px;
  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;
}

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: #0074C2;
}

.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% !important;
}

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;
  display: -webkit-inline-box;
  width: 100%;
}

label {
  display: inline;
}

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

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

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

.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;
  font-weight: bold;
}

div.k-grid-norecords {
  display: none;
}

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

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

::-webkit-scrollbar-thumb {
  background: #0074C2;
  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: #2699FB !important;
}

.k-picker > .k-input-inner {
  margin-left: 4px !important;
  color: #2699FB !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: #2699FB !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%;
  padding-left: 43px;
  margin-top: 34px;
  padding-bottom: 0px;
  width: 95%;
}

.accountingDiv {
  padding-left: 43px;
  margin-top: 34px;
  padding-bottom: 0px;
  width: 95%;
}

.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: #2699FB !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;
}*/
.contentAreaBody {
  background-image: url("../../images/BG_dashboard.png");
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 31px;
}

/* WIDGETS */
.widget {
  padding-right: 127px;
  padding-left: 31px;
  padding-bottom: 31px;
  padding-top: 30px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}

.widget-content-section {
  padding-top: 30px;
}

#main-content {
  overflow: hidden;
  margin: 0;
  min-height: 493px;
  vertical-align: top;
}

#contentPage, #contentSummaryPage {
  padding-left: 51px;
  margin-top: 51px;
  padding-bottom: 0px;
}

#contentPage > h1, h2, h3, h4, h5, h6,
#contentSummaryPage > h1, h2, h3, h4, h5, h6 {
  padding: 0%;
}

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

.overlayDiv {
  width: 100%;
  height: 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: #2699FB;
  background-color: #BCE0FD;
  border: 1px solid #2699FB;
  border-radius: 13px;
}

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

.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 #2699FB;
}

.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: #2699FB;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
}

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

.d2a-table tbody tr {
  color: #2699FB;
  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: #2699FB !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: #2699FB;
  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: #2699FB !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: #2699FB;
  font-family: Arial;
  font-weight: bold;
  font-size: 31px;
}

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

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

.d2a-label {
  color: #2699FB;
  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: #2699FB;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
}

.d2a-text-small {
  color: #2699FB;
  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: #2699FB;
  width: 100%;
}

.d2a-input-textbox-assessmed, .d2a-input-textarea-sessessmed {
  display: inline-block;
  border: 1px solid #BCE0FD;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: #2699FB;
  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: #2699fb;
  border: 1px solid #BCE0FD !important;
  background-color: white;
}

.bootstrap-select .dropdown-menu > li > a {
  color: #2699fb;
}

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

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

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

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

.form-control {
  color: #2699FB;
}

:-ms-input-placeholder.form-control {
  color: #2699FB;
}

.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: #2699FB;
  /* 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: #2699FB;
  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: #2699FB;
}

.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: #2699FB;
  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: #2699FB;
  border-color: #2699FB;
  -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: #2699FB;
  background-color: #fff;
  border-color: #2699FB;
  -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: lightgrey;
  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: lightgray;
  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: lightgray;
  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: skyblue;
}

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

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

.dialog-overlay {
  position: absolute;
  z-index: 1999999999;
  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: 425px;
  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: 2999999999;
}
@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: #0074C2 !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: 25px !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;
}
.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: #0074C2 !important;
  background-color: #0074C2 !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;
  opacity: 0.4;
}
.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.6;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span label {
  opacity: 0.6;
}
.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;
  opacity: 1;
}
.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.examinee:before {
  content: "\f05a" !important;
}
.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.service:before {
  content: "\f05a" !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 - 170px);
  min-height: calc(100vh - 170px);
  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;
  opacity: 1;
}

.tabcontrol-container .tabcontrol-headers-container .tabcontrol-header-container span.selected {
  color: #222222 !important;
}

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

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

.k-drawer-item {
  color: white !important;
  /*border-bottom: solid 1px variables.$d2aBlueLight !important;
  border-top: solid 1px variables.$d2aBlueDark !important;*/
  border-bottom: solid 1px #132E64 !important;
}
.k-drawer-item.landing {
  color: white !important;
  border-bottom: solid 1px #1E428A !important;
  border-top: solid 1px #1E428A !important;
}
.k-drawer-item:hover {
  background: #132E64 !important;
}
.k-drawer-item.k-state-selected {
  background: #132E64 !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 #132E64 !important;
}
.k-drawer-items .menuGrid li.k-state-selected {
  background: #1E428A;
}
.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: 26px;
  font-weight: 900;
  color: #1E428A;
  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 #1E428A;
  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: #1E428A;
  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: #1E428A;
  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: #1E428A !important;
}

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

.k-menu-horizontal {
  border-bottom: solid 1px #1E428A !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%;
}

:root {
  /* Colors: */
  ---44c8f5: #44C8F5;
  ---132e64: #132E64;
  ---f9f9f9: #F9F9F9;
  ---0074c2: #0074C2;
  ---0051a1: #0051A1;
  --unnamed-color-1e428a: #1E428A;
  --unnamed-color-43425d: #43425D;
  /* Font/text values */
  --unnamed-font-family-roboto: Roboto;
  --unnamed-font-family-open-sans: Open Sans;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-600: 510px;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-size-15: 13px;
  --unnamed-font-size-22: 19px;
  --unnamed-font-size-24: 20px;
  --unnamed-font-size-36: 31px;
  --unnamed-font-size-50: 43px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-25: 21px;
  --unnamed-line-spacing-58: 49px;
  --unnamed-line-spacing-24-5: 21px;
  --unnamed-line-spacing-26-399999618530273: 26.399999618530273px;
  --unnamed-line-spacing-39-5: 34px;
}

/* Character Styles */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-roboto);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-43425d);
}