@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}



@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}




@keyframes clipRotateAnim {
  to {
    transform: rotate(360deg);
  }
}









:root {
  --white: #ffffff;
  --white10: #fdfdfd;
  --white20: #fbfbfb;
  --black: #454555;
  --gray10: #f9f9f9;
  --gray20: #f3f3f4;
  --gray30: #dcdee0;
  --gray40: #c1c5c8;
  --gray50: #6e757c;
  --gray60: #2a3742;
  --blue10: #e5f3ff;
  --blue20: #7eaafd;
  --blue30: #4686ff;
  --blue40: #276df6;
  --blue50: #165ada;
  --blue60: #134fbf;
  --blue70: #0041bf;
  --blue80: #000C76;
  --blue90: #081631;
  --blue61: #1b6eac;
  --red10: #fdedf0;
  --red30: #f0516e;
  --red40: #e01e40;
  --red50: #c91536;
  --red60: #e7144a;
  --purple10: #f4ebf8;
  --purple40: #963bbe;
  --purple70: #541f6b;
  --yellow10: #fff6d6;
  --yellow40: #ffbf1f;
  --yellow50: #cd9b1d;
  --yellow70: #69500f;
  --green10: #e8f5ee;
  --green30: #1bac6e;
  --green40: #1ca35e;
  --green50: #20784a;
  --grad-purple50: #7063e7;
  --grad-purple40: #9559d6;
  --grad-purple30: #ad50c3;
  --grad-purple20: #be48b0;
  --grad-purple10: #c9439c;
}


:root {
  --white: #ffffff;
  --black: 000000;
  --blue: #d9edff;
  
  --blue100: #e5f8ff;
  --blue200: #bfe4ff;
  --blue300: #a8d9ff;
  --blue400: #87c5ff;
  --blue500: #0f5cf5;
  --blue600: #0048b0;
  --blue700: #003080;
  --blue800: #001840;
  --blue900: #000020;
  --red700: #bf2600;
  --red600: #de350b;
  --red500: #ff5630;
  --red400: #ff7452;
  --red300: #ff8f73;
  --red200: #ffbdad;
  --red100: #ffebe6;
  --teal900: #001e1c;
  --teal800: #003d38;
  --teal700: #005b55;
  --teal600: #007a71;
  --teal500: #008077;
  --teal400: #27ada3;
  --teal300: #4dc1b9;
  --teal200: #74d6ce;
  --teal100: #9aeae4;
  --green700: #006644;
  --green600: #00875a;
  --green500: #36b37e;
  --green400: #57d9a3;
  --green300: #79f2c0;
  --green200: #abf5d1;
  --green100: #e3fcef;
  --yellow100: #fffae6;
  --yellow200: #fff0b3;
  --yellow300: #ffe380;
  --yellow400: #ffc400;
  --yellow500: #ffab00;
  --yellow600: #ff991f;
  --yellow700: #ff8b00;
  --orange100: #ffe4cf;
  --orange200: #ffc9a0;
  --orange300: #ffae70;
  --orange400: #ff9341;
  --orange500: #ff7811;
  --orange600: #ff6f00;
  --orange700: #99480a;
  --orange800: #663007;
  --orange900: #331803;
  --gray100: #f9f9f9;
  --gray200: #f3f3f4;
  --gray300: #dcdee0;
  --gray400: #c1c5c8;
  --gray500: #697077;
  --gray600: #2a3742;
  --gray700: #192128;
  --gray800: #11161a;
  --gray900: #080b0d;
  --dark-base: #2a3742;
  --dark-highlight: #d2dbe2;
  --dark-grid-border: #4d6e8a;
  --dark-bg-light: #354553;
  --dark-border: #212c35;
  --dark-table-header-color: hsl(219.9130434783, 97%, 85.9803921569%);
  --dark-subtle-text: hsl(219.9130434783, 97%, 90.9803921569%);
}


@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-thinit-webfont.woff2") format("woff2"), url("../fonts/proximanova-thinit-webfont.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-thin-webfont.woff2") format("woff2"), url("../fonts/proximanova-thin-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-lightit-webfont.woff2") format("woff2"), url("../fonts/proximanova-lightit-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-regularit-webfont.woff2") format("woff2"), url("../fonts/proximanova-regularit-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-mediumit-webfont.woff2") format("woff2"), url("../fonts/proximanova-mediumit-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-medium-webfont.woff2") format("woff2"), url("../fonts/proximanova-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-semiboldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-semiboldit-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-boldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-boldit-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-extraboldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-extraboldit-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-extrabold-webfont.woff2") format("woff2"), url("../fonts/proximanova-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-blackit-webfont.woff2") format("woff2"), url("../fonts/proximanova-blackit-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-black-webfont.woff2") format("woff2"), url("../fonts/proximanova-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "prism_custom";
  src: url("../fonts/prism_custom/fonts/prism_custom.woff2") format("woff2"), url("../fonts/prism_custom/fonts/prism_custom.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=prism-icons-],
[class*=" prism-icons-"] {
  font-family: "prism_custom" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=prism-icons-]:before,
[class*=" prism-icons-"]:before {
  font-family: "prism_custom" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.prism-icons-access-rights:before {
  content: "\e1a7";
}

.prism-icons-access-rights-solid:before {
  content: "\e1a8";
}

.prism-icons-activate:before {
  content: "\e1a9";
}

.prism-icons-add-note:before {
  content: "\e1aa";
}

.prism-icons-add-note-solid:before {
  content: "\e1ab";
}

.prism-icons-admin-reset:before {
  content: "\e1ac";
}

.prism-icons-ai:before {
  content: "\e1ad";
}

.prism-icons-ai-chatbot-light:before {
  content: "\e1ae";
}

.prism-icons-ai-chatbot-regular:before {
  content: "\e1af";
}

.prism-icons-ai-chatbot-solid:before {
  content: "\e1b0";
}

.prism-icons-ai-chatbot-thin:before {
  content: "\e1b1";
}

.prism-icons-api:before {
  content: "\e1b2";
}

.prism-icons-battery-light:before {
  content: "\e1b3";
}

.prism-icons-battery-regular:before {
  content: "\e1b4";
}

.prism-icons-battery-solid:before {
  content: "\e1b5";
}

.prism-icons-battery-thin:before {
  content: "\e1b6";
}

.prism-icons-benadmin:before {
  content: "\e1b7";
}

.prism-icons-benefits:before {
  content: "\e1b8";
}

.prism-icons-benefits-administration:before {
  content: "\e1b9";
}

.prism-icons-benefits-alt:before {
  content: "\e1ba";
}

.prism-icons-benefits-solid:before {
  content: "\e1bb";
}

.prism-icons-box:before {
  content: "\e1bc";
}

.prism-icons-breadcrumb:before {
  content: "\e1bd";
}

.prism-icons-calendar-1:before {
  content: "\e1be";
}

.prism-icons-check-1:before {
  content: "\e1bf";
}

.prism-icons-checkbox:before {
  content: "\e1c0";
}

.prism-icons-checkbox-group:before {
  content: "\e1c1";
}

.prism-icons-checkbox-solid:before {
  content: "\e1c2";
}

.prism-icons-chrome:before {
  content: "\e1c3";
}

.prism-icons-clock:before {
  content: "\e1c4";
}

.prism-icons-clock-solid:before {
  content: "\e1c5";
}

.prism-icons-cog-light:before {
  content: "\e1c6";
}

.prism-icons-cog-regular:before {
  content: "\e1c7";
}

.prism-icons-cog-solid:before {
  content: "\e1c8";
}

.prism-icons-cog-thin:before {
  content: "\e1c9";
}

.prism-icons-create-file:before {
  content: "\e1ca";
}

.prism-icons-create-requisitions:before {
  content: "\e1cb";
}

.prism-icons-cut-light:before {
  content: "\e1cc";
}

.prism-icons-cut-solid:before {
  content: "\e1cd";
}

.prism-icons-cut-thin:before {
  content: "\e1ce";
}

.prism-icons-dashboard:before {
  content: "\e1cf";
}

.prism-icons-dashboard-alt:before {
  content: "\e1d0";
}

.prism-icons-dashboard-alt-2:before {
  content: "\e1d1";
}

.prism-icons-dashboard-alt-2-solid:before {
  content: "\e1d2";
}

.prism-icons-dashboard-alt-3:before {
  content: "\e1d3";
}

.prism-icons-dashboard-alt-3-solid:before {
  content: "\e1d4";
}

.prism-icons-dashboard-alt-4:before {
  content: "\e1d5";
}

.prism-icons-dashboard-alt-4-solid:before {
  content: "\e1d6";
}

.prism-icons-dashboard-alt-solid:before {
  content: "\e1d7";
}

.prism-icons-dashboard-solid:before {
  content: "\e1d8";
}

.prism-icons-dependents:before {
  content: "\e1d9";
}

.prism-icons-drag-handle-left:before {
  content: "\e1da";
}

.prism-icons-drag-handle-left-top:before {
  content: "\e1db";
}

.prism-icons-drag-handle-right:before {
  content: "\e1dc";
}

.prism-icons-drag-handle-right-top:before {
  content: "\e1dd";
}

.prism-icons-edge:before {
  content: "\e1de";
}

.prism-icons-edi:before {
  content: "\e1df";
}

.prism-icons-edit:before {
  content: "\e1e0";
}

.prism-icons-edit-solid:before {
  content: "\e1e1";
}

.prism-icons-ee-management:before {
  content: "\e1e2";
}

.prism-icons-ee-management-solid:before {
  content: "\e1e3";
}

.prism-icons-employee:before {
  content: "\e1e4";
}

.prism-icons-employee-light:before {
  content: "\e1e5";
}

.prism-icons-employee-regular:before {
  content: "\e1e6";
}

.prism-icons-employee-reset:before {
  content: "\e1e7";
}

.prism-icons-employee-solid:before {
  content: "\e1e8";
}

.prism-icons-employee-thin:before {
  content: "\e1e9";
}

.prism-icons-enrollment-management:before {
  content: "\e1ea";
}

.prism-icons-enrollment-management-solid:before {
  content: "\e1eb";
}

.prism-icons-e-verify:before {
  content: "\e1ec";
}

.prism-icons-file:before {
  content: "\e1ed";
}

.prism-icons-firefox:before {
  content: "\e1ee";
}

.prism-icons-form-select:before {
  content: "\e1ef";
}

.prism-icons-form-select-solid:before {
  content: "\e1f0";
}

.prism-icons-global-settings:before {
  content: "\e1f1";
}

.prism-icons-grid-list:before {
  content: "\e1f2";
}

.prism-icons-grid-list-light:before {
  content: "\e1f3";
}

.prism-icons-grid-list-thin:before {
  content: "\e1f4";
}

.prism-icons-heart:before {
  content: "\e1f5";
}

.prism-icons-hire:before {
  content: "\e1f6";
}

.prism-icons-hiring:before {
  content: "\e1f7";
}

.prism-icons-hiring-solid:before {
  content: "\e1f8";
}

.prism-icons-history:before {
  content: "\e1f9";
}

.prism-icons-image-light:before {
  content: "\e1fa";
}

.prism-icons-image-normal:before {
  content: "\e1fb";
}

.prism-icons-image-solid:before {
  content: "\e1fc";
}

.prism-icons-image-thin:before {
  content: "\e1fd";
}

.prism-icons-irs-annual-settings:before {
  content: "\e1fe";
}

.prism-icons-light-bulb:before {
  content: "\e1ff";
}

.prism-icons-light-bulb-solid:before {
  content: "\e200";
}

.prism-icons-list:before {
  content: "\e201";
}

.prism-icons-locked-box:before {
  content: "\e202";
}

.prism-icons-locked-box-solid:before {
  content: "\e203";
}

.prism-icons-magnifying-glass:before {
  content: "\e204";
}

.prism-icons-magnifying-glass-2:before {
  content: "\e205";
}

.prism-icons-magnifying-glass-3:before {
  content: "\e206";
}

.prism-icons-magnifying-glass-4:before {
  content: "\e207";
}

.prism-icons-magnifying-glass-add:before {
  content: "\e208";
}

.prism-icons-magnifying-glass-subtract:before {
  content: "\e209";
}

.prism-icons-manager:before {
  content: "\e20a";
}

.prism-icons-manager-light:before {
  content: "\e20b";
}

.prism-icons-manager-regular:before {
  content: "\e20c";
}

.prism-icons-manager-solid:before {
  content: "\e20d";
}

.prism-icons-manager-thin:before {
  content: "\e20e";
}

.prism-icons-modify-position:before {
  content: "\e20f";
}

.prism-icons-modify-position-alt:before {
  content: "\e210";
}

.prism-icons-nav-template:before {
  content: "\e211";
}

.prism-icons-onboarding:before {
  content: "\e212";
}

.prism-icons-pen:before {
  content: "\e213";
}

.prism-icons-performance-management:before {
  content: "\e214";
}

.prism-icons-pixel-heart:before {
  content: "\e215";
}

.prism-icons-pixel-heart-solid:before {
  content: "\e216";
}

.prism-icons-pixel-star:before {
  content: "\e217";
}

.prism-icons-pixel-star-smile:before {
  content: "\e218";
}

.prism-icons-pixel-star-solid:before {
  content: "\e219";
}

.prism-icons-position-description-report:before {
  content: "\e21a";
}

.prism-icons-post:before {
  content: "\e21b";
}

.prism-icons-preview-file:before {
  content: "\e21c";
}

.prism-icons-preview-post:before {
  content: "\e21d";
}

.prism-icons-prism:before {
  content: "\e21e";
}

.prism-icons-publish:before {
  content: "\e21f";
}

.prism-icons-qr-code:before {
  content: "\e220";
}

.prism-icons-radio-button:before {
  content: "\e221";
}

.prism-icons-radio-button-heavy:before {
  content: "\e222";
}

.prism-icons-radio-button-thin:before {
  content: "\e223";
}

.prism-icons-recall:before {
  content: "\e224";
}

.prism-icons-redo:before {
  content: "\e225";
}

.prism-icons-reflect:before {
  content: "\e226";
}

.prism-icons-rename:before {
  content: "\e227";
}

.prism-icons-report-center:before {
  content: "\e228";
}

.prism-icons-report-management:before {
  content: "\e229";
}

.prism-icons-report-management-solid:before {
  content: "\e22a";
}

.prism-icons-reports:before {
  content: "\e22b";
}

.prism-icons-request-file:before {
  content: "\e22c";
}

.prism-icons-routing:before {
  content: "\e22d";
}

.prism-icons-screen:before {
  content: "\e22e";
}

.prism-icons-settings:before {
  content: "\e22f";
}

.prism-icons-settings-block:before {
  content: "\e230";
}

.prism-icons-settings-block-alt:before {
  content: "\e231";
}

.prism-icons-settings-file:before {
  content: "\e232";
}

.prism-icons-share-file:before {
  content: "\e233";
}

.prism-icons-share-light:before {
  content: "\e234";
}

.prism-icons-share-regular:before {
  content: "\e235";
}

.prism-icons-share-solid:before {
  content: "\e236";
}

.prism-icons-share-thin:before {
  content: "\e237";
}

.prism-icons-star:before {
  content: "\e238";
}

.prism-icons-star-1:before {
  content: "\e239";
}

.prism-icons-star-2:before {
  content: "\e23a";
}

.prism-icons-star-3:before {
  content: "\e23b";
}

.prism-icons-talentmanagement:before {
  content: "\e23c";
}

.prism-icons-terminate:before {
  content: "\e23d";
}

.prism-icons-text-area:before {
  content: "\e23e";
}

.prism-icons-toolbox:before {
  content: "\e23f";
}

.prism-icons-toolbox-solid:before {
  content: "\e240";
}

.prism-icons-transfer-management:before {
  content: "\e241";
}

.prism-icons-transfer-management-alt:before {
  content: "\e242";
}

.prism-icons-tutorial:before {
  content: "\e243";
}

.prism-icons-tutorial-alt:before {
  content: "\e244";
}

.prism-icons-tutorial-alt-solid:before {
  content: "\e245";
}

.prism-icons-tv:before {
  content: "\e246";
}

.prism-icons-undo:before {
  content: "\e247";
}

.prism-icons-unroute:before {
  content: "\e248";
}

.prism-icons-view-client:before {
  content: "\e249";
}

.prism-icons-view-file:before {
  content: "\e24a";
}

.prism-icons-view-request:before {
  content: "\e24b";
}

.prism-icons-wizard:before {
  content: "\e24c";
}

.prism-icons-x-mark:before {
  content: "\e24d";
}

.prism-icons-ai-chatbot-square-light:before {
  content: "\e24e";
}

.prism-icons-ai-chatbot-square-regular:before {
  content: "\e24f";
}

.prism-icons-ai-chatbot-square-solid:before {
  content: "\e250";
}

.prism-icons-ai-chatbot-square-thin:before {
  content: "\e251";
}

.prism-icons-camp-client:before {
  content: "\e252";
}

.prism-icons-camp-security:before {
  content: "\e253";
}

.prism-icons-ai-microphone-light:before {
  content: "\e254";
}

.prism-icons-ai-microphone-regular:before {
  content: "\e255";
}

.prism-icons-ai-microphone-solid:before {
  content: "\e256";
}

.prism-icons-ai-microphone-thin:before {
  content: "\e257";
}

.prism-icons-filters-modal-light:before {
  content: "\e258";
}

.prism-icons-filters-modal-regular:before {
  content: "\e259";
}

.prism-icons-filters-modal-solid:before {
  content: "\e25a";
}

.prism-icons-filters-modal-thin:before {
  content: "\e25b";
}

.prism-icons-quicklinks-light:before {
  content: "\e25c";
}

.prism-icons-quicklinks-regular:before {
  content: "\e25d";
}

.prism-icons-quicklinks-thin:before {
  content: "\e25e";
}

.prism-icons-applicant-tracking-light:before {
  content: "\e25f";
}

.prism-icons-applicant-tracking-regular:before {
  content: "\e260";
}

.prism-icons-applicant-tracking-thin:before {
  content: "\e261";
}

.prism-icons-resend-message-light:before {
  content: "\e262";
}

.prism-icons-duplicate-candidate-light:before {
  content: "\e263";
}

.prism-icons-duplicate-candidate-regular:before {
  content: "\e264";
}

.prism-icons-duplicate-candidate-thin:before {
  content: "\e265";
}

.prism-icons-resend-message-regular:before {
  content: "\e269";
}

.prism-icons-user-shield:before {
  content: "\e26a";
}

.prism-icons-comm-hub:before {
  content: "\e26b";
}

.prism-icons-chart-bar-light:before {
  content: "\e26c";
}

.prism-icons-chart-donut-light:before {
  content: "\e26d";
}

.prism-icons-chart-donut-regular:before {
  content: "\e26e";
}

.prism-icons-chart-donut-solid:before {
  content: "\e26f";
}

.prism-icons-chart-pie-light:before {
  content: "\e270";
}

.prism-icons-chart-pie-regular:before {
  content: "\e271";
}

.prism-icons-chart-pie-solid:before {
  content: "\e272";
}

.prism-icons-chart-spline-light:before {
  content: "\e273";
}

.prism-icons-chart-spline-solid:before {
  content: "\e274";
}

.prism-icons-data-grid-light:before {
  content: "\e275";
}

.prism-icons-data-grid-regular:before {
  content: "\e276";
}

.prism-icons-data-grid-solid:before {
  content: "\e277";
}

.prism-icons-product-ad:before {
  content: "\e278";
}

.prism-icons-product-api:before {
  content: "\e279";
}

.prism-icons-product-at:before {
  content: "\e27a";
}

.prism-icons-product-ben:before {
  content: "\e27b";
}

.prism-icons-product-ch:before {
  content: "\e27c";
}

.prism-icons-product-cs:before {
  content: "\e27d";
}

.prism-icons-product-db:before {
  content: "\e27e";
}

.prism-icons-product-edi:before {
  content: "\e27f";
}

.prism-icons-product-hcm:before {
  content: "\e280";
}

.prism-icons-product-ob:before {
  content: "\e281";
}

.prism-icons-product-peo:before {
  content: "\e282";
}

.prism-icons-product-pm:before {
  content: "\e283";
}

.prism-icons-product-rc:before {
  content: "\e284";
}

.prism-icons-product-tax:before {
  content: "\e285";
}

.prism-icons-product-wfm:before {
  content: "\e286";
}

.prism-icons-rotate-left:before {
  content: "\e287";
}

.prism-icons-rotate-right:before {
  content: "\e288";
}

.prism-icons-language-light:before {
  content: "\e289";
}

.prism-icons-language-regular:before {
  content: "\e28a";
}

.prism-icons-language-thin:before {
  content: "\e28b";
}

.prism-icons-dashboard-new:before {
  content: "\e28c";
}

:root {
  --primary: #0f5cf5;
  --primary-text: #052e7f;
  --primary-focus: #0849c9;
  --primary-hover: #407df7;
  --primary-link: #407df7;
  --primary-info: #a2c0fb;
  --primary-ghost: #ebf2fe;
  --primary-dark: #051940;
  --primary-darkest: #101828;
  --secondary: #0f5cf5;
  --secondary-text: #052e7f;
  --secondary-focus: #0849c9;
  --secondary-hover: #407df7;
  --secondary-link: #407df7;
  --secondary-info: #a2c0fb;
  --secondary-ghost: #ebf2fe;
  --secondary-dark: #051940;
  --secondary-darkest: #101828;
  --accent: #063798;
  --info: #d3e1fd;
  --success: #21b787;
  --success-text: #0e4b37;
  --success-focus: #198c67;
  --success-hover: #31daa4;
  --success-link: #31daa4;
  --success-info: #88e9ca;
  --success-ghost: #c8f5e7;
  --success-dark: #05140f;
  --success-darkest: #050706;
  --danger: #f26c5d;
  --danger-text: #c0210f;
  --danger-focus: #ee412e;
  --danger-hover: #f6978c;
  --danger-link: #f6978c;
  --danger-info: #fdedeb;
  --danger-ghost: white;
  --danger-dark: #801b10;
  --danger-darkest: #592f2a;
  --error: #f26c5d;
  --error-text: #c0210f;
  --error-focus: #ee412e;
  --error-hover: #f6978c;
  --error-link: #f6978c;
  --error-info: #fdedeb;
  --error-ghost: white;
  --error-dark: #801b10;
  --error-darkest: #592f2a;
  --warning: #faaa4b;
  --warning-text: #c06b05;
  --warning-focus: #f99319;
  --warning-hover: #fbc17d;
  --warning-link: #fbc17d;
  --warning-info: #fef0e0;
  --warning-ghost: white;
  --warning-dark: #7d4808;
  --warning-darkest: #573f22;
  --help: #562a88;
  --help-text: #180c27;
  --help-focus: #3d1e61;
  --help-hover: #6f36af;
  --help-link: #6f36af;
  --help-info: #a276d5;
  --help-ghost: #cab1e7;
  --help-dark: black;
  --help-darkest: black;
  --error-ghost: #fddad2;
  --warning-ghost: #fdf3e8;
  --info-ghost: #ebf2fe !important;
  --disabled: var(--gray200);
  --disabled-text: var(--gray600);
  --text-color: var(--gray600);
  --label-color: var(--gray600);
  --body-color: var(--body-color);
  --border-color: var(--gray400);
  --border-color-active: var(--primary-focus);
  --title-color: var(--gray500);
  --light-gray: var(--gray100);
  --dark-gray: var(--gray600);
  --border-radius: 0.375rem;
  --card-border-radius: 0.75rem;
  --card-border-color: var(--gray300);
  --card-border: 0.0625rem solid var(--card-border-color);
  --focus-shadow: 0 0 0 0.25rem var(--primary-info);
  --focus-shadow-danger: 0 0 0 0.25rem var(--danger-info);
  --focus-shadow-warning: 0 0 0 0.25rem var(--warning-info);
  --focus-shadow-success: 0 0 0 0.25rem var(--success-info);
  --focus-shadow-dark: 0 0 0 0.25rem var(--gray-info);
  
  --box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.1),
    0 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
  
  --box-shadow-large: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.4),
    0 0 0.0625rem 0 rgba(0, 0, 0, 0.4);
  
  --box-shadow-medium: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.4),
    0 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
  
  --box-shadow-small: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1),
    0 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
  
  --shadow-sm: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  
  --shadow-md: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1),
    0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06);
  
  --shadow-lg: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1),
    0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.05);
  
  --shadow-xl: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1);
  
  --shadow-2xl: 0 1.5625rem 3.125rem -0.75rem rgba(0, 0, 0, 0.25);
  
  --shadow-inner: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06) inset;
  --gradient-working: linear-gradient(
    90deg,
    var(--danger) 0%,
    var(--warning) 100%
  );
  --gradient1: linear-gradient(
    90deg,
    var(--warning-info) 0%,
    var(--success) 100%
  );
  --font-awesome: "Font Awesome 6 Pro";
  --font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --font-family-header: "Lato", "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --custom-font: "prism_custom";
  --default-font-size: 1rem;
  
  --navbar-bg: var(--primary-darkest);
  --right-drawer-bg: var(--navbar-bg);
  --navbar-item-color: #ffffffab;
  --navbar-item-active: var(--white);
  --navbar-item-hover: #ffffff33;
  --navbar-icon-color: #ffffff59;
  --theme-page-bg-color: #f8fafb;
  --max-view-width: 68.75rem;
  --required: var(--accent);
  --base-padding: 1rem;
  --base-margin: 1.5rem;
}



html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--default-font-size);
  line-height: var(--line-height);
  scroll-behavior: smooth;
}

body {
  position: relative;
  color: var(--text-color);
  background: linear-gradient(320deg, rgb(42, 55, 66) 0%, rgb(8, 22, 49) 100%);
  background-repeat: no-repeat;
  height: 100vh;
}

* {
  box-sizing: border-box;
}
*:focus {
  outline-color: var(--primary);
}

@media only screen and (max-width: 1024px) {
  body {
    background-color: var(--body-color);
  }
}
h1 {
  font-size: 2rem;
  line-height: 3rem;
  font-family: var(--font-family-header);
}
h1__buttons {
  display: flex;
  align-items: center;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
  margin-top: 3.125rem;
  font-weight: 500;
  font-family: var(--font-family-header);
}

a {
  position: relative;
  color: var(--primary);
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  font-weight: 600;
}
a:hover {
  text-decoration: none !important;
  color: var(--primary-hover);
}
a:focus {
  outline: 0.0625rem solid var(--primary);
}
a.large-cta {
  font-size: 1.875rem;
}

strong {
  font-weight: 700;
}

hr {
  border-top: 0.0625rem solid var(--gray500);
}
hr.dashed {
  border-top: 0.0625rem dashed var(--gray500);
}

sup {
  font-size: 0.75rem;
}

code {
  color: var(--white);
  background-color: var(--secondary);
  padding: 0 0.5rem;
  border-radius: 0.375rem;
}

em {
  font-style: italic;
}

blockquote {
  padding: 1.5rem;
  margin: 1.5rem;
  background: var(--gray200);
  border-radius: var(--border-radius);
}

p:not(:last-of-type) {
  margin-bottom: 1rem;
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  p {
    display: inline;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  p {
    display: inline;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  p {
    display: inline;
  }
}
.dark-mode blockquote {
  background: var(--dark-bg-light);
}

select {
  cursor: pointer;
}
select:hover {
  color: var(--primary);
}
select:focus {
  outline: none;
}
select:focus-visible {
  outline: 0.125rem solid var(--primary);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea,
textarea.form-control {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 6.25rem;
}

label {
  font-size: 0.75rem;
}

[type=date] {
  font-size: 1rem;
}

ul.list,
ol.list {
  margin: 1rem 2.5rem;
}

ol.list {
  list-style: decimal;
}
ol.list li {
  margin: 0.5rem 0;
}
ol.list li .list {
  list-style: disc;
}
ol.list li .list li {
  margin: 0.5rem 0;
}
ol.list li .list li .list {
  list-style: square;
}
ol.list li .list li .list li {
  margin: 0.5rem 0;
}

ul.list {
  list-style: disc;
}

[contenteditable=true]:active,
[contenteditable=true]:focus {
  border: none;
  outline: none;
}

[contenteditable=true] {
  cursor: default;
}
[contenteditable=true]:hover {
  background-color: var(--primary-ghost);
}


:root {
  --scrollbar-width: 0.5rem;
  --scrollbar-height: 0.75rem;
  --scrollbar-thumb: var(--gray400);
  --scrollbar-track: var(--gray200);
  --scrollbar-thumb-hover: var(--gray500);
}


::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}


::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}


::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}



body.dark-mode {
  --required: hsla(220, 100%, 77%, 0.718) !important;
  --required-bg: var(--dark-highlight) !important;
  --required-text: var(--jet-black) !important;
}

body.dark-mode {
  --primary: hsl(219.9130434783, 97%, 80.9803921569%) !important;
  --accent: hsl(219.9130434783, 97%, 80.9803921569%) !important;
  --info: hsl(219.9130434783, 97%, 80.9803921569%) !important;
  --help: hsl(268.085106383, 57.808988764%, 64.9019607843%) !important;
}

body.dark-mode {
  --dark-highlight: #748b9f !important;
  --dark-grid-border: #4d5f6f !important;
  --dark-bg-light: #354553 !important;
  --dark-base: #2a3742 !important;
  --dark-border: #212c35 !important;
  --dark-table-header-color: hsl(
    219.9130434783,
    97%,
    85.9803921569%
  ) !important;
  --dark-subtle-text: hsl(219.9130434783, 97%, 90.9803921569%) !important;
  --jet-black: #000000 !important;
}

body.dark-mode {
  --dark-mode-white: var(--gray600) !important;
  --white: var(--dark-mode-white) !important;
  --navbar-bg: var(--white) !important;
  --left-nav-bg: var(--white) !important;
  --right-drawer-bg: var(--white) !important;
  --page-title-bg: var(--white) !important;
  --black: var(--gray100) !important;
  --dark-gray: var(--black) !important;
  --text-color: var(--black) !important;
  --title-color: var(--black) !important;
  --gray: var(--dark-border) !important;
  --card-border: 0.0625rem solid var(--gray) !important;
  --card-border-color: var(--gray) !important;
  --disabled: var(--gray) !important;
  --border-color: var(--gray) !important;
}

body.dark-mode {
  --primary-info: var(--gray400) !important;
  --primary-hover: #ffffff !important;
  --primary-ghost: var(--dark-highlight) !important;
}

body.dark-mode {
  --info-ghost: #748b9f !important;
  --error-ghost: #f79f95bd !important;
  --warning-ghost: #ffa16797 !important;
  --help-ghost: #8e61c6a3 !important;
  --success-ghost: #21b78da2 !important;
  --accent-ghost: #0f5afd77 !important;
  --primary-shadow: #648feca5 !important;
  --dark-success-background: #112b1b !important;
  --dark-success-border: #469884 !important;
  --dark-warning-background: #28210f !important;
  --dark-warning-border: #e6a166 !important;
  --dark-error-background: #311b19 !important;
  --dark-error-border: #b04444 !important;
  --dark-info-background: #0f2740 !important;
  --dark-info-border: #a0bffe !important;
}

body.dark-mode {
  --gradient-working: linear-gradient(
    90deg,
    transparent 0%,
    var(--warning) 100%
  );
  --gradient1: linear-gradient(90deg, transparent 0%, var(--success) 100%);
  --gradient2: linear-gradient(90deg, transparent 0%, var(--primary) 100%);
  --gradient3: linear-gradient(90deg, transparent 0%, var(--primary) 100%);
}

body.dark-mode {
  --chart-color-1: #588aee !important;
  --chart-color-2: #3c77ec !important;
  --chart-color-3: #6694f0 !important;
  --chart-color-4: #2e6dea !important;
  --chart-color-5: #749ef1 !important;
  --chart-color-6: #2063e9 !important;
  --chart-color-7: #82a7f3 !important;
  --chart-color-8: #165be3 !important;
  --chart-color-9: #90b1f4 !important;
  --chart-color-10: #1555d5 !important;
  --chart-color-11: #9dbbf5 !important;
  --chart-color-12: #1450c7 !important;
  --chart-color-13: #abc5f7 !important;
  --chart-color-14: #124aba !important;
}

body.dark-mode ::-moz-placeholder {
  color: var(--dark-grid-border);
  opacity: 1; 
}

body.dark-mode ::placeholder {
  color: var(--dark-grid-border);
  opacity: 1; 
}
body.dark-mode ::-ms-input-placeholder {
  
  color: var(--dark-grid-border);
}
body.dark-mode .query-builder {
  background-color: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .query-builder__subtitle {
  color: var(--dark-subtle-text);
  background-color: var(--dark-grid-border);
}
body.dark-mode .e-query-builder {
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-query-builder .e-small .e-btn.e-round,
body.dark-mode .e-query-builder .e-small .e-css.e-btn.e-round,
body.dark-mode .e-query-builder .e-small.e-btn.e-round,
body.dark-mode .e-query-builder .e-small.e-css.e-btn.e-round {
  background: var(--dark-highlight);
  color: var(--dark-subtle-text);
  border: none;
  transition: background-color 0.3s ease-in-out;
}
body.dark-mode .e-query-builder .e-small .e-btn.e-round:hover,
body.dark-mode .e-query-builder .e-small .e-css.e-btn.e-round:hover,
body.dark-mode .e-query-builder .e-small.e-btn.e-round:hover,
body.dark-mode .e-query-builder .e-small.e-css.e-btn.e-round:hover {
  background: var(--primary);
  color: var(--gray900) !important;
}
body.dark-mode .e-query-builder .e-rule-container {
  background: var(--dark-border);
  border-color: var(--dark-border);
}
body.dark-mode .e-query-builder .e-rule-list > ::after,
body.dark-mode .e-query-builder .e-rule-list > ::before {
  border-color: var(--dark-grid-border);
}
body.dark-mode .advanced-search__title {
  color: var(--primary);
}
body.dark-mode .advanced-search__list {
  border-bottom: 0.0625rem solid var(--dark-grid-border);
}
body.dark-mode .advanced-search__list-item {
  background-color: var(--dark-base);
  color: var(--dark-subtle-text);
}
body.dark-mode .advanced-search__list-item:hover .advanced-search__title {
  color: var(--gray100);
}
body.dark-mode .advanced-search .e-btn {
  color: var(--gray200);
}
body.dark-mode .benefit-class-changes__table .e-table .e-rowcell:nth-child(2),
body.dark-mode .benefit-class-changes__table .e-table .e-rowcell:nth-child(3) {
  background-color: var(--dark-border);
}
body.dark-mode .e-btn.e-ghost,
body.dark-mode .e-btn.e-ghost.e-primary,
body.dark-mode .e-btn.ghost,
body.dark-mode .e-btn.ghost.e-primary,
body.dark-mode .e-css.btn.e-ghost.e-primary,
body.dark-mode .e-css.e-btn.e-ghost,
body.dark-mode .e-css.e-btn.e-ghost.e-primary,
body.dark-mode .e-css.e-btn.ghost {
  background-color: var(--dark-base);
  color: var(--dark-subtle-text);
}
body.dark-mode .e-btn {
  color: var(--dark-subtle-text);
}
body.dark-mode .e-btn.e-flat,
body.dark-mode .e-btn.e-flat.e-primary,
body.dark-mode .e-btn.flat,
body.dark-mode .e-btn.flat.e-primary,
body.dark-mode .e-css.btn.e-flat.e-primary,
body.dark-mode .e-css.e-btn.e-flat,
body.dark-mode .e-css.e-btn.e-flat.e-primary,
body.dark-mode .e-css.e-btn.flat {
  background-color: var(--dark-base);
  color: var(--dark-subtle-text);
}
body.dark-mode .e-btn .e-btn.e-outline:hover,
body.dark-mode .e-btn .e-css.e-btn.e-outline:hover,
body.dark-mode .e-btn.e-outline:hover,
body.dark-mode .e-css .e-btn.e-outline:hover,
body.dark-mode .e-css .e-css.e-btn.e-outline:hover,
body.dark-mode .e-css.e-outline:hover {
  background-color: var(--dark-border);
  color: var(--primary);
}
body.dark-mode .e-btn:hover {
  background-color: var(--dark-border);
  border-color: var(--dark-border);
  color: var(--primary) !important;
}
body.dark-mode .e-dlg-container .e-footer-content .e-btn.e-flat:not([DISABLED]):hover,
body.dark-mode .e-dlg-container .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
  background-color: var(--dark-border);
  border-color: var(--dark-border);
  color: var(--primary) !important;
}
body.dark-mode .e-btn .e-btn.e-primary,
body.dark-mode .e-btn .e-css.e-btn.e-primary,
body.dark-mode .e-btn.e-primary,
body.dark-mode .e-css .e-btn.e-primary,
body.dark-mode .e-css .e-css.e-btn.e-primary,
body.dark-mode .e-css.e-primary {
  background-color: var(--primary);
  color: var(--white);
}
body.dark-mode .e-btn .e-btn.e-primary:hover,
body.dark-mode .e-btn .e-css.e-btn.e-primary:hover,
body.dark-mode .e-btn.e-primary:hover,
body.dark-mode .e-css .e-btn.e-primary:hover,
body.dark-mode .e-css .e-css.e-btn.e-primary:hover,
body.dark-mode .e-css.e-primary:hover {
  background-color: var(--primary-hover);
  color: var(--white) !important;
}
body.dark-mode [stroke="#dbdbdb"] {
  stroke: var(--gray900);
}
body.dark-mode [fill=black] {
  fill: var(--gray100);
}
body.dark-mode [font-family=Roboto] {
  fill: var(--gray100);
}
body.dark-mode .e-checkbox-wrapper:hover .e-frame,
body.dark-mode .e-css.e-checkbox-wrapper:hover .e-frame {
  background-color: var(--dark-base);
  border-color: var(--primary);
  color: var(--gray100);
}
body.dark-mode .checkbox-tree .e-list-item:has(.e-checkbox-wrapper[aria-checked=true]) > .e-fullrow {
  background-color: var(--dark-border);
}
body.dark-mode .e-checkbox-wrapper .e-frame,
body.dark-mode .e-css.e-checkbox-wrapper .e-frame {
  border-color: var(--dark-highlight);
}
body.dark-mode .e-checkbox-wrapper .e-frame.e-check,
body.dark-mode .e-css.e-checkbox-wrapper .e-frame.e-check {
  border-color: var(--primary);
}
body.dark-mode .e-checkbox-wrapper .e-frame,
body.dark-mode .e-css.e-checkbox-wrapper .e-frame {
  background-color: var(--dark-base);
  border-color: var(--dark-base);
}
body.dark-mode .grid-filters .e-grid .e-row .e-icon-rowdragicon::before,
body.dark-mode .grid-filters .e-grid .e-icons:not(.e-btn-icon) {
  color: var(--primary);
}
body.dark-mode .accordionContainer .accordion {
  border: none;
}
body.dark-mode .accordionContainer .accordion__header {
  background-color: var(--dark-bg-light);
  border-color: var(--dark-base);
  color: var(--primary);
}
body.dark-mode .accordionContainer .accordion__header:hover {
  background-color: var(--dark-grid-border);
  color: var(--black);
}
body.dark-mode .accordionContainer .accordion__title {
  color: var(--black);
}
body.dark-mode .accordionContainer .accordion__content {
  background-color: var(--dark-bg-light);
}
body.dark-mode .accordionContainer .accordion__toggle-btn {
  color: var(--black);
}
body.dark-mode .accordionContainer .accordion__item.active .accordion__header {
  background-color: var(--dark-grid-border);
  color: var(--black);
}
body.dark-mode .dash-card__name {
  color: var(--gray100);
}
body.dark-mode .dash-card__title {
  color: var(--dark-subtle-text);
}
body.dark-mode .dash-card__initials {
  background-color: var(--dark-base);
}
body.dark-mode .dash-card__body .e-grid .e-rowcell {
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-dashboardlayout.e-control .e-panel:hover {
  border-color: var(--dark-border);
  border: none;
}
body.dark-mode .e-dashboardlayout.e-control .e-panel {
  border-color: var(--dark-bg-light);
  border: none;
  background-color: var(--dark-bg-light);
}
body.dark-mode .e-dashboardlayout.e-control .e-dashboard-gridline-table {
  border-color: var(--dark-bg-light);
  background-color: var(--dark-border);
}
body.dark-mode .e-dashboardlayout.e-control .e-holder {
  background: var(--gray900);
}
body.dark-mode .dashboard__layout-resize,
body.dark-mode .dashboard__design-a,
body.dark-mode .dashboard__design-b,
body.dark-mode .dashboard__design-c,
body.dark-mode .dashboard__design-d {
  border-color: var(--dark-highlight);
}
body.dark-mode .dashboard__layout-resize:hover,
body.dark-mode .dashboard__design-a:hover,
body.dark-mode .dashboard__design-b:hover,
body.dark-mode .dashboard__design-c:hover,
body.dark-mode .dashboard__design-d:hover {
  background-color: var(--dark-border);
}
body.dark-mode .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
  border: 0.0625rem dashed var(--primary) !important;
}
body.dark-mode .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon:before,
body.dark-mode .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
  color: var(--dark-highlight);
}
body.dark-mode .e-dashboardlayout .e-panel {
  border-color: var(--dark-bg-light) !important;
}
body.dark-mode .e-datepicker .e-calendar,
body.dark-mode .e-bigger.e-small .e-datepicker .e-calendar,
body.dark-mode .e-bigger .e-datepicker .e-calendar,
body.dark-mode .e-small .e-datepicker .e-calendar,
body.dark-mode .e-bigger.e-small.e-datepicker .e-calendar,
body.dark-mode .e-bigger.e-datepicker .e-calendar,
body.dark-mode .e-small.e-datepicker .e-calendar {
  background-color: var(--dark-base);
}
body.dark-mode .e-calendar .e-header .e-title,
body.dark-mode .e-bigger.e-small .e-calendar .e-header .e-title {
  color: var(--gray200);
}
body.dark-mode .e-calendar .e-date-icon-prev,
body.dark-mode .e-calendar .e-date-icon-next,
body.dark-mode .e-bigger.e-small .e-calendar .e-date-icon-prev,
body.dark-mode .e-bigger.e-small .e-calendar .e-date-icon-next {
  color: var(--gray200);
}
body.dark-mode .e-calendar th,
body.dark-mode .e-bigger.e-small .e-calendar th {
  color: var(--gray200);
}
body.dark-mode .e-calendar .e-content span,
body.dark-mode .e-bigger.e-small .e-calendar .e-content span {
  color: var(--gray200);
}
body.dark-mode .e-calendar .e-content .e-other-month span.e-day,
body.dark-mode .e-calendar .e-content .e-other-month.e-today span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
  color: var(--gray500);
}
body.dark-mode .e-calendar .e-footer-container,
body.dark-mode .e-bigger.e-small .e-calendar .e-footer-container {
  border: none;
}
body.dark-mode .e-datepicker.e-popup-wrapper,
body.dark-mode .e-bigger.e-small .e-datepicker.e-popup-wrapper,
body.dark-mode .e-bigger .e-datepicker.e-popup-wrapper,
body.dark-mode .e-small .e-datepicker.e-popup-wrapper,
body.dark-mode .e-bigger.e-small.e-datepicker.e-popup-wrapper,
body.dark-mode .e-bigger.e-datepicker.e-popup-wrapper,
body.dark-mode .e-small.e-datepicker.e-popup-wrapper {
  border: none;
  box-shadow: var(--box-shadow-large);
}
body.dark-mode .e-calendar .e-content td:hover span.e-day,
body.dark-mode .e-calendar .e-content td:focus span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
  background-color: var(--dark-border);
  border-radius: var(--border-radius);
  color: var(--gray100);
}
body.dark-mode .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day,
body.dark-mode .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: var(--dark-border);
  border-color: var(--primary);
  color: var(--primary);
}
body.dark-mode .e-calendar .e-content td.e-focused-date span.e-day,
body.dark-mode .e-calendar .e-content td.e-focused-date:hover span.e-day,
body.dark-mode .e-calendar .e-content td.e-focused-date:focus span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
body.dark-mode .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
  background: var(--primary);
  color: var(--gray900);
}
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
  color: var(--gray100);
}
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-header {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-header:hover {
  border-color: var(--dark-border);
  background: var(--dark-border);
}
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content,
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  color: var(--gray100);
}
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
  border-color: var(--dark-border);
  background: var(--dark-border);
}
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
  border-color: var(--dark-border);
  background: var(--dark-border);
}
body.dark-mode .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
  border-color: var(--dark-border);
  background: var(--dark-border);
  border: none;
}
body.dark-mode .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
  border-color: var(--dark-border);
  border: none;
}
body.dark-mode .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
  background: transparent;
}
body.dark-mode .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
  background: var(--dark-bg-light);
}
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-content .settings-table {
  background: var(--dark-bg-light) !important;
}
body.dark-mode .e-accordion .e-acrdn-item .e-acrdn-header:hover,
body.dark-mode .e-accordion .e-acrdn-item:only-child .e-acrdn-panel {
  border: none;
}
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
  color: var(--gray100);
}
body.dark-mode .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
  background: var(--dark-border);
  border-color: var(--dark-border);
  border: none;
}
body.dark-mode .e-accordion .e-acrdn-item.e-selected .e-acrdn-panel .e-acrdn-content {
  color: var(--gray100);
}
body.dark-mode .e-accordion .e-acrdn-item.e-selected + .e-selected,
body.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected:first-child,
body.dark-mode .e-accordion .e-acrdn-item.e-selected .e-acrdn-panel {
  border: none;
}
body.dark-mode .e-dlg-content,
body.dark-mode .e-dialog {
  background: var(--dark-bg-light);
}
body.dark-mode .e-dlg-header,
body.dark-mode .e-dlg-header *,
body.dark-mode .e-dlg-content {
  color: var(--gray200);
}
body.dark-mode .e-dialog .e-footer-content,
body.dark-mode .e-dialog .e-dlg-header-content {
  border-color: var(--dark-grid-border);
}
body.dark-mode ejs-dropdownbutton.e-dropdown-btn:hover {
  background: var(--gray800);
  border-color: var(--gray800);
}
body.dark-mode .e-dropdown-popup {
  background-color: var(--dark-base);
}
body.dark-mode .e-dropdown-popup ul {
  background-color: var(--dark-border);
}
body.dark-mode .e-dropdown-popup ul .e-item:hover {
  background-color: var(--dark-base);
}
body.dark-mode .e-dropdown-popup ul .e-item.e-separator {
  border-bottom-color: var(--dark-grid-border);
}
body.dark-mode .e-dropdown-popup ul .e-item.e-active {
  background: var(--dark-base);
  color: var(--dark-subtle-text);
}
body.dark-mode .e-ddl.e-popup .e-filter-parent,
body.dark-mode .e-ddl.e-popup .e-filter-parent .e-input-group {
  background-color: var(--dark-border);
}
body.dark-mode .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
  background: var(--dark-base);
}
body.dark-mode .e-dropdownbase {
  border-color: var(--dark-base);
}
body.dark-mode .e-dropdownbase .e-list-parent {
  border-color: var(--dark-base);
}
body.dark-mode .e-dropdownbase .e-list-parent:hover {
  color: var(--primary);
}
body.dark-mode .e-dropdownbase .e-list-item {
  color: var(--gray100);
  background-color: var(--dark-border);
  border: none;
}
body.dark-mode .e-dropdownbase .e-list-item.e-item-focus {
  background-color: #000000;
  color: var(--primary);
}
body.dark-mode .e-dropdownbase .e-list-item.e-active, body.dark-mode .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #000000;
  color: var(--black);
}
body.dark-mode .e-ddl.e-popup {
  background-color: var(--dark-border);
}
body.dark-mode .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
body.dark-mode .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
  color: var(--gray100);
}
body.dark-mode .tooltip__block {
  color: var(--primary);
}
body.dark-mode footer {
  border-top: 0.0625rem solid var(--dark-border);
}
body.dark-mode footer .e-btn {
  color: var(--gray900);
}
body.dark-mode footer .e-btn:hover {
  background-color: var(--gray900);
  border-color: var(--gray900);
  color: var(--gray100);
}
body.dark-mode footer .e-btn.e-ghost,
body.dark-mode footer .e-btn.e-ghost.e-primary,
body.dark-mode footer .e-btn.ghost,
body.dark-mode footer .e-btn.ghost.e-primary,
body.dark-mode footer .e-css.btn.e-ghost.e-primary,
body.dark-mode footer .e-css.e-btn.e-ghost,
body.dark-mode footer .e-css.e-btn.e-ghost.e-primary,
body.dark-mode footer .e-css.e-btn.ghost {
  background-color: var(--dark-bg-light);
}
body.dark-mode footer .e-btn.e-ghost:hover,
body.dark-mode footer .e-btn.e-ghost.e-primary:hover,
body.dark-mode footer .e-btn.ghost:hover,
body.dark-mode footer .e-btn.ghost.e-primary:hover,
body.dark-mode footer .e-css.btn.e-ghost.e-primary:hover,
body.dark-mode footer .e-css.e-btn.e-ghost:hover,
body.dark-mode footer .e-css.e-btn.e-ghost.e-primary:hover,
body.dark-mode footer .e-css.e-btn.ghost:hover {
  background-color: var(--dark-border);
}
body.dark-mode .e-grid {
  background: var(--dark-bg-light);
  border: none;
}
body.dark-mode .e-grid .e-content {
  background: var(--dark-bg-light);
}
body.dark-mode .e-grid .e-btn {
  color: var(--primary);
}
body.dark-mode .e-grid .e-rowdragheader {
  background-color: var(--dark-bg-light);
}
body.dark-mode .e-grid .e-gridheader {
  color: var(--dark-table-header-color);
}
body.dark-mode .e-grid .e-table,
body.dark-mode .e-pager,
body.dark-mode .e-pager .e-prevpagedisabled,
body.dark-mode .e-pager .e-prevpage,
body.dark-mode .e-pager .e-nextpage,
body.dark-mode .e-pager .e-nextpagedisabled,
body.dark-mode .e-pager .e-lastpagedisabled,
body.dark-mode .e-pager .e-lastpage,
body.dark-mode .e-pager .e-firstpage,
body.dark-mode .e-pager .e-firstpagedisabled {
  background: var(--dark-bg-light);
}
body.dark-mode .e-grid .e-table,
body.dark-mode .e-grid .e-rowcell,
body.dark-mode .e-grid .e-gridcontent,
body.dark-mode .e-grid .e-gridheader,
body.dark-mode .e-grid .e-headercontent,
body.dark-mode .e-grid .e-groupdroparea,
body.dark-mode .e-grid .e-gridfooter,
body.dark-mode .e-grid .e-summarycontent {
  border-radius: 0;
}
body.dark-mode .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
body.dark-mode .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
body.dark-mode .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
body.dark-mode .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
body.dark-mode .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
body.dark-mode .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
  background-color: var(--dark-bg-light);
  color: var(--text-color);
}
body.dark-mode .e-grid .e-gridheader {
  background: var(--dark-bg-light);
  border: none;
}
body.dark-mode .e-grid .e-detailheadercell,
body.dark-mode .e-grid .e-headercell {
  background: var(--dark-bg-light);
}
body.dark-mode .e-pagecountmsg,
body.dark-mode .e-pagenomsg {
  color: var(--dark-subtle-text);
}
body.dark-mode .e-grid td.e-active {
  background: var(--dark-base);
}
body.dark-mode .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
  border-color: var(--dark-grid-border);
  border-bottom: 0.0625rem solid var(--dark-border);
}
body.dark-mode .e-grid.e-resize-lines .e-headercell .e-rhandler,
body.dark-mode .e-grid.e-resize-lines .e-headercell .e-rsuppress {
  border: 0.0625rem dashed var(--dark-border);
  background: var(--dark-base);
}
body.dark-mode .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
body.dark-mode .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
body.dark-mode .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd),
body.dark-mode .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
body.dark-mode .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
body.dark-mode .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
  color: var(--gray200);
}
body.dark-mode .e-grid .e-gridcontent .e-rowdragdrop,
body.dark-mode .e-grid .e-gridheader .e-rowdragdrop {
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-grid .e-rowdragdropcell:hover .e-icon-rowdragicon:before {
  color: var(--gray200);
}
body.dark-mode .e-grid .e-detailcell,
body.dark-mode .e-grid .e-detailindentcell,
body.dark-mode .e-grid .e-detailrowcollapse,
body.dark-mode .e-grid .e-detailrowexpand,
body.dark-mode .e-grid .e-groupcaption,
body.dark-mode .e-grid .e-indentcell,
body.dark-mode .e-grid .e-recordpluscollapse,
body.dark-mode .e-grid .e-recordplusexpand,
body.dark-mode .e-grid .e-rowcell,
body.dark-mode .e-grid .e-rowdragdropcell,
body.dark-mode .e-grid.e-default .e-detailheadercell,
body.dark-mode .e-grid.e-default .e-headercell {
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-grid [aria-sort=none] .e-icons:before {
  color: var(--dark-grid-border);
}
body.dark-mode [stroke="#dbdbdb"] {
  stroke: var(--dark-subtle-text);
  opacity: 0.5;
}
body.dark-mode .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
body.dark-mode .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
body.dark-mode .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
body.dark-mode .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
  color: var(--gray100);
}
body.dark-mode .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
  color: var(--gray100);
}
body.dark-mode .e-grid .e-dropdown-btn .e-btn-icon {
  color: var(--dark-subtle-text);
}
body.dark-mode .prism-red,
body.dark-mode .prism-gray,
body.dark-mode .prism-blue,
body.dark-mode .prism-green {
  fill: var(--gray100);
}
body.dark-mode .main-grid__left-nav-btn.extended + .main-grid__left-nav-sub-list .main-grid__left-nav-title:before {
  color: var(--dark-border);
}
body.dark-mode .main-grid__left-nav-btn.expanded .active .main-grid__left-nav-icon {
  color: var(--gray400);
  background: var(--dark-border);
}
body.dark-mode .main-grid__left-nav:before {
  background-color: var(--dark-border);
}
body.dark-mode .message-panel {
  background-color: var(--dark-border);
  border: 0.0625rem solid var(--dark-border);
}
body.dark-mode .message-panel__body button:hover {
  color: var(--gray800);
}
body.dark-mode .message-panel--info {
  background-color: var(--dark-info-background);
  border: 0.0625rem solid var(--dark-info-border);
}
body.dark-mode .message-panel--success {
  background-color: var(--dark-success-background);
  border: 0.0625rem solid var(--dark-success-border);
}
body.dark-mode .message-panel--warning {
  background-color: var(--dark-warning-background);
  border: 0.0625rem solid var(--dark-warning-border);
}
body.dark-mode .message-panel--error {
  background-color: var(--dark-error-background);
  border: 0.0625rem solid var(--dark-error-border);
}
body.dark-mode .message-panel__close {
  color: var(--dark-subtle-text);
}
body.dark-mode .mani-body__title {
  background-color: var(--dark-base);
}
body.dark-mode .mani-body__title h1 {
  color: var(--gray100);
  font-family: var(--font-family-header);
}
body.dark-mode .e-pager {
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-pager .e-pagercontainer {
  background-color: transparent;
}
body.dark-mode .e-pager .e-numericitem {
  color: var(--gray200);
  background: var(--dark-bg-light);
  border: none;
}
body.dark-mode .e-pager .e-currentitem {
  border: none;
  background: var(--dark-base);
  color: var(--primary) !important;
}
body.dark-mode .e-pager .e-currentitem:hover {
  color: var(--gray100);
}
body.dark-mode .e-pager div.e-icons,
body.dark-mode .e-pager div.e-icons.e-disable {
  color: var(--gray500);
  border: none;
}
body.dark-mode .e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
  background: var(--dark-base);
}
body.dark-mode .e-pager .e-currentitem.e-numericitem.e-focused {
  background: var(--dark-base);
  box-shadow: var(--box-shadow);
}
body.dark-mode .personal-drawer {
  border-left: 0.0625rem solid var(--dark-border);
}
body.dark-mode .personal-drawer__header .e-btn {
  color: var(--gray100) !important;
}
body.dark-mode .quicklinks__item {
  border-color: var(--dark-border);
  background-color: var(--dark-border);
}
body.dark-mode .quicklinks h2 {
  color: var(--dark-subtle-text);
}
body.dark-mode ::-webkit-scrollbar-thumb {
  background-color: var(--dark-highlight);
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray300);
}
body.dark-mode ::-webkit-scrollbar-track {
  background-color: var(--dark-bg-light);
}
body.dark-mode .search-bar:after {
  color: var(--dark-subtle-text);
}
body.dark-mode .search-box input.e-input {
  background-color: var(--dark-border) !important;
  border: none;
}
body.dark-mode .settings-pagetitle {
  color: var(--gray300);
}
body.dark-mode .status__R {
  background-color: var(--accent);
}
body.dark-mode .status__number, body.dark-mode .status__readyforreview, body.dark-mode .status__E, body.dark-mode .status__external, body.dark-mode .status__notstarted, body.dark-mode .status__archive, body.dark-mode .status__inactive, body.dark-mode .status__E, body.dark-mode .status__external, body.dark-mode .status__number, body.dark-mode .status__readyforreview {
  background-color: var(--warning);
  color: var(--gray900);
}
body.dark-mode .status__pending, body.dark-mode .status__pending-request, body.dark-mode .status__pendingrequest, body.dark-mode .status__draft, body.dark-mode .status__readytoevaluate, body.dark-mode .status__I, body.dark-mode .status__internal {
  background-color: var(--primary);
  color: var(--gray900);
}
body.dark-mode .status__closed, body.dark-mode .status__notrequired {
  background-color: var(--disabled);
}
body.dark-mode .status__published, body.dark-mode .status__active, body.dark-mode .status__yes, body.dark-mode .status__complete, body.dark-mode .status__completed, body.dark-mode .status__offered, body.dark-mode .status__O, body.dark-mode .status__yes, body.dark-mode .status__y {
  background-color: var(--success);
  color: var(--gray900);
}
body.dark-mode .status__in-process, body.dark-mode .status__inprocess, body.dark-mode .status__inprogress, body.dark-mode .status__readyforsignatures, body.dark-mode .status__validating {
  background-color: var(--help);
  color: var(--gray900);
}
body.dark-mode .status__no, body.dark-mode .status__notcomplete, body.dark-mode .status__n {
  background-color: var(--error);
}
body.dark-mode .status__supervisorchanged {
  background-color: var(--white);
}
body.dark-mode .sidebar__value, body.dark-mode .sidebar__employee {
  color: var(--gray200);
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-richtexteditor .e-rte-content .e-content,
body.dark-mode .e-richtexteditor .e-source-content .e-content,
body.dark-mode .e-richtexteditor .e-rte-content,
body.dark-mode .e-richtexteditor .e-source-content {
  background: var(--dark-bg-light);
  color: var(--gray100);
}
body.dark-mode .e-richtexteditor.e-rte-tb-expand .e-toolbar-wrapper + .e-rte-content,
body.dark-mode .e-richtexteditor.e-rte-tb-expand {
  border: none;
}
body.dark-mode .e-toolbar .e-hor-nav {
  background: var(--dark-bg-light);
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-toolbar .e-popup-down-icon.e-icons,
body.dark-mode .e-toolbar .e-popup-up-icon.e-icons {
  color: var(--dark-subtle-text);
}
body.dark-mode .e-richtexteditor.e-rte-tb-expand .e-toolbar-wrapper + .e-rte-content {
  border-radius: 0;
}
body.dark-mode .e-toolbar.e-extended-toolbar .e-toolbar-pop {
  background: var(--dark-bg-light);
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
  color: var(--dark-subtle-text);
}
body.dark-mode .e-treeview .e-list-text,
body.dark-mode .e-treeview .e-icon-collapsible,
body.dark-mode .e-treeview .e-icon-expandable {
  color: var(--gray100);
}
body.dark-mode .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
body.dark-mode .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
body.dark-mode .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
  color: var(--gray100);
}
body.dark-mode .e-multi-select-wrapper .e-chips {
  background-color: var(--dark-bg-light);
}
body.dark-mode .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
  background-color: var(--dark-border);
}
body.dark-mode .e-multi-select-list-wrapper .e-selectall-parent {
  border-color: var(--dark-grid-border);
  background: var(--dark-border);
}
body.dark-mode .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
  color: var(--gray200);
  font-family: var(--font-family);
}
body.dark-mode .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
  border-color: var(--dark-grid-border);
  color: var(--gray100);
}
body.dark-mode .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
  background-color: var(--primary);
  color: var(--gray900);
  border-color: var(--dark-grid-border);
}
body.dark-mode .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
  background-color: var(--dark-border);
  color: var(--gray100);
}
body.dark-mode .e-ddl.e-popup {
  box-shadow: var(--box-shadow-large);
}
body.dark-mode .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  color: var(--dark-subtle-text);
}
body.dark-mode .e-inplaceeditor .e-editable-value-wrapper.e-tooltip.e-editable-open,
body.dark-mode .e-inplaceeditor .e-editable-value-wrapper:hover {
  background: var(--dark-base);
}
body.dark-mode .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn,
body.dark-mode .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
body.dark-mode .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
body.dark-mode .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
  background-color: var(--dark-bg-light);
  border: 0.0625rem solid --dark-bg-light;
}
body.dark-mode .custom-toolbar .e-btn {
  color: var(--gray900);
}
body.dark-mode .custom-toolbar .e-dropdown-btn,
body.dark-mode .custom-toolbar .e-btn .e-btn.e-primary:hover,
body.dark-mode .custom-toolbar .e-btn .e-css.e-btn.e-primary:hover,
body.dark-mode .custom-toolbar .e-btn.e-primary:hover,
body.dark-mode .custom-toolbar .e-css .e-btn.e-primary:hover,
body.dark-mode .custom-toolbar .e-css .e-css.e-btn.e-primary:hover,
body.dark-mode .custom-toolbar .e-css.e-primary:hover {
  background: var(--dark-base);
  color: var(--dark-subtle-text);
  border-color: var(--dark-base);
}
body.dark-mode .custom-toolbar__lc .e-btn {
  color: var(--dark-subtle-text);
}
body.dark-mode .custom-toolbar__rc .e-btn {
  color: var(--gray900);
}
body.dark-mode .categories {
  background-color: var(--dark-bg-light);
  border: none;
}
body.dark-mode .categories__subtitle {
  color: var(--gray400);
}
body.dark-mode .categories__left-title {
  color: var(--gray100);
}
body.dark-mode .categories__top-wrapper:before {
  background-color: var(--dark-bg-light);
}
body.dark-mode .categories__top-wrapper-cta .e-btn {
  color: var(--gray900);
}
body.dark-mode .categories__search:after {
  background-color: transparent;
}
body.dark-mode .categories__search-control {
  background-color: var(--dark-grid-border);
  border: none;
  color: var(--gray100);
}
body.dark-mode .categories__search-cta .e-btn.e-flat,
body.dark-mode .categories__search-cta .e-btn.e-flat.e-primary,
body.dark-mode .categories__search-cta .e-btn.flat,
body.dark-mode .categories__search-cta .e-btn.flat.e-primary,
body.dark-mode .categories__search-cta .e-css.btn.e-flat.e-primary,
body.dark-mode .categories__search-cta .e-css.e-btn.e-flat,
body.dark-mode .categories__search-cta .e-css.e-btn.e-flat.e-primary,
body.dark-mode .categories__search-cta .e-css.e-btn.flat {
  background: transparent;
}
body.dark-mode .categories__header {
  background-color: var(--dark-border);
  color: var(--gray100);
}
body.dark-mode .categories__card {
  border-color: var(--dark-grid-border);
  color: var(--gray100);
}
body.dark-mode .categories__list li a {
  color: var(--primary);
}
body.dark-mode .categories__list li a:hover {
  color: var(--gray100);
}
body.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn {
  background: var(--dark-base);
  color: var(--gray100);
}
body.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
  color: var(--dark-subtle-text);
}
body.dark-mode .e-toolbar-pop {
  background: var(--dark-base) !important;
}
body.dark-mode .e-tab .e-tab-header .e-hor-nav.e-nav-active,
body.dark-mode .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
  background: var(--dark-base);
}
body.dark-mode .score-list__value {
  border: none;
  height: 1.875rem;
}
body.dark-mode .main-grid__breadcrumbs:before {
  color: var(--dark-grid-border);
}
body.dark-mode .rule-generator {
  background-color: var(--dark-border);
  border: none;
}
body.dark-mode .rule-generator .e-float-input input,
body.dark-mode .rule-generator .e-float-input textarea,
body.dark-mode .rule-generator .e-float-input.e-control-wrapper input,
body.dark-mode .rule-generator .e-float-input.e-control-wrapper textarea,
body.dark-mode .rule-generator .e-input-group input.e-input,
body.dark-mode .rule-generator .e-input-group textarea.e-input,
body.dark-mode .rule-generator .e-input-group.e-control-wrapper input.e-input,
body.dark-mode .rule-generator .e-input-group.e-control-wrapper textarea.e-input,
body.dark-mode .rule-generator input.e-input,
body.dark-mode .rule-generator textarea.e-input,
body.dark-mode .rule-generator .e-float-input,
body.dark-mode .rule-generator .e-float-input.e-control-wrapper,
body.dark-mode .rule-generator .e-float-input.e-input-group,
body.dark-mode .rule-generator .e-float-input.e-input-group.e-control-wrapper,
body.dark-mode .rule-generator .e-input-group,
body.dark-mode .rule-generator .e-input-group.e-control-wrapper {
  background: var(--gray900);
}
body.dark-mode .e-ripple-element {
  background: var(--dark-bg-light);
  z-index: -1;
}
body.dark-mode .progress-bar__bar {
  background-color: var(--dark-border);
}
body.dark-mode .progressbar__container {
  background-color: var(--dark-border) !important;
}
body.dark-mode .e-filter-parent {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
body.dark-mode .e-filter-parent .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
body.dark-mode .e-filter-parent body.dark-mode .e-input-group:not(.e-success):not(.e-warning):not(.e-error) {
  background: var(--dark-grid-border);
}
body.dark-mode .toggleSwitchContainer .e-switch-wrapper:hover .e-switch-handle.e-switch-active,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
  background-color: var(--dark-border);
}
body.dark-mode .toggleSwitchContainer .e-switch-wrapper .e-switch-handle.e-switch-active,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
  background-color: var(--dark-border);
}
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: var(--dark-base);
}
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: var(--black);
}
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper .e-css.e-switch-on,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper .e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper .e-css.e-switch-on,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper .e-switch-on {
  background-color: var(--primary);
}
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper .e-css.e-switch-inner.e-switch-active,
body.dark-mode .toggleSwitchContainer .e-css.e-switch-wrapper .e-switch-inner.e-switch-active,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper .e-css.e-switch-inner.e-switch-active,
body.dark-mode .toggleSwitchContainer .e-switch-wrapper .e-switch-inner.e-switch-active {
  border-color: var(--primary);
}
body.dark-mode .multistep-form {
  background: var(--dark-bg-light);
  border: none;
  padding: 0.125rem;
}
body.dark-mode .multistep-form h2 {
  margin: 0;
}
body.dark-mode .multistepContainer:not(:last-of-type) {
  margin-bottom: 0.125rem;
  display: block;
}
body.dark-mode .multistep-form .multistep-form__section-header {
  background-color: var(--dark-base);
  padding: 0 1rem 0 0;
}
body.dark-mode .e-temp-toolbar {
  background: var(--dark-bg-light);
}
body.dark-mode .e-temp-toolbar:before {
  background: var(--dark-bg-light);
}
body.dark-mode .e-daterangepicker a.e-start-label, body.dark-mode .e-daterangepicker a.e-end-label {
  color: var(--gray100) !important;
}
body.dark-mode .e-daterangepicker .e-change-icon,
body.dark-mode .e-daterangepicker .e-day-span {
  color: var(--gray100) !important;
}
body.dark-mode .e-daterangepicker .e-day-span {
  color: var(--primary);
}
body.dark-mode .e-daterangepicker.e-popup .e-calendar, .e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar {
  background-color: var(--white) !important;
}
body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover, .e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
.e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
  color: var(--gray100);
}
body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
.e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
  background-color: var(--dark-border);
  color: var(--gray100);
}
body.dark-mode .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
  border-color: var(--white);
}
body.dark-mode .e-daterangepicker.e-popup .e-separator, .e-bigger.e-small body.dark-mode .e-daterangepicker.e-popup .e-separator {
  border-color: var(--dark-border);
  background-color: var(--dark-border);
}
body.dark-mode .themeBuilderContainer .e-btn.e-primary {
  color: var(--white);
}
body.dark-mode .themeBuilderContainer .theme-builder__example--nav {
  background: var(--dark-border);
}
body.dark-mode .themeBuilderContainer .theme-builder__example {
  border-color: var(--dark-border);
}
body.dark-mode .error-page__error-shadow {
  -webkit-text-stroke: 0.125rem var(--dark-grid-border);
}
body.dark-mode .background1-stroke0,
body.dark-mode .background1-stroke1,
body.dark-mode .background1-stroke2 {
  stroke: var(--dark-grid-border);
}
body.dark-mode .card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .card-title {
  color: var(--primary);
}
body.dark-mode .card-subtitle {
  color: var(--gray300) !important;
  background-color: var(--dark-bg-light);
}
body.dark-mode .login-block__card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .login-block__footer {
  border-color: var(--dark-grid-border);
}
body.dark-mode .announcement__cta .e-btn.e-primary {
  background: white;
  border-color: white;
}
body.dark-mode .announcement__body .message {
  color: white;
}
body.dark-mode .announcement__subtitle, body.dark-mode .announcement__date {
  color: white;
}
body.dark-mode .announcement__header h2 {
  color: white;
}
body.dark-mode .forms__row {
  color: var(--gray100);
}
body.dark-mode .benefit-cards .ms-card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
  box-shadow: 0 0 0 0 var(--primary);
}
body.dark-mode .ms-card .plan-badges .badge-recommended {
  color: var(--white);
  background-color: var(--error);
}
body.dark-mode right-sidebar .RSB-component {
  background: var(--dark-bg-light);
  color: var(--gray100);
}
body.dark-mode .RSB-checkboxes .e-label {
  color: var(--gray100) !important;
}
body.dark-mode .waive-card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
  box-shadow: none;
}
body.dark-mode .benefit-cards .io-card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .ee-dashboard__confirmations,
body.dark-mode .ee-dashboard__carriers,
body.dark-mode .ee-dashboard__doclib {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
body.dark-mode .ee-dashboard__enroll-windows .ee-enroll-welcome__enroll-items .ee-enroll-welcome__enroll-item {
  box-shadow: none;
  background-color: var(--primary-ghost);
  color: var(--white);
}
body.dark-mode .modal-drawer {
  background-color: var(--dark-bg-light);
}
body.dark-mode .copy-block {
  color: var(--gray100);
}
body.dark-mode .copy-block h2 {
  background: transparent;
  padding: 0;
  margin: 0;
}
body.dark-mode .e-input-group,
body.dark-mode .e-input-group.e-control-wrapper,
body.dark-mode .e-float-input,
body.dark-mode .e-float-input.e-input-group,
body.dark-mode .e-float-input.e-control-wrapper,
body.dark-mode .e-float-input.e-input-group.e-control-wrapper {
  background: var(--white);
  color: var(--text-color);
}
body.dark-mode .report-filter__section-header {
  background: var(--gray700);
  border-top: 0.0625rem solid var(--gray700);
  border-bottom: 0.0625rem solid var(--gray700);
}
body.dark-mode .e-btn.e-flat,
body.dark-mode .e-btn.e-flat.e-primary,
body.dark-mode .e-btn.flat,
body.dark-mode .e-btn.flat.e-primary,
body.dark-mode .e-css.btn.e-flat.e-primary,
body.dark-mode .e-css.e-btn.e-flat,
body.dark-mode .e-css.e-btn.e-flat.e-primary,
body.dark-mode .e-css.e-btn.flat {
  background-color: transparent;
  color: var(--dark-subtle-text);
}
body.dark-mode .filters-palette__palette {
  background-color: var(--gray700);
}
body.dark-mode .filters-palette__list {
  border: 0.0625rem solid var(--gray700);
}
body.dark-mode .filters__list-item {
  background-color: var(--gray700);
}
body.dark-mode .filter-option__section-wrapper {
  background-color: transparent;
}
body.dark-mode .filter-option__section-top {
  background-color: var(--dark-base);
  border-bottom: 0.0625rem solid var(--gray500);
}
body.dark-mode .filter-option__question {
  margin-top: 0.8125rem;
}
body.dark-mode .e-input-group,
body.dark-mode .e-input-group.e-control-wrapper,
body.dark-mode .e-float-input,
body.dark-mode .e-float-input.e-input-group,
body.dark-mode .e-float-input.e-control-wrapper,
body.dark-mode .e-float-input.e-input-group.e-control-wrapper {
  background: var(--dark-base) !important;
}
body.dark-mode [data-group]:nth-child(even) .group {
  background: #494640 !important;
}
body.dark-mode [data-group]:nth-child(even) .filter-option {
  background: #494640 !important;
}
body.dark-mode [data-group]:nth-child(even) .filter-option .filter-option__section-top {
  background: transparent;
}
body.dark-mode [data-group]:nth-child(even) .filter-option .e-input-group,
body.dark-mode [data-group]:nth-child(even) .filter-option .e-input-group.e-control-wrapper,
body.dark-mode [data-group]:nth-child(even) .filter-option .e-float-input,
body.dark-mode [data-group]:nth-child(even) .filter-option .e-float-input.e-input-group,
body.dark-mode [data-group]:nth-child(even) .filter-option .e-float-input.e-control-wrapper,
body.dark-mode [data-group]:nth-child(even) .filter-option .e-float-input.e-input-group.e-control-wrapper {
  background: transparent !important;
}
body.dark-mode .filters-list__list-tertitems__li .filters-list__column-name i {
  color: var(--gray500) !important;
}
body.dark-mode .e-checkbox-wrapper .e-frame,
body.dark-mode .e-css.e-checkbox-wrapper .e-frame {
  background-color: var(--gray700);
  border-color: var(--gray700);
}
body.dark-mode .filters-list__list-item i {
  color: var(--gray200);
}
body.dark-mode .report-filters {
  background-color: var(--dark-bg-light);
  border: none;
}
body.dark-mode .filters-list__list-item:not(:last-of-type),
body.dark-mode .report-filters__form,
body.dark-mode .report-filters__new-row,
body.dark-mode .report-filters__output-drawer {
  border-color: var(--dark-border);
}
body.dark-mode .report-filters__output {
  border: none;
  border-bottom: 0.0625rem solid var(--dark-border);
}
body.dark-mode ::-moz-selection {
  background: var(--primary); 
  color: var(--dark-border); 
}
body.dark-mode ::selection {
  background: var(--primary); 
  color: var(--dark-border); 
}
body.dark-mode [class^=status__] {
  color: var(--white);
  font-weight: 600;
}
body.dark-mode .status__buildinprogress {
  color: var(--black);
}
body.dark-mode .status__no, body.dark-mode .status__notcomplete, body.dark-mode .status__n, body.dark-mode .status__fail {
  background: var(--error);
  color: var(--black);
}
body.dark-mode .pill--info {
  background-color: var(--dark-info-background);
  border: 0.0625rem solid var(--dark-info-border);
  color: var(--info);
}
body.dark-mode .pill--success {
  background-color: var(--dark-success-background);
  border: 0.0625rem solid var(--dark-success-border);
  color: var(--success);
}
body.dark-mode .pill--warning {
  background-color: var(--dark-warning-background);
  border: 0.0625rem solid var(--dark-warning-border);
  color: var(--warning);
}
body.dark-mode .pill--error {
  background-color: var(--dark-error-background);
  border: 0.0625rem solid var(--dark-error-border);
  color: var(--error);
}



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}



.btn {
  border-radius: var(--border-radius);
  font-weight: 600;
  padding: 0.25rem 1rem;
  min-width: 2rem;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 2rem;
  font-size: 0.875rem;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, all 0.2s ease-in-out;
  
  
  
}
.btn.small {
  height: 2rem;
}
.btn-link {
  text-decoration: none;
}
.btn-full {
  width: 100%;
}


.btn-group-sm > .btn,
.btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 6.25rem;
  padding: 0 1rem;
}


.btn-primary {
  border: 0.0625rem solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
}
.btn-primary:hover {
  background-color: var(--primary-hover);
  color: var(--white);
}
.btn-primary:focus {
  background-color: var(--primary-hover);
  color: var(--white);
}
.btn-primary:active {
  background-color: var(--primary-hover);
  color: var(--white);
}
.btn-primary-link {
  min-width: unset;
  min-height: unset;
  background-color: var(--primary);
  color: var(--white);
}
.btn-primary-link:hover {
  background-color: var(--primary-hover);
  color: var(--white);
}
.btn-primary-link:focus {
  background-color: var(--primary-hover);
  color: var(--white);
}

.btn-secondary {
  border: none;
  background-color: var(--white);
  color: var(--primary);
  border: 0.0625rem solid var(--primary);
}
.btn-secondary:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
  border: 0.0625rem solid var(--primary);
}
.btn-secondary:focus, .btn-secondary:active {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.btn-success {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--success);
  --bs-btn-border-color: var(--success);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--success-hover);
  --bs-btn-hover-border-color: var(--success-hover);
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--success-hover);
  --bs-btn-active-border-color: var(--success-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--success);
  --bs-btn-disabled-border-color: var(--success);
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--danger);
  --bs-btn-border-color: var(--danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--danger-hover);
  --bs-btn-hover-border-color: var(--danger-hover);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--danger-hover);
  --bs-btn-active-border-color: var(--danger-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--danger);
  --bs-btn-disabled-border-color: var(--danger);
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--warning);
  --bs-btn-border-color: var(--warning);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--warning-hover);
  --bs-btn-hover-border-color: var(--warning-hover);
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--warning-hover);
  --bs-btn-active-border-color: var(--warning-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--warning);
  --bs-btn-disabled-border-color: var(--warning);
}

.btn-dark {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--gray600);
  --bs-btn-border-color: var(--gray600);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--gray600);
  --bs-btn-disabled-border-color: var(--gray600);
}

.btn-info {
  border: none;
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.btn-info:hover {
  background-color: var(--primary);
  color: var(--white);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.btn-link {
  color: var(--primary);
  background-color: var(--white);
  min-width: unset;
}
.btn-link:hover {
  background-color: var(--primary-ghost);
}

.btn-square {
  width: 2.5rem;
  height: 2.5rem;
  min-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-ghost);
  border-color: var(--primary-ghost);
}
.btn-square:hover {
  background-color: var(--primary);
  color: var(--white);
}

.btn-header {
  height: 2.125rem;
  width: 2.125rem;
  min-width: unset;
  padding: 0;
  border-radius: 6.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.btn-header:hover {
  color: var(--primary);
  box-shadow: var(--box-shadow);
}


.btn.disabled,
.btn[disabled],
a.btn:disabled,
fieldset:disabled .btn {
  background-color: var(--gray300) !important;
  color: var(--gray500) !important;
  cursor: no-drop !important;
}


.btn-center {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 1.5rem;
}


@media only screen and (max-width: 768px) {
  .btn {
    width: 100%;
    margin: 1rem 0;
  }
}
.floating {
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  border-radius: 6.25rem;
  min-width: unset;
  width: 3.125rem;
  height: 3.125rem;
  box-shadow: var(--box-shadow);
  color: var(--primary);
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating:before {
  content: "+";
  color: var(--white);
  font-size: 1.5rem;
  font-family: var(--font-awesome);
}
.floating.active {
  display: flex;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--primary-dark);
}

.btn-flat {
  border: 0.0625rem solid var(--primary-ghost);
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.btn-flat:hover {
  background-color: var(--primary-ghost);
  border: 0.0625rem solid var(--primary);
}
.btn-flat:active {
  border: 0.0625rem solid var(--primary-ghost) !important;
  background-color: var(--primary-ghost) !important;
  color: var(--primary) !important;
}

.btn-ghost {
  background-color: var(--primary-ghost);
  color: var(--primary);
  border: 0.0625rem solid var(--primary-ghost);
  font-weight: 500;
  font-size: 0.875rem;
}
.btn-ghost:focus, .btn-ghost:hover {
  background-color: var(--primary-ghost);
  color: var(--primary-hover);
  border: 0.0625rem solid var(--primary-ghost);
}
.btn-ghost:active {
  background-color: var(--primary-info) !important;
  color: var(--primary-hover) !important;
  border: 0.0625rem solid var(--primary-ghost) !important;
}


.btn-group {
  gap: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.btn-group a.btn {
  display: flex;
}
.btn-group .upload-btn label {
  height: 2rem;
}
.btn-group .btn-group:not(:last-child) > .btn,
.btn-group .btn.dropdown-toggle-split:first-child,
.btn-group .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--border-radius);
}
.btn-group .btn-group:not(:first-child) > .btn,
.btn-group .btn:nth-child(n+3),
.btn-group :not(.btn-check) + .btn {
  border-radius: var(--border-radius);
}
.btn-group .btn {
  min-width: unset;
  height: 2.5rem;
}
.btn-group.joined .btn-group:not(:last-child) > .btn,
.btn-group.joined .btn.dropdown-toggle-split:first-child,
.btn-group.joined .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.btn-group.joined .btn-group:not(:first-child) > .btn,
.btn-group.joined .btn:nth-child(n+3),
.btn-group.joined :not(.btn-check) + .btn {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
@media only screen and (max-width: 768px) {
  .btn-group {
    flex-direction: column-reverse;
    width: 100%;
    gap: 1rem;
  }
  .btn-group .btn {
    margin: 0;
  }
}

.card {
  border-radius: var(--card-border-radius);
  position: relative;
  border: 0.0625rem solid var(--card-border-color);
  padding: 1.5rem 2rem;
  margin: 1rem;
  background-color: var(--white);
  max-width: unset !important;
}
.card__close {
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  padding: 0.5rem;
  min-width: unset;
  top: 0;
  right: 0.375rem;
  opacity: 1;
  color: var(--gray400);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  transition: all 0.2s ease-in-out;
}
.card__close:hover {
  opacity: 1;
}
.card-subject {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--gray200);
  padding-bottom: 1.25rem;
}
.card-subject__title {
  font-weight: 600;
  margin-right: 1.25rem;
}
.card-toolbar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  min-height: 2rem;
  align-items: center;
}
.card-toolbar--left {
  display: flex;
  gap: 0.5rem;
}
.card-toolbar__tools {
  display: flex;
  gap: 0.5rem;
}
.card-toolbar .form-element {
  margin: 0;
  min-width: 13.75rem;
  transition: all 0.3s ease-in-out;
}
.card-toolbar .btn {
  min-height: 2rem;
}
.card-toolbar .btn.show {
  display: flex;
}
.card-cta {
  display: flex;
  margin-top: 1rem;
}
.card-cta .btn {
  padding: 0.5rem;
  width: 2.5rem;
  transition: all 0.2s ease-in-out;
}
.card-cta--right {
  justify-content: flex-end;
}
.card-cta--right .btn {
  width: -moz-fit-content;
  width: fit-content;
}
.card-header {
  background-color: var(--white);
  border: none;
}
.card-title {
  align-self: flex-start;
  justify-content: space-between;
  background-color: var(--white);
  padding: 0.5rem 0;
  width: 100%;
  display: flex;
  align-items: baseline;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: var(--gray500);
  margin-bottom: 2rem;
}
.card-title a {
  font-size: 1rem;
  line-height: 1.5rem;
}
.card-title .btn {
  padding: 0.5rem;
  min-width: unset;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  margin-top: -0.5rem;
}
.card-title .btn-link:hover {
  background-color: var(--primary-ghost);
}
.card-title.collapsable + .collapse.show .row {
  margin-bottom: 2rem;
}
.card-title.collapsable .btn {
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.card-title.collapsable .btn:after {
  font-family: var(--font-awesome);
}
.card-title.collapsable .btn[aria-expanded=true]:after {
  content: "\f106";
}
.card-title.collapsable .btn[aria-expanded=false]:after {
  content: "\f107";
}
.card-title--sticky {
  position: sticky;
  top: 0;
  align-self: start;
  background: var(--white);
  padding: 1rem 0;
  width: 100%;
}
.card-subtitle {
  margin: 1.5rem -2rem;
  padding: 0.5rem 2rem;
  position: sticky;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--gray500) !important;
  background-color: var(--white);
  top: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease-in-out;
}
.card-subtitle[aria-expanded=false], .card-subtitle[aria-expanded=true] {
  margin: 0 0 0.5rem 0;
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--primary-ghost);
}
.card-subtitle[aria-expanded=false] {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.card-subtitle[aria-expanded=false]:after {
  font-family: var(--font-awesome);
  content: "\f107";
}
.card-subtitle[aria-expanded=false]:hover {
  background-color: var(--primary);
  color: var(--white);
}
.card-subtitle[aria-expanded=true] {
  color: var(--white);
  background-color: var(--accent);
}
.card-subtitle[aria-expanded=true]:after {
  font-family: var(--font-awesome);
  content: "\f106";
}
.card-subtitle .btn {
  min-width: unset;
  padding: 0.5rem;
  background-color: transparent;
}
.card-subtitle .btn:hover {
  background-color: var(--primary-ghost);
}
.card-subtitle--error {
  background-color: var(--error-ghost);
  color: var(--error);
}
.card-subtitle--error .btn {
  color: var(--error);
}
.card-subtitle .button-group {
  width: -moz-min-content;
  width: min-content;
  margin-right: 0.5rem;
}
.card-subtitle-error {
  margin: 1.5rem -2rem;
  color: #cb000a;
  background: #fae8e9;
  padding: 0.5rem 2rem;
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease-in-out;
}
.card-subtitle-error[aria-expanded=false], .card-subtitle-error[aria-expanded=true] {
  margin: 0 0 0.5rem 0;
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--primary-ghost);
}
.card-subtitle-error[aria-expanded=false] {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.card-subtitle-error[aria-expanded=false]:after {
  font-family: var(--font-awesome);
  content: "\f107";
}
.card-subtitle-error[aria-expanded=false]:hover {
  background-color: var(--primary);
  color: var(--white);
}
.card-subtitle-error[aria-expanded=true] {
  color: var(--white);
  background-color: var(--accent);
}
.card-subtitle-error[aria-expanded=true]:after {
  font-family: var(--font-awesome);
  content: "\f106";
}
.card-subtitle-error .btn {
  min-width: unset;
  padding: 0.5rem;
  background-color: transparent;
}
.card-subtitle-error .btn:hover {
  background-color: var(--primary-ghost);
}
.card-text {
  margin-top: 1.25rem;
  color: var(--gray500);
}
.card-text__row {
  display: flex;
}
.card-text__row:not(:last-of-type) {
  margin-bottom: 1.25rem;
}
.card-text__col:first-of-type {
  font-weight: 600;
  min-width: 16.25rem;
  width: 16.25rem;
  padding-right: 0.625rem;
}
.card-text__list-item {
  display: flex;
  justify-content: space-between;
}
.card-body {
  padding: 0;
}
.card-body-item {
  margin-bottom: 1.25rem;
}
.card-body-item--title {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.card-body-item--body {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.card-body--line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.card-body--line-clamp.open {
  -webkit-line-clamp: unset;
}
.card-link {
  bottom: 0;
}
.card__logo {
  padding: 1.25rem;
}
.card__footer {
  display: flex;
  justify-content: space-between;
}
.card-footer {
  background-color: transparent;
  display: flex;
  justify-content: flex-end;
}
.card__row {
  display: grid;
}
.card__row-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius);
  padding: 0.5rem;
}
.card__row-item:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--border-color);
}
.card.disabled {
  background-color: var(--gray300);
  border: none;
  display: flex;
  align-items: center;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  color: var(--gray500);
}
.card .btn {
  align-items: center;
}
.card.time-view {
  background-color: var(--primary-ghost);
  box-shadow: unset;
  border-color: var(--primary-info);
}
.card.time-view .time-card__label {
  color: var(--gray600);
}
.card.time-view .card-title {
  background-color: transparent;
  color: var(--gray600);
}
.card .accordion {
  margin: 0;
  box-shadow: none;
}
.card .accordion:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.card .accordion .accordion-item:first-of-type {
  margin-top: 1.5rem;
}
.card .accordion .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.card .accordion .accordion-item:not(:first-of-type) {
  border-top: 0.0625rem solid var(--card-border-color);
}
.card .accordion .accordion-item:last-of-type {
  margin-bottom: 1rem;
}
.card .accordion .accordion-item:last-of-type .accordion-button {
  border-radius: 0;
}

@media only screen and (max-width: 768px) {
  .card {
    margin: 1.25rem;
  }
  .card-text__row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 595px) {
  .card {
    margin: 0.25rem;
    padding: 1rem;
  }
  .card-title {
    position: relative;
    z-index: 0;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
  }
  .card-title span {
    display: block;
    width: 100%;
  }
  .card-title .btn {
    min-width: unset;
    border: 0.0625rem solid var(--primary);
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .card-title.collapsable .btn {
    border: none;
    border-bottom: 0.0625rem solid var(--card-border-color);
    border-radius: 0;
  }
  .card__close {
    opacity: 1;
    text-align: right;
    margin: 0 !important;
    padding: 0;
    top: 1.25rem;
    right: 0.8125rem;
    color: var(--gray400);
    z-index: 1;
    width: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .card__footer {
    row-gap: 1.25rem;
    flex-direction: column !important;
  }
  .card__footer .form-check-input {
    width: 1.875rem;
    height: 1.875rem;
  }
  .card .card-subtitle {
    margin: 1rem -1rem;
  }
  .card .accordion {
    margin: 0;
  }
  .card-text__col {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.dark-mode .card-title {
  background: var(--dark-bg-light) !important;
}
.dark-mode .card.time-view .card-title {
  color: var(--primary);
}
.dark-mode .card.time-view .time-card__label {
  color: var(--gray400);
}


.accordion {
  box-shadow: var(--box-shadow);
  margin: 1rem;
}
.accordion-header {
  margin: 0;
}
.accordion-item {
  border: none;
  background: var(--white);
  color: var(--text-color);
}
.accordion-item:not(:first-of-type) {
  border-top: 0.0625rem solid var(--card-border-color);
}
.accordion-button {
  display: flex;
  display: flex;
  align-items: baseline;
  position: relative;
  z-index: 1;
  color: var(--text-color);
  background: var(--white);
  font-size: 1.25rem;
  line-height: 1.875rem;
  transition: background-color 0.6s ease-in-out;
}
.accordion-button:hover {
  background-color: var(--primary-ghost);
}
.accordion-button .btn {
  padding: 0;
  min-width: 2.5rem;
  margin-right: 0.625rem;
  color: var(--primary);
}
.accordion-button .accordion-title-group {
  display: flex;
  flex-direction: column;
}
.accordion-button .subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
.accordion-button .subtitle:first-of-type {
  margin-top: 0.25rem;
}
.accordion-button .dropdown {
  position: relative;
  z-index: 2;
}
.accordion-button .dropdown .dropdown-toggle {
  width: 2.5rem;
  display: flex;
  justify-content: center;
}
.accordion-button.spinner {
  position: relative;
}
.accordion-button.spinner .loading {
  position: absolute;
  right: 3.125rem;
}
.accordion-body {
  padding: 2.5rem;
  background: var(--white);
}
.accordion .accordion-button {
  font-weight: 600;
}
.accordion .accordion-button__wrapper {
  display: flex;
}
.accordion .accordion-button__date {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 300;
  margin-right: 2.5rem;
}
.accordion .accordion-body ol {
  list-style: decimal;
}
.accordion .accordion-body ol li {
  margin: 0.625rem 0 0.625rem 1.25rem;
  padding: 0 0.625rem;
}
.accordion .accordion-item:last-of-type {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.accordion .accordion-item:first-of-type {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.accordion__two-col {
  display: flex;
}
.accordion__left-col {
  min-width: 15%;
}

.accordion-flush .accordion-item .accordion-button {
  font-weight: 600;
}

.accordion-save {
  margin: 1rem;
  padding: 1rem;
}

@media only screen and (max-width: 768px) {
  .accordion-button .btn {
    width: 2.5rem;
  }
}
@media only screen and (max-width: 595px) {
  .accordion .accordion-button {
    display: flex;
    flex-direction: column-reverse;
  }
  .accordion .subtitle {
    margin: 0;
  }
  .accordion-button .btn {
    border: 0.0625rem solid;
    width: 100%;
    padding: 0.75rem;
    margin-top: 0.625rem;
  }
  .accordion-title-group {
    margin-top: -1.6875rem;
    display: flex;
    flex-direction: column;
    max-width: 12.5rem;
  }
  .accordion-body {
    padding: 1.125rem;
  }
}
.dark-mode .accordion-item:not(:first-of-type) {
  border-top: 0.0625rem solid var(--dark-grid-border);
}
.dark-mode .accordion-body {
  background: var(--dark-bg-light);
}
.dark-mode .accordion-button {
  background: var(--dark-border);
  border-color: var(--dark-border);
}
.dark-mode .accordion-button:not(.collapsed) {
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--dark-grid-border);
}


.breadcrumbs {
  grid-area: breadcrumbs;
}
.breadcrumbs .breadcrumb {
  transition: all 0.1s ease-in-out;
}

.breadcrumb {
  background-color: var(--white);
  border-radius: 0;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin: 0;
  padding: 0 1.5rem;
}
.breadcrumb .active {
  color: var(--gray300);
}
.breadcrumb.recede {
  background-color: var(--gray200);
}
.breadcrumb .breadcrumb-item {
  padding: 0.5rem 0;
}
.breadcrumb .breadcrumb-item:not(:last-of-type) {
  margin-right: 0.5rem;
}
.breadcrumb .breadcrumb-item a {
  display: -webkit-box;
  color: var(--gray500);
  font-size: 0.75rem;
}
.breadcrumb .breadcrumb-item a.disabled {
  color: var(--gray600) !important;
  cursor: no-drop;
}
.breadcrumb .breadcrumb-item:before {
  content: "";
}
.breadcrumb .breadcrumb-item:not(:last-of-type) a {
  color: var(--primary);
}
.breadcrumb .breadcrumb-item:not(:last-of-type) a:after {
  content: "/";
  color: var(--primary);
  margin-left: 0.5rem;
}
.breadcrumb .form-element {
  margin: 0;
  margin-right: 0.625rem;
}
.breadcrumb .bootstrap-select .dropdown-toggle {
  border: none;
  font-size: 0.75rem;
  font-weight: 800;
  border-right: 0.0625rem solid var(--card-border-color);
  padding: 0.625rem 1rem;
  border-radius: 0;
  max-height: unset;
}
.breadcrumb .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: var(--primary);
  font-weight: 600;
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dark-mode .breadcrumb {
  background-color: var(--dark-base);
  border-bottom: 0.0625rem solid var(--dark-border);
}
.dark-mode .breadcrumb .breadcrumb-item a {
  color: var(--gray400);
  cursor: default;
}
.dark-mode .breadcrumb .breadcrumb-item:not(:last-of-type) a {
  color: var(--primary);
  cursor: pointer;
}


.bootstrap-select .filter-option-inner-inner {
  color: var(--text-color);
  display: block;
  max-width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .bs-ok-default {
  border: none;
}
.bootstrap-select .dropdown-menu {
  max-width: 18.75rem;
  margin-bottom: 0.6875rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .dropdown-menu .text {
  display: block;
  max-width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .dropdown-menu li {
  margin-bottom: 0.0625rem;
}
.bootstrap-select .dropdown-menu li a {
  color: var(--gray600);
}
.bootstrap-select .dropdown-menu li a.selected {
  background-color: var(--primary);
  color: var(--white) !important;
}
.bootstrap-select .bs-ok-default:after {
  font-family: var(--font-awesome);
  content: "\f00c";
  transform: unset;
  border: none;
  font-weight: 700;
  height: 1.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  color: var(--white) !important;
}
.bootstrap-select .show {
  display: block !important;
  z-index: 10000;
}
.bootstrap-select .dropdown-toggle {
  margin-right: 0;
}
.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: 1.875rem;
}
.bootstrap-select .dropdown-toggle:after {
  position: absolute;
  right: 0.875rem;
}
.bootstrap-select.disabled .btn {
  opacity: 1;
}
.bootstrap-select.disabled .dropdown-toggle {
  background-color: var(--gray100);
}
.bootstrap-select.disabled .dropdown-toggle:after {
  display: none;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: var(--danger);
}
.bootstrap-select.is-invalid .dropdown-toggle:before,
.error .bootstrap-select .dropdown-toggle:before,
.has-error .bootstrap-select .dropdown-toggle:before,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle:before {
  content: " This is a required field.";
  position: absolute;
  bottom: -1.5625rem;
  left: 0;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: var(--danger);
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: var(--border-color) !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
  color: var(--gray600);
  background-color: var(--white) !important;
  border-color: var(--primary-info) !important;
  outline: 0;
  box-shadow: var(--focus-shadow);
}

.bootstrap-select .dropdown-toggle[aria-expanded=true] {
  border-color: var(--primary-info) !important;
  outline: 0;
  box-shadow: var(--focus-shadow);
}

.dropup .dropdown-toggle:after {
  border: none;
  content: "\f106";
}
.dropup .dropdown-toggle.show:after {
  content: "\f107";
}

.bootstrap-select .dropdown-menu li a {
  padding-right: 0.5rem;
}
.bootstrap-select .dropdown-menu li a span.text {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 768px) {
  .bootstrap-select .btn {
    margin: 0 !important;
  }
}

.toast {
  --bs-toast-color: var(--text-color);
  --bs-toast-bg: var(--white);
  --bs-toast-border-width: 0.0625rem;
  --bs-toast-border-color: var(--gray300);
  --bs-toast-border-radius: var(--border-radius);
  --bs-toast-box-shadow: var(--box-shadow);
  --bs-toast-header-color: var(--text-color);
  --bs-toast-header-bg: var(--white);
  --bs-toast-header-border-color: var(--gray300);
  position: relative;
  border: none;
}
.toast-wrapper {
  display: flex;
  box-shadow: var(--box-shadow);
  background-color: var(--white);
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--border-radius);
  font-weight: 600;
}
.toast-body {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.toast-header {
  justify-content: space-between;
  color: var(--text-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.toast-cta {
  height: 100%;
  display: flex;
  align-items: baseline;
  background-color: var(--white);
}
.toast-cta .btn-close {
  background-color: transparent;
  font-size: 0.625rem;
  line-height: 0.9375rem;
  margin: 0.5rem;
}
.toast.success .toast-wrapper {
  color: var(--green50);
  background-color: var(--green10);
  border-color: var(--green10);
}
.toast.success .toast-cta {
  color: var(--green50);
  background-color: var(--green10);
}
.toast.success .toast-cta .btn-close {
  color: var(--green50);
}
.toast.success .toast-cta .btn-close i {
  color: var(--green50);
}
.toast.error .toast-wrapper {
  color: var(--red50);
  background-color: var(--red10);
  border-color: var(--red10);
}
.toast.error .toast-cta {
  color: var(--red50);
  background-color: var(--red10);
}
.toast.error .toast-cta .btn-close {
  color: var(--red50);
}
.toast.error .toast-cta .btn-close i {
  color: var(--red50);
}


.form-label {
  font-weight: 600;
  margin-bottom: 0;
}
.form-label .info {
  color: var(--primary);
}



.form-select {
  border: 0.0625rem solid var(--disabled);
  border-radius: var(--border-radius);
  height: 2.5rem;
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out;
  border: 0.0625rem solid var(--border-color);
}

.form-select[disabled], .form-select:disabled {
  border-color: var(--white);
  color: var(--disabled-text);
  border-radius: 0;
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--danger);
  color: var(--danger);
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: initial;
  background-image: none;
}


.form-check-input {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.form-check-input[type=checkbox] {
  border-radius: var(--border-radius);
}
.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.form-check-input:checked[type=radio] {
  background-size: 0.875rem;
}
.form-check-input:not(:checked):hover {
  background-color: var(--gray400);
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: initial;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--gray400);
}

.form-check {
  display: flex;
  align-items: center;
}
.form-check .form-check-label {
  margin-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.form-check .form-check-input[read-only], .form-check .form-check-input:disabled, .form-check .form-check-input[disabled] {
  opacity: 0.5;
  cursor: no-drop;
}
.form-check .form-check-input[read-only]:checked, .form-check .form-check-input:disabled:checked, .form-check .form-check-input[disabled]:checked {
  background-color: var(--gray500);
  border-color: var(--gray500);
}
.form-check .form-check-input[read-only] + .form-check-label, .form-check .form-check-input:disabled + .form-check-label, .form-check .form-check-input[disabled] + .form-check-label {
  opacity: 1;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  pointer-events: none;
}

.form-control {
  color: var(--gray600);
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--border-color);
  height: 2rem;
  transition: background-color 0.3s ease-in-out;
}
.form-control:focus {
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
}

.form-control:-moz-read-only {
  background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  border-radius: var(--border-radius);
}

.form-control:disabled, .form-control:read-only {
  background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  border-radius: var(--border-radius);
}
.form-control:-moz-read-only:focus {
  border-color: var(--white);
  outline: none;
  box-shadow: none;
}
.form-control:disabled:focus, .form-control:read-only:focus {
  border-color: var(--white);
  outline: none;
  box-shadow: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--error) !important;
  color: var(--error) !important;
  background-color: var(--error-ghost) !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--border-color);
  background-image: none;
  padding-right: 0.5rem !important;
}

.dark-mode .form-control {
  color: var(--gray100);
  background: var(--dark-base);
  border: 0.0625rem solid var(--dark-border);
}

.form-group label {
  margin-bottom: 0.125rem;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  color: var(--gray300);
}


.form-wrapper {
  display: flex;
  align-items: flex-end;
}
.form-wrapper .form-element {
  flex-grow: 1;
}
.form-wrapper .form-element .form-select {
  border-radius: 0.1875rem 0 0 0.1875rem;
  border-right: none;
}
.form-wrapper .btn {
  height: 2.5rem;
  margin-bottom: 1rem;
  min-width: unset;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0 0.1875rem 0.1875rem 0;
}

@media only screen and (max-width: 595px) {
  .form-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-wrapper .form-element {
    width: 100%;
  }
  .form-wrapper .form-element .form-select {
    border-radius: var(--border-radius);
    border-right: 0.0625rem solid var(--card-border-color);
  }
  .form-wrapper .btn {
    margin: 0 0 1.25rem 0;
    width: 100%;
    border-radius: var(--border-radius);
    border-right: initial;
  }
}

.input-group.password [type=password] + .btn,
.input-group.password [type=text] + .btn {
  min-width: 0;
  padding: 0 0.5rem;
  border: 0.0625rem solid var(--border-color);
  border-left: none;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: var(--white);
}
.input-group.password [type=password] + .btn:hover,
.input-group.password [type=text] + .btn:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.input-group.password [type=password] + .btn:focus, .input-group.password [type=password] + .btn:active,
.input-group.password [type=text] + .btn:focus,
.input-group.password [type=text] + .btn:active {
  box-shadow: none;
}
.input-group .btn {
  min-width: unset;
  width: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  height: 2.5rem !important;
}
.input-group .btn:hover {
  background-color: var(--primary);
  color: var(--white);
}
.input-group .form-control:last-child {
  border-left: none;
}
.input-group .form-date {
  border: 0.0625rem solid var(--border-color);
}
.input-group .form-date:first-child {
  border-right: 0.0625rem solid var(--border-color);
}
.input-group .form-date:last-child {
  border-left: 0.0625rem solid var(--border-color);
}
.input-group .input-group-text {
  border-radius: var(--border-radius);
  background-color: var(--white);
  border-color: var(--border-color);
  height: 2rem;
}
.input-group .input-group-text:first-child {
  border-right: none;
}
.input-group .input-group-text:last-child {
  border-left: none;
}
.input-group .multiselect {
  width: 80%;
}
.input-group .multiselect + .btn {
  margin-top: 2.5625rem;
  padding: 1rem;
  border: 0.0625rem solid var(--border-color);
  color: var(--primary);
  width: 10%;
}
.input-group .multiselect + .btn:hover {
  color: var(--white);
  border-color: var(--primary);
}
.input-group .bootstrap-select {
  height: 2.5rem;
}
.input-group .bootstrap-select .dropdown-toggle {
  height: 2.5rem;
  width: 100%;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
}
.input-group .bootstrap-select .dropdown-toggle:hover {
  background-color: var(--white);
}
.input-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  height: 2.5rem;
  padding: 0.4375rem 1rem;
  display: flex;
}
.input-group .bootstrap-select .dropdown-toggle:after {
  top: 0.4375rem;
}
.input-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 80%;
}

.dark-mode .input-group .input-group-text {
  background-color: var(--dark-grid-border);
  color: var(--gray300);
}





.alert {
  border-radius: 0;
}
.alert-success, .alert-info {
  border: none;
  font-weight: 600;
  border: none;
  text-align: center;
  font-weight: 600;
}
.alert-success {
  --bs-alert-color: var(--success);
  --bs-alert-bg: var(--green10);
  --bs-alert-border-color: var(--success);
}
.alert-info {
  --bs-alert-color: var(--blue70);
  --bs-alert-bg: var(--blue100);
  --bs-alert-border-color: var(--blue70);
}





.text-dark {
  color: var(--gray600) !important;
}
.text-light {
  color: var(--gray200) !important;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: var(--font-family-header);
}

h1 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 0.25rem;
}

.heading--level2 {
  
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.heading--level3 {
  
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}




.progress__password {
  margin-top: -0.625rem;
  height: 0.125rem;
}

.progress {
  height: 0.1875rem;
  border-radius: 6.25rem;
}
.progress-bar {
  background: var(--gradient1);
  border-radius: 6.25rem;
}



header {
  position: sticky;
  top: 0;
  z-index: 100;
}

.navbar {
  background-color: var(--gray600);
  color: var(--white);
  border-bottom: 0.25rem solid var(--primary);
  padding: 0;
  height: 3.125rem;
}
.navbar:before {
  content: "";
  position: fixed;
  background-color: var(--gray600);
  border-bottom: 0.25rem solid var(--primary);
  left: 0;
  height: 3.3125rem;
  width: 100vw;
}
.navbar .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  z-index: 1;
}
.navbar .navbar-brand img {
  max-height: 2.1875rem;
}
.navbar .navbar-nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
}
.navbar .navbar-nav .nav-item:not(:last-of-type) {
  margin-right: 1.875rem;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: var(--gray300);
  position: relative;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: bold;
  transition: color 0.2s ease-in-out;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--white);
}
.navbar .navbar-nav .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -0.1875rem;
  left: 0;
  right: 0;
  border-bottom: 0.25rem solid var(--primary);
}
.navbar form {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 0.875rem;
}
.navbar form input[type=search] {
  border-radius: 0.1875rem 0 0 0.1875rem;
  padding: 0 0 0 0.5rem;
  line-height: 1.5rem;
  height: 1.625rem;
  border-radius: var(--border-radius);
  border: none;
  margin: none;
}
.navbar form button {
  position: absolute;
  right: -1.25rem;
  padding: 0;
  line-height: 1.5rem;
  height: 1.625rem;
  min-width: 1.875rem;
  background: white;
  border-radius: 0 0.1875rem 0.1875rem 0;
}
.navbar form button:hover {
  background-color: white;
  color: var(--primary);
}


.modal-content {
  color: var(--text-color);
  background-color: var(--white);
  border: none;
  border-radius: 0.1875rem;
  outline: 0;
}
.modal-content .settings-table {
  margin: 0;
  border: 0;
  padding: 0.5rem;
}
.modal-content .nav-tabs {
  margin: 0 0 1rem;
}
.modal-content .card-subtitle {
  margin: 1.5rem 0;
  padding: 0.5rem 0;
}

.modal-header {
  padding: 1rem;
  border: none;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.modal-h-restrict {
  max-height: 25rem;
  overflow-x: hidden;
}
.modal-h-restrict--500 {
  max-height: 31.25rem;
}

.modal {
  z-index: 9999999999;
}
.modal-gp {
  --bs-modal-width: 76.25rem;
}
.modal-gp .grid-panel {
  margin: 0;
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 90rem;
  }
}
.dark-mode .modal-content .form-element .form-control,
.dark-mode .modal-content .form-element .dropdown-toggle {
  background: var(--dark-grid-border) !important;
}


.modal-verification {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-verification p {
  margin-bottom: 1rem;
}
.modal-verification__list {
  margin: 1rem 0;
  max-height: 18.75rem;
  overflow-y: auto;
  width: 100%;
}
.modal-verification__list-item {
  align-items: center;
  background: var(--white);
  display: flex;
  width: 100%;
}
.modal-verification__list-item:not(:last-child) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.modal-verification__list-item:hover {
  background: var(--primary-ghost);
}
.modal-verification__list-item-wrapper {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.modal-verification__radio {
  flex: 1;
  min-width: 0;
}
.modal-verification__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-verification__form .state-zip-wrapper {
  display: flex;
  gap: 1rem;
}
.modal-verification__form .state-zip-wrapper input {
  flex: 1;
}


.dropdown li {
  margin: 0;
  padding: 0;
}
.dropdown-item {
  color: var(--primary);
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--primary);
  background-color: var(--primary-ghost);
}

.dropdown-menu {
  box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.0625rem 0.25rem rgba(12, 14, 25, 0.08);
  padding: 1rem 0;
  border-radius: 0.1875rem !important;
  border: 0.0625rem solid var(--card-border-color);
  margin-top: 0.6875rem !important;
}
.dropdown-menu__filters {
  padding: 1rem;
  min-width: 18.75rem;
}
.dropdown-menu__filters .form-search,
.dropdown-menu__filters .form-select {
  margin-bottom: 0.625rem;
}
.dropdown-menu .subtitle {
  padding: 0 1rem 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}

.dropdown-toggle {
  display: flex;
}
.dropdown-toggle:after {
  font-family: var(--font-awesome);
  content: "\f107";
  border: unset;
  color: var(--primary);
}
.dropdown-toggle.show:after {
  content: "\f106";
}
.dropdown-toggle:active, .dropdown-toggle:focus {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-color: var(--blue100) !important;
}

ul.dropdown-menu.show {
  overflow-y: auto;
  max-height: 12.5rem;
}


.nav {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav--left {
  justify-content: flex-start;
}


.nav-tabs {
  margin: 0 1.25rem;
  background-color: var(--white);
}
.nav-tabs .nav-item {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-tabs .nav-item .incomplete::before {
  content: "\f071";
  
  font-family: "Font Awesome 6 Pro";
  font-weight: 800;
  margin-right: 0.5rem;
  color: var(--warning);
}
.nav-tabs .nav-item .complete::before {
  content: "\f058";
  
  font-family: "Font Awesome 6 Pro";
  font-weight: 800;
  margin-right: 0.5rem;
  color: var(--success-focus);
}
.nav-tabs .nav-item .optional::before {
  content: "\f058";
  
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  margin-right: 0.5rem;
  color: var(--success-focus);
}
.nav-tabs .nav-item .dropdown-menu {
  margin-top: 0.25rem !important;
}
.nav-tabs .nav-item .btn {
  min-width: unset;
}
.nav-tabs .nav-item .dropdown-toggle:after {
  margin-top: 0.125rem;
  margin-left: 0.375rem;
}
.nav-tabs .nav-item .dropdown-toggle:active,
.nav-tabs .nav-item .dropdown-toggle:focus {
  border-color: transparent !important;
  background-color: transparent !important;
}
.nav-tabs .nav-item .btn.show {
  background-color: transparent;
  min-width: unset;
}
.nav-tabs .nav-item .btn.show:after {
  position: absolute;
}
.nav-tabs .nav-item .btn-check:checked + .btn,
.nav-tabs .nav-item .btn.active,
.nav-tabs .nav-item .btn.show,
.nav-tabs .nav-item .btn:first-child:active,
.nav-tabs .nav-item :not(.btn-check) + .btn:active {
  border: none;
}
.nav-tabs .nav-link {
  position: relative;
  border: unset;
  color: var(--text-color);
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 0.25rem solid transparent;
  font-size: 0.875rem;
  align-items: center;
}
.nav-tabs .nav-link:disabled, .nav-tabs .nav-link[disabled] {
  color: var(--disabled);
  cursor: no-drop;
}
.nav-tabs .nav-link:not(:disabled):after {
  content: "";
  height: 0.25rem;
  background-color: var(--gray300);
  width: 0%;
  position: absolute;
  bottom: -0.25rem;
  z-index: -1;
  transition: width 0.2s ease-in-out;
}
.nav-tabs .nav-link:not(.active):hover:after {
  width: 100%;
}
.nav-tabs .nav-link.active {
  color: var(--primary);
  border-bottom: 0.25rem solid var(--primary);
}
.nav-tabs-vert {
  display: flex;
  flex-direction: column;
  margin-top: 0.625rem;
}
.nav-tabs-vert .nav-item {
  width: 100%;
}
.nav-tabs-vert .nav-item button {
  text-align: left;
}
.nav-tabs-vert .nav-item.warning {
  position: relative;
  padding-right: 1rem;
  display: flex;
  align-items: baseline;
  font-weight: 600;
}
.nav-tabs-vert .nav-item.warning:after {
  font-family: var(--font-awesome);
  content: "\f111";
  font-weight: 900;
  color: var(--warning-text);
  font-size: 0.625rem;
  line-height: 0.9375rem;
}
.nav-tabs-vert .nav-link {
  display: flex;
  align-items: flex-start;
  height: 100%;
  border: none;
  background-color: transparent;
  color: var(--text-color);
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: relative;
  padding: 0.3125rem 1.375rem;
  width: 90%;
}
.nav-tabs-vert .nav-link:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 0.0625rem solid var(--card-border-color);
  position: absolute;
  border-radius: 6.25rem;
  left: 0.125rem !important;
  top: 0.5rem;
  z-index: 0;
  transition: all 0.2s ease-in-out;
}
.nav-tabs-vert .nav-link:not(.active):hover:before {
  background-color: var(--gray300);
}
.nav-tabs-vert .nav-link.incomplete:before {
  content: "\f071" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 800;
  color: var(--warning) !important;
  height: unset !important;
  border: none !important;
  background-color: transparent !important;
  font-size: 0.75rem;
  left: -0.125rem !important;
}
.nav-tabs-vert .nav-link.success {
  color: var(--success);
  font-weight: 700;
}
.nav-tabs-vert .nav-link.success:before {
  border-color: var(--success);
  background-color: var(--success);
}
.nav-tabs-vert .nav-link.error {
  color: var(--error);
  font-weight: 700;
}
.nav-tabs-vert .nav-link.error:before {
  border-color: var(--error);
  background-color: var(--error);
}
.nav-tabs-vert .nav-link.warning {
  color: var(--warning-text);
  font-weight: 700;
}
.nav-tabs-vert .nav-link.warning:before {
  border-color: var(--warning-text);
  background-color: var(--warning-text);
}
.nav-tabs-vert .nav-link.active {
  color: var(--accent);
  font-weight: 700;
}
.nav-tabs-vert .nav-link.active:before {
  border-color: var(--accent);
  background-color: var(--accent);
}
.nav-tabs-vert .nav-link:disabled, .nav-tabs-vert .nav-link[disabled] {
  color: var(--gray400);
  cursor: no-drop;
}
.nav-tabs.body-tabs {
  margin: unset;
  margin-bottom: 1rem !important;
  padding: 0.5rem 1rem 0;
  background: white;
  position: sticky;
  top: 0;
  z-index: 100;
}

@media only screen and (max-width: 595px) {
  .nav-tabs {
    margin: 0;
  }
}
.dark-mode .nav-tabs-vert .nav-link:before {
  border-color: var(--dark-highlight);
}
.dark-mode .nav-tabs-vert .nav-link.warning {
  color: var(--warning-focus);
}
.dark-mode .nav-tabs {
  --bs-nav-tabs-border-color: var(--card-border-color);
  --bs-nav-tabs-link-hover-border-color: var(--card-border-color)
    var(--card-border-color) var(--card-border-color);
  --bs-nav-tabs-link-active-color: var(--primary);
  --bs-nav-tabs-link-active-bg: var(--card-border-color);
  --bs-nav-tabs-link-active-border-color: var(--card-border-color)
    var(--card-border-color) var(--card-border-color);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--card-border-color);
}
.dark-mode .nav-tabs .nav-link {
  color: var(--gray100);
}
.dark-mode .nav-tabs.body-tabs {
  background-color: var(--white);
}


.tab-pane {
  display: none;
}
.tab-pane__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 1rem 0.625rem;
}
.tab-pane.show {
  display: block;
}

.tab-content {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .tab-pane__title {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 595px) {
  .tab-pane__title {
    flex-direction: column;
    margin: 0;
  }
  .tab-pane__title .btn {
    width: 90%;
    margin: 1.25rem;
    justify-content: center;
    font-size: 1.25rem;
    line-height: 1.875rem;
    height: 3.125rem;
  }
}


.badge {
  padding: 0.3125rem 0.9375rem;
  border-radius: 6.25rem;
  background-color: var(--gray200);
  color: var(--gray600);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.badge.bg-primary {
  background-color: var(--primary);
  color: var(--white);
}
.badge.bg-secondary {
  background-color: var(--white) !important;
  color: var(--primary);
  box-shadow: inset 0 0 0 0.0625rem var(--primary);
}
.badge.bg-success {
  background-color: var(--success);
  color: var(--white);
}
.badge.bg-warning {
  background-color: var(--warning);
  color: var(--gray600);
}
.badge.bg-danger {
  background-color: var(--danger);
  color: var(--white);
}
.badge.bg-draft {
  background-color: var(--purple10);
  color: var(--purple40);
}


.form-input {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form-input .form-label,
.form-input .form-select {
  margin: 0 1.25rem 0.5rem 1.25rem;
}


.popover {
  border-color: var(--primary);
  box-shadow: 0 0 0.5rem var(--gray400);
}
.popover-header {
  background-color: var(--primary);
  color: var(--white);
  border-bottom: 0.0625rem solid var(--primary);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  border-right-color: var(--primary);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  border-right-color: var(--white);
}


.bs-actionsbox {
  margin-top: 0.625rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.bs-actionsbox .btn-group {
  display: flex;
  gap: 0.625rem;
}
.bs-actionsbox .btn-group .btn {
  display: flex;
  justify-content: center;
  border: none;
  background: var(--white);
  color: var(--primary);
  border-radius: var(--border-radius) !important;
  font-size: 0.75rem;
  padding: 0;
  height: 1.6875rem;
}
.bs-actionsbox .btn-group .btn:hover {
  background: var(--primary-ghost);
  color: var(--primary);
}

.bootstrap-select .dropdown-toggle {
  background: var(--white);
  border: 0.0625rem solid var(--border-color);
  max-height: 2.5rem;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 400;
}
.bootstrap-select .selectpicker[readonly] + .dropdown-toggle {
  background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  border-radius: var(--border-radius);
}
.bootstrap-select .selectpicker[readonly] + .dropdown-toggle:after {
  display: none;
}
.bootstrap-select .selectpicker[readonly] + .dropdown-toggle:focus, .bootstrap-select .selectpicker[readonly] + .dropdown-toggle:active {
  border-color: var(--white) !important;
  background-color: var(--disabled) !important;
  color: var(--disabled-text) !important;
  border-radius: var(--border-radius) !important;
  outline: none;
  box-shadow: none;
}
.bootstrap-select .selectpicker[readonly] ~ .dropdown-menu {
  visibility: hidden;
}

.bs-ok-default {
  border: 0.0625rem solid;
}


.task-stepper {
  background-color: var(--white);
  margin: 1rem;
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.task-stepper__title {
  padding: 0.5rem 1.5rem;
  background: #fff;
  margin-top: -0.5rem;
  z-index: 2;
  position: relative;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.task-stepper__text {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  margin-left: 2.5rem;
}
.task-stepper__body {
  margin-left: 1.875rem;
  margin-top: -0.5rem;
}
.task-stepper__row {
  position: relative;
  padding: 1rem;
}
.task-stepper__row:after {
  content: "";
  border: 0.0625rem solid var(--gray500);
  width: 1.3125rem;
  height: 1.3125rem;
  position: absolute;
  background: var(--white);
  border-radius: 6.25rem;
  left: 0.6875rem;
  top: 1.125rem;
  z-index: 3;
}
.task-stepper__row:before {
  position: absolute;
  content: "";
  background-color: var(--gray300);
  width: 0.0625rem;
  left: 1.25rem;
  width: 1px;
  top: 1.875rem;
  height: 100%;
  z-index: 0;
}
.task-stepper__row:last-of-type:before {
  display: none;
}
.task-stepper__row.error:after {
  background-color: var(--danger);
  border-color: var(--danger);
  color: white;
  font-family: var(--font-awesome);
  content: "!";
  font-size: 0.5625rem;
  line-height: 0.84375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.task-stepper__row.complete:after {
  background-color: var(--success);
  border-color: var(--success);
  color: white;
  font-family: var(--font-awesome);
  content: "\f00c";
  font-size: 0.5625rem;
  line-height: 0.84375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.task-stepper__row.active:before {
  background-color: var(--primary);
  border-color: var(--primary);
}


.form-switch .form-check-input {
  width: 2.5rem !important;
  border-radius: 6.25rem !important;
}
.form-switch .form-check-input:not(:checked):hover {
  background-color: var(--primary-ghost);
}
.form-switch--swap {
  padding-left: 0;
  padding-right: 2.5rem;
}
.form-switch--swap .form-check-input {
  margin-left: 0;
  margin-right: -2.5rem;
}
.form-switch--swap .form-check-label {
  margin-left: 0;
  margin-right: 0.75rem;
}

.form-switch-group {
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 595px) {
  .form-switch-group {
    flex-direction: column;
    gap: 0.75rem;
  }
}

.row > * {
  position: relative;
}


[data-bs-spy=scroll] .nav-tabs-vert .nav-link {
  padding: 0.3125rem 1rem;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:before {
  content: "";
  width: 0.25rem;
  background-color: var(--gray300);
  height: 0%;
  position: absolute;
  border-radius: var(--border-radius);
  left: 0;
  z-index: 0;
  transition: all 0.2s ease-in-out;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:not(.active):hover:before {
  height: 80%;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link.active {
  color: var(--primary);
  font-weight: 700;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link.active:before {
  height: 70%;
  background-color: var(--primary);
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:disabled, [data-bs-spy=scroll] .nav-tabs-vert .nav-link[disabled] {
  color: var(--gray400);
  cursor: no-drop;
}


.tooltip {
  z-index: 9999999999;
}


.field-validation-error {
  color: var(--danger);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.error {
  color: var(--danger);
}
.error--background {
  background-color: var(--error-ghost);
}

.selectpicker + .error {
  position: absolute;
  bottom: -1.375rem;
  color: var(--danger);
}
.selectpicker + .error:before {
  display: none;
}

input.error {
  border-color: var(--danger);
}

.warning {
  background-color: var(--yellow10);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  color: var(--warning-text);
  font-weight: 500;
}

.underline {
  text-decoration: underline;
}

.error + .btn {
  border-color: var(--danger) !important;
}

.pd,
.pb {
  padding: 0.3125rem;
}

.pd-1 {
  padding: 0.0625rem;
}

.pd-2 {
  padding: 0.125rem;
}

.pd-3 {
  padding: 0.1875rem;
}

.pd-4 {
  padding: 0.25rem;
}

.pd-5 {
  padding: 0.3125rem;
}

.pd-6 {
  padding: 0.375rem;
}

.pd-7 {
  padding: 0.4375rem;
}

.pd-8 {
  padding: 0.5rem;
}

.pd-9 {
  padding: 0.5625rem;
}

.pd-10 {
  padding: 0.625rem;
}

.pd-11 {
  padding: 0.6875rem;
}

.pd-12 {
  padding: 0.75rem;
}

.pd-13 {
  padding: 0.8125rem;
}

.pd-14 {
  padding: 0.875rem;
}

.pd-15 {
  padding: 0.9375rem;
}

.pd-16 {
  padding: 1rem;
}

.pd-17 {
  padding: 1.0625rem;
}

.pd-18 {
  padding: 1.125rem;
}

.pd-19 {
  padding: 1.1875rem;
}

.pd-20 {
  padding: 1.25rem;
}

.pd-21 {
  padding: 1.3125rem;
}

.pd-22 {
  padding: 1.375rem;
}

.pd-23 {
  padding: 1.4375rem;
}

.pd-24 {
  padding: 1.5rem;
}

.pd-25 {
  padding: 1.5625rem;
}

.pd-26 {
  padding: 1.625rem;
}

.pd-27 {
  padding: 1.6875rem;
}

.pd-28 {
  padding: 1.75rem;
}

.pd-29 {
  padding: 1.8125rem;
}

.pd-30 {
  padding: 1.875rem;
}

.pd-31 {
  padding: 1.9375rem;
}

.pd-32 {
  padding: 2rem;
}

.pd-33 {
  padding: 2.0625rem;
}

.pd-34 {
  padding: 2.125rem;
}

.pd-35 {
  padding: 2.1875rem;
}

.pd-36 {
  padding: 2.25rem;
}

.pd-37 {
  padding: 2.3125rem;
}

.pd-38 {
  padding: 2.375rem;
}

.pd-39 {
  padding: 2.4375rem;
}

.pd-40 {
  padding: 2.5rem;
}

.pd-41 {
  padding: 2.5625rem;
}

.pd-42 {
  padding: 2.625rem;
}

.pd-43 {
  padding: 2.6875rem;
}

.pd-44 {
  padding: 2.75rem;
}

.pd-45 {
  padding: 2.8125rem;
}

.pd-46 {
  padding: 2.875rem;
}

.pd-47 {
  padding: 2.9375rem;
}

.pd-48 {
  padding: 3rem;
}

.pd-49 {
  padding: 3.0625rem;
}

.pd-50 {
  padding: 3.125rem;
}

.pd-51 {
  padding: 3.1875rem;
}

.pd-52 {
  padding: 3.25rem;
}

.pd-53 {
  padding: 3.3125rem;
}

.pd-54 {
  padding: 3.375rem;
}

.pd-55 {
  padding: 3.4375rem;
}

.pd-56 {
  padding: 3.5rem;
}

.pd-57 {
  padding: 3.5625rem;
}

.pd-58 {
  padding: 3.625rem;
}

.pd-59 {
  padding: 3.6875rem;
}

.pd-60 {
  padding: 3.75rem;
}

.pd-61 {
  padding: 3.8125rem;
}

.pd-62 {
  padding: 3.875rem;
}

.pd-63 {
  padding: 3.9375rem;
}

.pd-64 {
  padding: 4rem;
}

.pd-65 {
  padding: 4.0625rem;
}

.pd-66 {
  padding: 4.125rem;
}

.pd-67 {
  padding: 4.1875rem;
}

.pd-68 {
  padding: 4.25rem;
}

.pd-69 {
  padding: 4.3125rem;
}

.pd-70 {
  padding: 4.375rem;
}

.pd-71 {
  padding: 4.4375rem;
}

.pd-72 {
  padding: 4.5rem;
}

.pd-73 {
  padding: 4.5625rem;
}

.pd-74 {
  padding: 4.625rem;
}

.pd-75 {
  padding: 4.6875rem;
}

.pd-76 {
  padding: 4.75rem;
}

.pd-77 {
  padding: 4.8125rem;
}

.pd-78 {
  padding: 4.875rem;
}

.pd-79 {
  padding: 4.9375rem;
}

.pd-80 {
  padding: 5rem;
}

.pd-81 {
  padding: 5.0625rem;
}

.pd-82 {
  padding: 5.125rem;
}

.pd-83 {
  padding: 5.1875rem;
}

.pd-84 {
  padding: 5.25rem;
}

.pd-85 {
  padding: 5.3125rem;
}

.pd-86 {
  padding: 5.375rem;
}

.pd-87 {
  padding: 5.4375rem;
}

.pd-88 {
  padding: 5.5rem;
}

.pd-89 {
  padding: 5.5625rem;
}

.pd-90 {
  padding: 5.625rem;
}

.pd-91 {
  padding: 5.6875rem;
}

.pd-92 {
  padding: 5.75rem;
}

.pd-93 {
  padding: 5.8125rem;
}

.pd-94 {
  padding: 5.875rem;
}

.pd-95 {
  padding: 5.9375rem;
}

.pd-96 {
  padding: 6rem;
}

.pd-97 {
  padding: 6.0625rem;
}

.pd-98 {
  padding: 6.125rem;
}

.pd-99 {
  padding: 6.1875rem;
}

.pd-100 {
  padding: 6.25rem;
}

.pb-1 {
  padding-bottom: 0.0625rem;
}

.pb-2 {
  padding-bottom: 0.125rem;
}

.pb-3 {
  padding-bottom: 0.1875rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pb-5 {
  padding-bottom: 0.3125rem;
}

.pb-6 {
  padding-bottom: 0.375rem;
}

.pb-7 {
  padding-bottom: 0.4375rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pb-9 {
  padding-bottom: 0.5625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pb-11 {
  padding-bottom: 0.6875rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pb-13 {
  padding-bottom: 0.8125rem;
}

.pb-14 {
  padding-bottom: 0.875rem;
}

.pb-15 {
  padding-bottom: 0.9375rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pb-17 {
  padding-bottom: 1.0625rem;
}

.pb-18 {
  padding-bottom: 1.125rem;
}

.pb-19 {
  padding-bottom: 1.1875rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-21 {
  padding-bottom: 1.3125rem;
}

.pb-22 {
  padding-bottom: 1.375rem;
}

.pb-23 {
  padding-bottom: 1.4375rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pb-25 {
  padding-bottom: 1.5625rem;
}

.pb-26 {
  padding-bottom: 1.625rem;
}

.pb-27 {
  padding-bottom: 1.6875rem;
}

.pb-28 {
  padding-bottom: 1.75rem;
}

.pb-29 {
  padding-bottom: 1.8125rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pb-31 {
  padding-bottom: 1.9375rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.pb-33 {
  padding-bottom: 2.0625rem;
}

.pb-34 {
  padding-bottom: 2.125rem;
}

.pb-35 {
  padding-bottom: 2.1875rem;
}

.pb-36 {
  padding-bottom: 2.25rem;
}

.pb-37 {
  padding-bottom: 2.3125rem;
}

.pb-38 {
  padding-bottom: 2.375rem;
}

.pb-39 {
  padding-bottom: 2.4375rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-41 {
  padding-bottom: 2.5625rem;
}

.pb-42 {
  padding-bottom: 2.625rem;
}

.pb-43 {
  padding-bottom: 2.6875rem;
}

.pb-44 {
  padding-bottom: 2.75rem;
}

.pb-45 {
  padding-bottom: 2.8125rem;
}

.pb-46 {
  padding-bottom: 2.875rem;
}

.pb-47 {
  padding-bottom: 2.9375rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.pb-49 {
  padding-bottom: 3.0625rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pb-51 {
  padding-bottom: 3.1875rem;
}

.pb-52 {
  padding-bottom: 3.25rem;
}

.pb-53 {
  padding-bottom: 3.3125rem;
}

.pb-54 {
  padding-bottom: 3.375rem;
}

.pb-55 {
  padding-bottom: 3.4375rem;
}

.pb-56 {
  padding-bottom: 3.5rem;
}

.pb-57 {
  padding-bottom: 3.5625rem;
}

.pb-58 {
  padding-bottom: 3.625rem;
}

.pb-59 {
  padding-bottom: 3.6875rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pb-61 {
  padding-bottom: 3.8125rem;
}

.pb-62 {
  padding-bottom: 3.875rem;
}

.pb-63 {
  padding-bottom: 3.9375rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.pb-65 {
  padding-bottom: 4.0625rem;
}

.pb-66 {
  padding-bottom: 4.125rem;
}

.pb-67 {
  padding-bottom: 4.1875rem;
}

.pb-68 {
  padding-bottom: 4.25rem;
}

.pb-69 {
  padding-bottom: 4.3125rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.pb-71 {
  padding-bottom: 4.4375rem;
}

.pb-72 {
  padding-bottom: 4.5rem;
}

.pb-73 {
  padding-bottom: 4.5625rem;
}

.pb-74 {
  padding-bottom: 4.625rem;
}

.pb-75 {
  padding-bottom: 4.6875rem;
}

.pb-76 {
  padding-bottom: 4.75rem;
}

.pb-77 {
  padding-bottom: 4.8125rem;
}

.pb-78 {
  padding-bottom: 4.875rem;
}

.pb-79 {
  padding-bottom: 4.9375rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pb-81 {
  padding-bottom: 5.0625rem;
}

.pb-82 {
  padding-bottom: 5.125rem;
}

.pb-83 {
  padding-bottom: 5.1875rem;
}

.pb-84 {
  padding-bottom: 5.25rem;
}

.pb-85 {
  padding-bottom: 5.3125rem;
}

.pb-86 {
  padding-bottom: 5.375rem;
}

.pb-87 {
  padding-bottom: 5.4375rem;
}

.pb-88 {
  padding-bottom: 5.5rem;
}

.pb-89 {
  padding-bottom: 5.5625rem;
}

.pb-90 {
  padding-bottom: 5.625rem;
}

.pb-91 {
  padding-bottom: 5.6875rem;
}

.pb-92 {
  padding-bottom: 5.75rem;
}

.pb-93 {
  padding-bottom: 5.8125rem;
}

.pb-94 {
  padding-bottom: 5.875rem;
}

.pb-95 {
  padding-bottom: 5.9375rem;
}

.pb-96 {
  padding-bottom: 6rem;
}

.pb-97 {
  padding-bottom: 6.0625rem;
}

.pb-98 {
  padding-bottom: 6.125rem;
}

.pb-99 {
  padding-bottom: 6.1875rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pt-1 {
  padding-top: 0.0625rem;
}

.pt-2 {
  padding-top: 0.125rem;
}

.pt-3 {
  padding-top: 0.1875rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pt-5 {
  padding-top: 0.3125rem;
}

.pt-6 {
  padding-top: 0.375rem;
}

.pt-7 {
  padding-top: 0.4375rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pt-9 {
  padding-top: 0.5625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pt-11 {
  padding-top: 0.6875rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pt-13 {
  padding-top: 0.8125rem;
}

.pt-14 {
  padding-top: 0.875rem;
}

.pt-15 {
  padding-top: 0.9375rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pt-17 {
  padding-top: 1.0625rem;
}

.pt-18 {
  padding-top: 1.125rem;
}

.pt-19 {
  padding-top: 1.1875rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-21 {
  padding-top: 1.3125rem;
}

.pt-22 {
  padding-top: 1.375rem;
}

.pt-23 {
  padding-top: 1.4375rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.pt-25 {
  padding-top: 1.5625rem;
}

.pt-26 {
  padding-top: 1.625rem;
}

.pt-27 {
  padding-top: 1.6875rem;
}

.pt-28 {
  padding-top: 1.75rem;
}

.pt-29 {
  padding-top: 1.8125rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pt-31 {
  padding-top: 1.9375rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pt-33 {
  padding-top: 2.0625rem;
}

.pt-34 {
  padding-top: 2.125rem;
}

.pt-35 {
  padding-top: 2.1875rem;
}

.pt-36 {
  padding-top: 2.25rem;
}

.pt-37 {
  padding-top: 2.3125rem;
}

.pt-38 {
  padding-top: 2.375rem;
}

.pt-39 {
  padding-top: 2.4375rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-41 {
  padding-top: 2.5625rem;
}

.pt-42 {
  padding-top: 2.625rem;
}

.pt-43 {
  padding-top: 2.6875rem;
}

.pt-44 {
  padding-top: 2.75rem;
}

.pt-45 {
  padding-top: 2.8125rem;
}

.pt-46 {
  padding-top: 2.875rem;
}

.pt-47 {
  padding-top: 2.9375rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pt-49 {
  padding-top: 3.0625rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pt-51 {
  padding-top: 3.1875rem;
}

.pt-52 {
  padding-top: 3.25rem;
}

.pt-53 {
  padding-top: 3.3125rem;
}

.pt-54 {
  padding-top: 3.375rem;
}

.pt-55 {
  padding-top: 3.4375rem;
}

.pt-56 {
  padding-top: 3.5rem;
}

.pt-57 {
  padding-top: 3.5625rem;
}

.pt-58 {
  padding-top: 3.625rem;
}

.pt-59 {
  padding-top: 3.6875rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pt-61 {
  padding-top: 3.8125rem;
}

.pt-62 {
  padding-top: 3.875rem;
}

.pt-63 {
  padding-top: 3.9375rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pt-65 {
  padding-top: 4.0625rem;
}

.pt-66 {
  padding-top: 4.125rem;
}

.pt-67 {
  padding-top: 4.1875rem;
}

.pt-68 {
  padding-top: 4.25rem;
}

.pt-69 {
  padding-top: 4.3125rem;
}

.pt-70 {
  padding-top: 4.375rem;
}

.pt-71 {
  padding-top: 4.4375rem;
}

.pt-72 {
  padding-top: 4.5rem;
}

.pt-73 {
  padding-top: 4.5625rem;
}

.pt-74 {
  padding-top: 4.625rem;
}

.pt-75 {
  padding-top: 4.6875rem;
}

.pt-76 {
  padding-top: 4.75rem;
}

.pt-77 {
  padding-top: 4.8125rem;
}

.pt-78 {
  padding-top: 4.875rem;
}

.pt-79 {
  padding-top: 4.9375rem;
}

.pt-80 {
  padding-top: 5rem;
}

.pt-81 {
  padding-top: 5.0625rem;
}

.pt-82 {
  padding-top: 5.125rem;
}

.pt-83 {
  padding-top: 5.1875rem;
}

.pt-84 {
  padding-top: 5.25rem;
}

.pt-85 {
  padding-top: 5.3125rem;
}

.pt-86 {
  padding-top: 5.375rem;
}

.pt-87 {
  padding-top: 5.4375rem;
}

.pt-88 {
  padding-top: 5.5rem;
}

.pt-89 {
  padding-top: 5.5625rem;
}

.pt-90 {
  padding-top: 5.625rem;
}

.pt-91 {
  padding-top: 5.6875rem;
}

.pt-92 {
  padding-top: 5.75rem;
}

.pt-93 {
  padding-top: 5.8125rem;
}

.pt-94 {
  padding-top: 5.875rem;
}

.pt-95 {
  padding-top: 5.9375rem;
}

.pt-96 {
  padding-top: 6rem;
}

.pt-97 {
  padding-top: 6.0625rem;
}

.pt-98 {
  padding-top: 6.125rem;
}

.pt-99 {
  padding-top: 6.1875rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pl-1 {
  padding-left: 0.0625rem;
}

.pl-2 {
  padding-left: 0.125rem;
}

.pl-3 {
  padding-left: 0.1875rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

.pl-5 {
  padding-left: 0.3125rem;
}

.pl-6 {
  padding-left: 0.375rem;
}

.pl-7 {
  padding-left: 0.4375rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.pl-9 {
  padding-left: 0.5625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.pl-11 {
  padding-left: 0.6875rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pl-13 {
  padding-left: 0.8125rem;
}

.pl-14 {
  padding-left: 0.875rem;
}

.pl-15 {
  padding-left: 0.9375rem;
}

.pl-16 {
  padding-left: 1rem;
}

.pl-17 {
  padding-left: 1.0625rem;
}

.pl-18 {
  padding-left: 1.125rem;
}

.pl-19 {
  padding-left: 1.1875rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.pl-21 {
  padding-left: 1.3125rem;
}

.pl-22 {
  padding-left: 1.375rem;
}

.pl-23 {
  padding-left: 1.4375rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

.pl-25 {
  padding-left: 1.5625rem;
}

.pl-26 {
  padding-left: 1.625rem;
}

.pl-27 {
  padding-left: 1.6875rem;
}

.pl-28 {
  padding-left: 1.75rem;
}

.pl-29 {
  padding-left: 1.8125rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.pl-31 {
  padding-left: 1.9375rem;
}

.pl-32 {
  padding-left: 2rem;
}

.pl-33 {
  padding-left: 2.0625rem;
}

.pl-34 {
  padding-left: 2.125rem;
}

.pl-35 {
  padding-left: 2.1875rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

.pl-37 {
  padding-left: 2.3125rem;
}

.pl-38 {
  padding-left: 2.375rem;
}

.pl-39 {
  padding-left: 2.4375rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.pl-41 {
  padding-left: 2.5625rem;
}

.pl-42 {
  padding-left: 2.625rem;
}

.pl-43 {
  padding-left: 2.6875rem;
}

.pl-44 {
  padding-left: 2.75rem;
}

.pl-45 {
  padding-left: 2.8125rem;
}

.pl-46 {
  padding-left: 2.875rem;
}

.pl-47 {
  padding-left: 2.9375rem;
}

.pl-48 {
  padding-left: 3rem;
}

.pl-49 {
  padding-left: 3.0625rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.pl-51 {
  padding-left: 3.1875rem;
}

.pl-52 {
  padding-left: 3.25rem;
}

.pl-53 {
  padding-left: 3.3125rem;
}

.pl-54 {
  padding-left: 3.375rem;
}

.pl-55 {
  padding-left: 3.4375rem;
}

.pl-56 {
  padding-left: 3.5rem;
}

.pl-57 {
  padding-left: 3.5625rem;
}

.pl-58 {
  padding-left: 3.625rem;
}

.pl-59 {
  padding-left: 3.6875rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.pl-61 {
  padding-left: 3.8125rem;
}

.pl-62 {
  padding-left: 3.875rem;
}

.pl-63 {
  padding-left: 3.9375rem;
}

.pl-64 {
  padding-left: 4rem;
}

.pl-65 {
  padding-left: 4.0625rem;
}

.pl-66 {
  padding-left: 4.125rem;
}

.pl-67 {
  padding-left: 4.1875rem;
}

.pl-68 {
  padding-left: 4.25rem;
}

.pl-69 {
  padding-left: 4.3125rem;
}

.pl-70 {
  padding-left: 4.375rem;
}

.pl-71 {
  padding-left: 4.4375rem;
}

.pl-72 {
  padding-left: 4.5rem;
}

.pl-73 {
  padding-left: 4.5625rem;
}

.pl-74 {
  padding-left: 4.625rem;
}

.pl-75 {
  padding-left: 4.6875rem;
}

.pl-76 {
  padding-left: 4.75rem;
}

.pl-77 {
  padding-left: 4.8125rem;
}

.pl-78 {
  padding-left: 4.875rem;
}

.pl-79 {
  padding-left: 4.9375rem;
}

.pl-80 {
  padding-left: 5rem;
}

.pl-81 {
  padding-left: 5.0625rem;
}

.pl-82 {
  padding-left: 5.125rem;
}

.pl-83 {
  padding-left: 5.1875rem;
}

.pl-84 {
  padding-left: 5.25rem;
}

.pl-85 {
  padding-left: 5.3125rem;
}

.pl-86 {
  padding-left: 5.375rem;
}

.pl-87 {
  padding-left: 5.4375rem;
}

.pl-88 {
  padding-left: 5.5rem;
}

.pl-89 {
  padding-left: 5.5625rem;
}

.pl-90 {
  padding-left: 5.625rem;
}

.pl-91 {
  padding-left: 5.6875rem;
}

.pl-92 {
  padding-left: 5.75rem;
}

.pl-93 {
  padding-left: 5.8125rem;
}

.pl-94 {
  padding-left: 5.875rem;
}

.pl-95 {
  padding-left: 5.9375rem;
}

.pl-96 {
  padding-left: 6rem;
}

.pl-97 {
  padding-left: 6.0625rem;
}

.pl-98 {
  padding-left: 6.125rem;
}

.pl-99 {
  padding-left: 6.1875rem;
}

.pl-100 {
  padding-left: 6.25rem;
}

.pr-1 {
  padding-right: 0.0625rem;
}

.pr-2 {
  padding-right: 0.125rem;
}

.pr-3 {
  padding-right: 0.1875rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pr-5 {
  padding-right: 0.3125rem;
}

.pr-6 {
  padding-right: 0.375rem;
}

.pr-7 {
  padding-right: 0.4375rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pr-9 {
  padding-right: 0.5625rem;
}

.pr-10 {
  padding-right: 0.625rem;
}

.pr-11 {
  padding-right: 0.6875rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pr-13 {
  padding-right: 0.8125rem;
}

.pr-14 {
  padding-right: 0.875rem;
}

.pr-15 {
  padding-right: 0.9375rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pr-17 {
  padding-right: 1.0625rem;
}

.pr-18 {
  padding-right: 1.125rem;
}

.pr-19 {
  padding-right: 1.1875rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pr-21 {
  padding-right: 1.3125rem;
}

.pr-22 {
  padding-right: 1.375rem;
}

.pr-23 {
  padding-right: 1.4375rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.pr-25 {
  padding-right: 1.5625rem;
}

.pr-26 {
  padding-right: 1.625rem;
}

.pr-27 {
  padding-right: 1.6875rem;
}

.pr-28 {
  padding-right: 1.75rem;
}

.pr-29 {
  padding-right: 1.8125rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.pr-31 {
  padding-right: 1.9375rem;
}

.pr-32 {
  padding-right: 2rem;
}

.pr-33 {
  padding-right: 2.0625rem;
}

.pr-34 {
  padding-right: 2.125rem;
}

.pr-35 {
  padding-right: 2.1875rem;
}

.pr-36 {
  padding-right: 2.25rem;
}

.pr-37 {
  padding-right: 2.3125rem;
}

.pr-38 {
  padding-right: 2.375rem;
}

.pr-39 {
  padding-right: 2.4375rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pr-41 {
  padding-right: 2.5625rem;
}

.pr-42 {
  padding-right: 2.625rem;
}

.pr-43 {
  padding-right: 2.6875rem;
}

.pr-44 {
  padding-right: 2.75rem;
}

.pr-45 {
  padding-right: 2.8125rem;
}

.pr-46 {
  padding-right: 2.875rem;
}

.pr-47 {
  padding-right: 2.9375rem;
}

.pr-48 {
  padding-right: 3rem;
}

.pr-49 {
  padding-right: 3.0625rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.pr-51 {
  padding-right: 3.1875rem;
}

.pr-52 {
  padding-right: 3.25rem;
}

.pr-53 {
  padding-right: 3.3125rem;
}

.pr-54 {
  padding-right: 3.375rem;
}

.pr-55 {
  padding-right: 3.4375rem;
}

.pr-56 {
  padding-right: 3.5rem;
}

.pr-57 {
  padding-right: 3.5625rem;
}

.pr-58 {
  padding-right: 3.625rem;
}

.pr-59 {
  padding-right: 3.6875rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.pr-61 {
  padding-right: 3.8125rem;
}

.pr-62 {
  padding-right: 3.875rem;
}

.pr-63 {
  padding-right: 3.9375rem;
}

.pr-64 {
  padding-right: 4rem;
}

.pr-65 {
  padding-right: 4.0625rem;
}

.pr-66 {
  padding-right: 4.125rem;
}

.pr-67 {
  padding-right: 4.1875rem;
}

.pr-68 {
  padding-right: 4.25rem;
}

.pr-69 {
  padding-right: 4.3125rem;
}

.pr-70 {
  padding-right: 4.375rem;
}

.pr-71 {
  padding-right: 4.4375rem;
}

.pr-72 {
  padding-right: 4.5rem;
}

.pr-73 {
  padding-right: 4.5625rem;
}

.pr-74 {
  padding-right: 4.625rem;
}

.pr-75 {
  padding-right: 4.6875rem;
}

.pr-76 {
  padding-right: 4.75rem;
}

.pr-77 {
  padding-right: 4.8125rem;
}

.pr-78 {
  padding-right: 4.875rem;
}

.pr-79 {
  padding-right: 4.9375rem;
}

.pr-80 {
  padding-right: 5rem;
}

.pr-81 {
  padding-right: 5.0625rem;
}

.pr-82 {
  padding-right: 5.125rem;
}

.pr-83 {
  padding-right: 5.1875rem;
}

.pr-84 {
  padding-right: 5.25rem;
}

.pr-85 {
  padding-right: 5.3125rem;
}

.pr-86 {
  padding-right: 5.375rem;
}

.pr-87 {
  padding-right: 5.4375rem;
}

.pr-88 {
  padding-right: 5.5rem;
}

.pr-89 {
  padding-right: 5.5625rem;
}

.pr-90 {
  padding-right: 5.625rem;
}

.pr-91 {
  padding-right: 5.6875rem;
}

.pr-92 {
  padding-right: 5.75rem;
}

.pr-93 {
  padding-right: 5.8125rem;
}

.pr-94 {
  padding-right: 5.875rem;
}

.pr-95 {
  padding-right: 5.9375rem;
}

.pr-96 {
  padding-right: 6rem;
}

.pr-97 {
  padding-right: 6.0625rem;
}

.pr-98 {
  padding-right: 6.125rem;
}

.pr-99 {
  padding-right: 6.1875rem;
}

.pr-100 {
  padding-right: 6.25rem;
}

.mt-1 {
  margin-top: 0.0625rem;
}

.mt-2 {
  margin-top: 0.125rem;
}

.mt-3 {
  margin-top: 0.1875rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mt-5 {
  margin-top: 0.3125rem;
}

.mt-6 {
  margin-top: 0.375rem;
}

.mt-7 {
  margin-top: 0.4375rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mt-9 {
  margin-top: 0.5625rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mt-11 {
  margin-top: 0.6875rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mt-13 {
  margin-top: 0.8125rem;
}

.mt-14 {
  margin-top: 0.875rem;
}

.mt-15 {
  margin-top: 0.9375rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-17 {
  margin-top: 1.0625rem;
}

.mt-18 {
  margin-top: 1.125rem;
}

.mt-19 {
  margin-top: 1.1875rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-21 {
  margin-top: 1.3125rem;
}

.mt-22 {
  margin-top: 1.375rem;
}

.mt-23 {
  margin-top: 1.4375rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mt-25 {
  margin-top: 1.5625rem;
}

.mt-26 {
  margin-top: 1.625rem;
}

.mt-27 {
  margin-top: 1.6875rem;
}

.mt-28 {
  margin-top: 1.75rem;
}

.mt-29 {
  margin-top: 1.8125rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mt-31 {
  margin-top: 1.9375rem;
}

.mt-32 {
  margin-top: 2rem;
}

.mt-33 {
  margin-top: 2.0625rem;
}

.mt-34 {
  margin-top: 2.125rem;
}

.mt-35 {
  margin-top: 2.1875rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.mt-37 {
  margin-top: 2.3125rem;
}

.mt-38 {
  margin-top: 2.375rem;
}

.mt-39 {
  margin-top: 2.4375rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mt-41 {
  margin-top: 2.5625rem;
}

.mt-42 {
  margin-top: 2.625rem;
}

.mt-43 {
  margin-top: 2.6875rem;
}

.mt-44 {
  margin-top: 2.75rem;
}

.mt-45 {
  margin-top: 2.8125rem;
}

.mt-46 {
  margin-top: 2.875rem;
}

.mt-47 {
  margin-top: 2.9375rem;
}

.mt-48 {
  margin-top: 3rem;
}

.mt-49 {
  margin-top: 3.0625rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mt-51 {
  margin-top: 3.1875rem;
}

.mt-52 {
  margin-top: 3.25rem;
}

.mt-53 {
  margin-top: 3.3125rem;
}

.mt-54 {
  margin-top: 3.375rem;
}

.mt-55 {
  margin-top: 3.4375rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.mt-57 {
  margin-top: 3.5625rem;
}

.mt-58 {
  margin-top: 3.625rem;
}

.mt-59 {
  margin-top: 3.6875rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mt-61 {
  margin-top: 3.8125rem;
}

.mt-62 {
  margin-top: 3.875rem;
}

.mt-63 {
  margin-top: 3.9375rem;
}

.mt-64 {
  margin-top: 4rem;
}

.mt-65 {
  margin-top: 4.0625rem;
}

.mt-66 {
  margin-top: 4.125rem;
}

.mt-67 {
  margin-top: 4.1875rem;
}

.mt-68 {
  margin-top: 4.25rem;
}

.mt-69 {
  margin-top: 4.3125rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.mt-71 {
  margin-top: 4.4375rem;
}

.mt-72 {
  margin-top: 4.5rem;
}

.mt-73 {
  margin-top: 4.5625rem;
}

.mt-74 {
  margin-top: 4.625rem;
}

.mt-75 {
  margin-top: 4.6875rem;
}

.mt-76 {
  margin-top: 4.75rem;
}

.mt-77 {
  margin-top: 4.8125rem;
}

.mt-78 {
  margin-top: 4.875rem;
}

.mt-79 {
  margin-top: 4.9375rem;
}

.mt-80 {
  margin-top: 5rem;
}

.mt-81 {
  margin-top: 5.0625rem;
}

.mt-82 {
  margin-top: 5.125rem;
}

.mt-83 {
  margin-top: 5.1875rem;
}

.mt-84 {
  margin-top: 5.25rem;
}

.mt-85 {
  margin-top: 5.3125rem;
}

.mt-86 {
  margin-top: 5.375rem;
}

.mt-87 {
  margin-top: 5.4375rem;
}

.mt-88 {
  margin-top: 5.5rem;
}

.mt-89 {
  margin-top: 5.5625rem;
}

.mt-90 {
  margin-top: 5.625rem;
}

.mt-91 {
  margin-top: 5.6875rem;
}

.mt-92 {
  margin-top: 5.75rem;
}

.mt-93 {
  margin-top: 5.8125rem;
}

.mt-94 {
  margin-top: 5.875rem;
}

.mt-95 {
  margin-top: 5.9375rem;
}

.mt-96 {
  margin-top: 6rem;
}

.mt-97 {
  margin-top: 6.0625rem;
}

.mt-98 {
  margin-top: 6.125rem;
}

.mt-99 {
  margin-top: 6.1875rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.mr-1 {
  margin-right: 0.0625rem;
}

.mr-2 {
  margin-right: 0.125rem;
}

.mr-3 {
  margin-right: 0.1875rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.mr-5 {
  margin-right: 0.3125rem;
}

.mr-6 {
  margin-right: 0.375rem;
}

.mr-7 {
  margin-right: 0.4375rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mr-9 {
  margin-right: 0.5625rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.mr-11 {
  margin-right: 0.6875rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mr-13 {
  margin-right: 0.8125rem;
}

.mr-14 {
  margin-right: 0.875rem;
}

.mr-15 {
  margin-right: 0.9375rem;
}

.mr-16 {
  margin-right: 1rem;
}

.mr-17 {
  margin-right: 1.0625rem;
}

.mr-18 {
  margin-right: 1.125rem;
}

.mr-19 {
  margin-right: 1.1875rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.mr-21 {
  margin-right: 1.3125rem;
}

.mr-22 {
  margin-right: 1.375rem;
}

.mr-23 {
  margin-right: 1.4375rem;
}

.mr-24 {
  margin-right: 1.5rem;
}

.mr-25 {
  margin-right: 1.5625rem;
}

.mr-26 {
  margin-right: 1.625rem;
}

.mr-27 {
  margin-right: 1.6875rem;
}

.mr-28 {
  margin-right: 1.75rem;
}

.mr-29 {
  margin-right: 1.8125rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.mr-31 {
  margin-right: 1.9375rem;
}

.mr-32 {
  margin-right: 2rem;
}

.mr-33 {
  margin-right: 2.0625rem;
}

.mr-34 {
  margin-right: 2.125rem;
}

.mr-35 {
  margin-right: 2.1875rem;
}

.mr-36 {
  margin-right: 2.25rem;
}

.mr-37 {
  margin-right: 2.3125rem;
}

.mr-38 {
  margin-right: 2.375rem;
}

.mr-39 {
  margin-right: 2.4375rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.mr-41 {
  margin-right: 2.5625rem;
}

.mr-42 {
  margin-right: 2.625rem;
}

.mr-43 {
  margin-right: 2.6875rem;
}

.mr-44 {
  margin-right: 2.75rem;
}

.mr-45 {
  margin-right: 2.8125rem;
}

.mr-46 {
  margin-right: 2.875rem;
}

.mr-47 {
  margin-right: 2.9375rem;
}

.mr-48 {
  margin-right: 3rem;
}

.mr-49 {
  margin-right: 3.0625rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.mr-51 {
  margin-right: 3.1875rem;
}

.mr-52 {
  margin-right: 3.25rem;
}

.mr-53 {
  margin-right: 3.3125rem;
}

.mr-54 {
  margin-right: 3.375rem;
}

.mr-55 {
  margin-right: 3.4375rem;
}

.mr-56 {
  margin-right: 3.5rem;
}

.mr-57 {
  margin-right: 3.5625rem;
}

.mr-58 {
  margin-right: 3.625rem;
}

.mr-59 {
  margin-right: 3.6875rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.mr-61 {
  margin-right: 3.8125rem;
}

.mr-62 {
  margin-right: 3.875rem;
}

.mr-63 {
  margin-right: 3.9375rem;
}

.mr-64 {
  margin-right: 4rem;
}

.mr-65 {
  margin-right: 4.0625rem;
}

.mr-66 {
  margin-right: 4.125rem;
}

.mr-67 {
  margin-right: 4.1875rem;
}

.mr-68 {
  margin-right: 4.25rem;
}

.mr-69 {
  margin-right: 4.3125rem;
}

.mr-70 {
  margin-right: 4.375rem;
}

.mr-71 {
  margin-right: 4.4375rem;
}

.mr-72 {
  margin-right: 4.5rem;
}

.mr-73 {
  margin-right: 4.5625rem;
}

.mr-74 {
  margin-right: 4.625rem;
}

.mr-75 {
  margin-right: 4.6875rem;
}

.mr-76 {
  margin-right: 4.75rem;
}

.mr-77 {
  margin-right: 4.8125rem;
}

.mr-78 {
  margin-right: 4.875rem;
}

.mr-79 {
  margin-right: 4.9375rem;
}

.mr-80 {
  margin-right: 5rem;
}

.mr-81 {
  margin-right: 5.0625rem;
}

.mr-82 {
  margin-right: 5.125rem;
}

.mr-83 {
  margin-right: 5.1875rem;
}

.mr-84 {
  margin-right: 5.25rem;
}

.mr-85 {
  margin-right: 5.3125rem;
}

.mr-86 {
  margin-right: 5.375rem;
}

.mr-87 {
  margin-right: 5.4375rem;
}

.mr-88 {
  margin-right: 5.5rem;
}

.mr-89 {
  margin-right: 5.5625rem;
}

.mr-90 {
  margin-right: 5.625rem;
}

.mr-91 {
  margin-right: 5.6875rem;
}

.mr-92 {
  margin-right: 5.75rem;
}

.mr-93 {
  margin-right: 5.8125rem;
}

.mr-94 {
  margin-right: 5.875rem;
}

.mr-95 {
  margin-right: 5.9375rem;
}

.mr-96 {
  margin-right: 6rem;
}

.mr-97 {
  margin-right: 6.0625rem;
}

.mr-98 {
  margin-right: 6.125rem;
}

.mr-99 {
  margin-right: 6.1875rem;
}

.mr-100 {
  margin-right: 6.25rem;
}

.ml-1 {
  margin-left: 0.0625rem;
}

.ml-2 {
  margin-left: 0.125rem;
}

.ml-3 {
  margin-left: 0.1875rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.ml-5 {
  margin-left: 0.3125rem;
}

.ml-6 {
  margin-left: 0.375rem;
}

.ml-7 {
  margin-left: 0.4375rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.ml-9 {
  margin-left: 0.5625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.ml-11 {
  margin-left: 0.6875rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.ml-13 {
  margin-left: 0.8125rem;
}

.ml-14 {
  margin-left: 0.875rem;
}

.ml-15 {
  margin-left: 0.9375rem;
}

.ml-16 {
  margin-left: 1rem;
}

.ml-17 {
  margin-left: 1.0625rem;
}

.ml-18 {
  margin-left: 1.125rem;
}

.ml-19 {
  margin-left: 1.1875rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.ml-21 {
  margin-left: 1.3125rem;
}

.ml-22 {
  margin-left: 1.375rem;
}

.ml-23 {
  margin-left: 1.4375rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.ml-25 {
  margin-left: 1.5625rem;
}

.ml-26 {
  margin-left: 1.625rem;
}

.ml-27 {
  margin-left: 1.6875rem;
}

.ml-28 {
  margin-left: 1.75rem;
}

.ml-29 {
  margin-left: 1.8125rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.ml-31 {
  margin-left: 1.9375rem;
}

.ml-32 {
  margin-left: 2rem;
}

.ml-33 {
  margin-left: 2.0625rem;
}

.ml-34 {
  margin-left: 2.125rem;
}

.ml-35 {
  margin-left: 2.1875rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.ml-37 {
  margin-left: 2.3125rem;
}

.ml-38 {
  margin-left: 2.375rem;
}

.ml-39 {
  margin-left: 2.4375rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.ml-41 {
  margin-left: 2.5625rem;
}

.ml-42 {
  margin-left: 2.625rem;
}

.ml-43 {
  margin-left: 2.6875rem;
}

.ml-44 {
  margin-left: 2.75rem;
}

.ml-45 {
  margin-left: 2.8125rem;
}

.ml-46 {
  margin-left: 2.875rem;
}

.ml-47 {
  margin-left: 2.9375rem;
}

.ml-48 {
  margin-left: 3rem;
}

.ml-49 {
  margin-left: 3.0625rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.ml-51 {
  margin-left: 3.1875rem;
}

.ml-52 {
  margin-left: 3.25rem;
}

.ml-53 {
  margin-left: 3.3125rem;
}

.ml-54 {
  margin-left: 3.375rem;
}

.ml-55 {
  margin-left: 3.4375rem;
}

.ml-56 {
  margin-left: 3.5rem;
}

.ml-57 {
  margin-left: 3.5625rem;
}

.ml-58 {
  margin-left: 3.625rem;
}

.ml-59 {
  margin-left: 3.6875rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.ml-61 {
  margin-left: 3.8125rem;
}

.ml-62 {
  margin-left: 3.875rem;
}

.ml-63 {
  margin-left: 3.9375rem;
}

.ml-64 {
  margin-left: 4rem;
}

.ml-65 {
  margin-left: 4.0625rem;
}

.ml-66 {
  margin-left: 4.125rem;
}

.ml-67 {
  margin-left: 4.1875rem;
}

.ml-68 {
  margin-left: 4.25rem;
}

.ml-69 {
  margin-left: 4.3125rem;
}

.ml-70 {
  margin-left: 4.375rem;
}

.ml-71 {
  margin-left: 4.4375rem;
}

.ml-72 {
  margin-left: 4.5rem;
}

.ml-73 {
  margin-left: 4.5625rem;
}

.ml-74 {
  margin-left: 4.625rem;
}

.ml-75 {
  margin-left: 4.6875rem;
}

.ml-76 {
  margin-left: 4.75rem;
}

.ml-77 {
  margin-left: 4.8125rem;
}

.ml-78 {
  margin-left: 4.875rem;
}

.ml-79 {
  margin-left: 4.9375rem;
}

.ml-80 {
  margin-left: 5rem;
}

.ml-81 {
  margin-left: 5.0625rem;
}

.ml-82 {
  margin-left: 5.125rem;
}

.ml-83 {
  margin-left: 5.1875rem;
}

.ml-84 {
  margin-left: 5.25rem;
}

.ml-85 {
  margin-left: 5.3125rem;
}

.ml-86 {
  margin-left: 5.375rem;
}

.ml-87 {
  margin-left: 5.4375rem;
}

.ml-88 {
  margin-left: 5.5rem;
}

.ml-89 {
  margin-left: 5.5625rem;
}

.ml-90 {
  margin-left: 5.625rem;
}

.ml-91 {
  margin-left: 5.6875rem;
}

.ml-92 {
  margin-left: 5.75rem;
}

.ml-93 {
  margin-left: 5.8125rem;
}

.ml-94 {
  margin-left: 5.875rem;
}

.ml-95 {
  margin-left: 5.9375rem;
}

.ml-96 {
  margin-left: 6rem;
}

.ml-97 {
  margin-left: 6.0625rem;
}

.ml-98 {
  margin-left: 6.125rem;
}

.ml-99 {
  margin-left: 6.1875rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

.mb-1 {
  margin-bottom: 0.0625rem;
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.mb-3 {
  margin-bottom: 0.1875rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-5 {
  margin-bottom: 0.3125rem;
}

.mb-6 {
  margin-bottom: 0.375rem;
}

.mb-7 {
  margin-bottom: 0.4375rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-9 {
  margin-bottom: 0.5625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-11 {
  margin-bottom: 0.6875rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-13 {
  margin-bottom: 0.8125rem;
}

.mb-14 {
  margin-bottom: 0.875rem;
}

.mb-15 {
  margin-bottom: 0.9375rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-17 {
  margin-bottom: 1.0625rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.mb-19 {
  margin-bottom: 1.1875rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-21 {
  margin-bottom: 1.3125rem;
}

.mb-22 {
  margin-bottom: 1.375rem;
}

.mb-23 {
  margin-bottom: 1.4375rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.mb-25 {
  margin-bottom: 1.5625rem;
}

.mb-26 {
  margin-bottom: 1.625rem;
}

.mb-27 {
  margin-bottom: 1.6875rem;
}

.mb-28 {
  margin-bottom: 1.75rem;
}

.mb-29 {
  margin-bottom: 1.8125rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-31 {
  margin-bottom: 1.9375rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.mb-33 {
  margin-bottom: 2.0625rem;
}

.mb-34 {
  margin-bottom: 2.125rem;
}

.mb-35 {
  margin-bottom: 2.1875rem;
}

.mb-36 {
  margin-bottom: 2.25rem;
}

.mb-37 {
  margin-bottom: 2.3125rem;
}

.mb-38 {
  margin-bottom: 2.375rem;
}

.mb-39 {
  margin-bottom: 2.4375rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-41 {
  margin-bottom: 2.5625rem;
}

.mb-42 {
  margin-bottom: 2.625rem;
}

.mb-43 {
  margin-bottom: 2.6875rem;
}

.mb-44 {
  margin-bottom: 2.75rem;
}

.mb-45 {
  margin-bottom: 2.8125rem;
}

.mb-46 {
  margin-bottom: 2.875rem;
}

.mb-47 {
  margin-bottom: 2.9375rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.mb-49 {
  margin-bottom: 3.0625rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mb-51 {
  margin-bottom: 3.1875rem;
}

.mb-52 {
  margin-bottom: 3.25rem;
}

.mb-53 {
  margin-bottom: 3.3125rem;
}

.mb-54 {
  margin-bottom: 3.375rem;
}

.mb-55 {
  margin-bottom: 3.4375rem;
}

.mb-56 {
  margin-bottom: 3.5rem;
}

.mb-57 {
  margin-bottom: 3.5625rem;
}

.mb-58 {
  margin-bottom: 3.625rem;
}

.mb-59 {
  margin-bottom: 3.6875rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.mb-61 {
  margin-bottom: 3.8125rem;
}

.mb-62 {
  margin-bottom: 3.875rem;
}

.mb-63 {
  margin-bottom: 3.9375rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.mb-65 {
  margin-bottom: 4.0625rem;
}

.mb-66 {
  margin-bottom: 4.125rem;
}

.mb-67 {
  margin-bottom: 4.1875rem;
}

.mb-68 {
  margin-bottom: 4.25rem;
}

.mb-69 {
  margin-bottom: 4.3125rem;
}

.mb-70 {
  margin-bottom: 4.375rem;
}

.mb-71 {
  margin-bottom: 4.4375rem;
}

.mb-72 {
  margin-bottom: 4.5rem;
}

.mb-73 {
  margin-bottom: 4.5625rem;
}

.mb-74 {
  margin-bottom: 4.625rem;
}

.mb-75 {
  margin-bottom: 4.6875rem;
}

.mb-76 {
  margin-bottom: 4.75rem;
}

.mb-77 {
  margin-bottom: 4.8125rem;
}

.mb-78 {
  margin-bottom: 4.875rem;
}

.mb-79 {
  margin-bottom: 4.9375rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.mb-81 {
  margin-bottom: 5.0625rem;
}

.mb-82 {
  margin-bottom: 5.125rem;
}

.mb-83 {
  margin-bottom: 5.1875rem;
}

.mb-84 {
  margin-bottom: 5.25rem;
}

.mb-85 {
  margin-bottom: 5.3125rem;
}

.mb-86 {
  margin-bottom: 5.375rem;
}

.mb-87 {
  margin-bottom: 5.4375rem;
}

.mb-88 {
  margin-bottom: 5.5rem;
}

.mb-89 {
  margin-bottom: 5.5625rem;
}

.mb-90 {
  margin-bottom: 5.625rem;
}

.mb-91 {
  margin-bottom: 5.6875rem;
}

.mb-92 {
  margin-bottom: 5.75rem;
}

.mb-93 {
  margin-bottom: 5.8125rem;
}

.mb-94 {
  margin-bottom: 5.875rem;
}

.mb-95 {
  margin-bottom: 5.9375rem;
}

.mb-96 {
  margin-bottom: 6rem;
}

.mb-97 {
  margin-bottom: 6.0625rem;
}

.mb-98 {
  margin-bottom: 6.125rem;
}

.mb-99 {
  margin-bottom: 6.1875rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.mt-41 {
  margin-top: 2.375rem;
}

.fg-1 {
  flex-grow: 1;
}

.right {
  text-align: right;
}

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

.bold {
  font-weight: 700;
}

.hidden {
  display: none !important;
}

.rotate__180 {
  transform: scaleX(-1);
}

.divider {
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin: 1.875rem 0;
}

.shadow {
  box-shadow: 0 0.25rem 0.625rem var(--gray400);
  border-bottom: 0.0625rem solid var(--border-color);
  transition: all 0.3s ease-in-out;
}

.hide {
  display: none;
}
.hide--show {
  display: initial;
}

.loved {
  color: var(--danger);
}

.viewed {
  background: var(--gray200);
  font-weight: 400 !important;
}

.info {
  color: var(--primary);
  margin-left: 0.5rem;
  font-size: 0.875rem;
  cursor: help;
  display: inline-flex;
}

.bb-1 {
  border-bottom: 0.0625rem solid var(--gray200);
}

.bg-gray-10 {
  background-color: var(--gray100);
}
.bg-gray-30 {
  background-color: var(--gray300);
}

.w-p-50 {
  width: 50%;
}

.t-lg {
  font-size: 1.5rem;
}

.f-stick {
  align-self: start;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 100;
}

@media only screen and (max-width: 595px) {
  .f-stick {
    padding: 1rem;
  }
}
.ma {
  margin: auto;
}

.ul {
  list-style: disc;
  margin: 0 3.75rem;
}
.ul li {
  margin: initial;
}

.fw-bold {
  font-weight: 600 !important;
}
.fw-semibold {
  font-weight: 500 !important;
}

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

.accent-color {
  color: var(--accent);
}

.primary-border {
  border: 0.0625rem solid var(--primary) !important;
}

.hide {
  display: none;
}

.show {
  display: initial;
}

.bg__white {
  background-color: var(--white) !important;
}
.bg__teal {
  background-color: var(--secondary) !important;
}

.authenticator-block {
  background-color: #eefffe;
  padding: 1rem;
  border-radius: 0 0 1rem 1rem;
}
.authenticator-block__title {
  font-weight: 600;
}
.authenticator-block.open {
  display: block;
}
.authenticator-block.closed {
  display: none;
}

.mfa__authenticated {
  background: var(--secondary);
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.25rem;
  color: white;
  margin-top: 2rem;
}
.mfa__authenticated .btn {
  padding: 0 0.75rem;
  color: var(--white);
  min-width: unset;
}

.mfa-codes {
  -moz-column-count: 2;
       column-count: 2;
  width: 10rem;
  padding: 1rem;
  color: var(--teal800);
}

.color__white {
  color: var(--white);
}

.block {
  display: block;
}


.fs-7 {
  font-size: 0.875rem;
}
.fs-8 {
  font-size: 1rem;
}
.fs-9 {
  font-size: 1.125rem;
}
.fs-10 {
  font-size: 1.25rem;
}
.fs-11 {
  font-size: 1.375rem;
}
.fs-12 {
  font-size: 1.5rem;
}
.fs-13 {
  font-size: 1.625rem;
}
.fs-14 {
  font-size: 1.75rem;
}
.fs-15 {
  font-size: 1.875rem;
}
.fs-16 {
  font-size: 2rem;
}
.fs-17 {
  font-size: 2.125rem;
}
.fs-18 {
  font-size: 2.25rem;
}
.fs-19 {
  font-size: 2.375rem;
}
.fs-20 {
  font-size: 2.5rem;
}


.portrait {
  display: none;
}

@media only screen and (max-width: 595px) and (orientation: landscape) {
  .landscape {
    display: initial;
  }
  .portrait {
    display: none;
  }
}

.colspan-2 {
  grid-column: span 2 !important;
}
.colspan-3 {
  grid-column: span 3 !important;
}


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

.pos {
  position: absolute;
}
.pos--right {
  right: 0;
}
.pos--left {
  left: 0;
}
.pos--top {
  top: 0;
}
.pos--bottom {
  bottom: 0;
}


.lineclamp {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-line-clamp: 3;
  
  
  box-orient: vertical;
  
  box-lines: multiple;
  
  overflow-wrap: anywhere;
  box-shadow: none !important;
  border: none !important;
  margin: 1rem 0.5rem;
  padding: 0 !important;
  
}
.lineclamp p,
.lineclamp div {
  
}
.lineclamp--4 {
  -webkit-line-clamp: 4;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--5 {
  -webkit-line-clamp: 5;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--6 {
  -webkit-line-clamp: 6;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--7 {
  -webkit-line-clamp: 7;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--8 {
  -webkit-line-clamp: 8;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--9 {
  -webkit-line-clamp: 9;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--10 {
  -webkit-line-clamp: 10;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--11 {
  -webkit-line-clamp: 11;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--12 {
  -webkit-line-clamp: 12;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--13 {
  -webkit-line-clamp: 13;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--14 {
  -webkit-line-clamp: 14;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--15 {
  -webkit-line-clamp: 15;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--16 {
  -webkit-line-clamp: 16;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--17 {
  -webkit-line-clamp: 17;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--18 {
  -webkit-line-clamp: 18;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--19 {
  -webkit-line-clamp: 19;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}
.lineclamp--20 {
  -webkit-line-clamp: 20;
  
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  
  box-lines: multiple;
  
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
.ellipsis--100 {
  max-width: 6.25rem;
}
.ellipsis--150 {
  max-width: 9.375rem;
}
.ellipsis--200 {
  max-width: 12.5rem;
}
.ellipsis--250 {
  max-width: 15.625rem;
}
.ellipsis--300 {
  max-width: 18.75rem;
}
.ellipsis--350 {
  max-width: 21.875rem;
}
.ellipsis--400 {
  max-width: 25rem;
}
.ellipsis--450 {
  max-width: 28.125rem;
}
.ellipsis--500 {
  max-width: 31.25rem;
}

.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  max-height: 3.125rem; 
}


.color--accent {
  color: var(--accent);
}
.color--primary {
  color: var(--primary);
}
.color--warning {
  color: var(--warning);
}


.column-count--3 {
  -moz-column-count: 3;
       column-count: 3;
}

@media screen and (max-width: 1024px) {
  .column-count--3 {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (max-width: 595px) {
  .column-count--3 {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.system-default {
  display: inline !important;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  background-color: var(--primary-ghost);
  border-radius: var(--border-radius);
}

.small-text {
  font-size: 0.75rem;
}

.medium-text {
  font-size: 0.875rem;
}

.teal {
  color: var(--secondary);
}

.accent {
  color: var(--accent);
}


.resetMFA {
  color: var(--white);
  text-decoration: underline;
}
.resetMFA:hover {
  color: var(--white);
  font-weight: 700;
  text-decoration: underline;
}

.gap--0 {
  gap: 0;
}
.gap--8 {
  gap: 0.5rem;
}
.gap--16 {
  gap: 1rem;
}

.scrollable {
  overflow: auto;
}
.scrollable--400 {
  max-height: 25rem;
}
.scrollable--500 {
  max-height: 31.25rem;
}

.hr-light {
  border-color: var(--gray300);
}

.zoomed.dashboard-EE__item-amount {
  font-size: 1.5rem;
}
.header .left-nav__btn, .new-nav .left-nav, .left-nav {
  width: 3.25rem;
  max-width: 3.25rem;
  min-width: 3.25rem;
  border: none;
  margin-top: -0.0625rem;
}

.file-uploader__title.bs5-ver {
  min-width: unset;
  height: unset;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-uploader__title.bs5-ver .btn {
  min-width: unset;
  height: unset;
  padding: 0;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.file-uploader__title.bs5-ver .btn:hover {
  padding: 0 1rem;
}

.e-upload .e-upload-files .e-upload-file-list {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.e-upload .e-upload-files .e-upload-file-list {
  padding: 1rem;
}

.red {
  color: var(--error);
}

.sr-only, .continuous-feedback .mani-body__title, .table__search .form-label {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.blur-before:before, .modal--blur:before, .blur:after {
  -webkit-backdrop-filter: blur(0.1875rem);
          backdrop-filter: blur(0.1875rem);
}

.blur:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.blur-before:before, .modal--blur:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.required label:after {
  font-family: var(--font-awesome);
  content: "*";
  font-size: 0.75rem;
  color: var(--required);
  padding-left: 0.25rem;
}
.required label ~ label {
  color: var(--danger);
}
.required label ~ label:before {
  display: none;
}
.required .dropdown-toggle,
.required .form-control {
  border-color: var(--required);
}
.required .sortable-section__container-wrapper {
  border-color: var(--required);
}

:required {
  border-color: var(--required);
}

.form-element:has(.form-control[required]) .form-label:after {
  content: "*";
  color: var(--required);
  font-family: var(--font-awesome);
  margin-left: 0.25rem;
}

.form-element:has(.form-control[required]) .form-label {
  color: var(--required);
}


.status__blocks {
  display: flex;
  gap: 0.25rem;
}
.status__small-block {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.status__R {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--light-gray);
  text-align: center;
  background: var(--accent);
  border: 0.0625rem solid transparent;
}
.status__notstarted, .status__archive, .status__inactive, .status__testing, .status__number, .status__readyforreview, .status__E, .status__external {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--warning-dark);
  text-align: center;
  background: var(--warning-ghost);
  border: 0.0625rem solid transparent;
}
.status__deleted, .status__closed, .status__notrequired, .status__buildinprogress, .status__draft, .status__validating {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--text-color);
  text-align: center;
  background: var(--disabled);
  border: 0.0625rem solid transparent;
}
.status__I, .status__internal, .status__production, .status__pending, .status__pending-request, .status__pendingrequest, .status__readytoevaluate {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--primary);
  text-align: center;
  background: var(--primary-ghost);
  border: 0.0625rem solid transparent;
}
.status__published, .status__approved, .status__active, .status__yes, .status__complete, .status__completed, .status__offered, .status__O, .status__yes, .status__y, .status__pass {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--success-dark);
  text-align: center;
  background: var(--success-ghost);
  border: 0.0625rem solid transparent;
}
.status__in-process, .status__inprocess, .status__inprogress, .status__readyforsignatures {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--help-dark);
  text-align: center;
  background: var(--help-ghost);
  border: 0.0625rem solid transparent;
}
.status__denied, .status__no, .status__notcomplete, .status__n, .status__fail {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--error-dark);
  text-align: center;
  background: var(--error-ghost);
  border: 0.0625rem solid transparent;
}
.status__supervisorchanged {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--text-color);
  text-align: center;
  background: var(--white);
  border: 0.0625rem solid transparent;
}
.status__checking {
  animation: pulse 2s infinite;
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  width: 100%;
  text-align: center;
}

.warning {
  color: var(--warning);
}

.success {
  color: var(--success);
}

.info,
.primary {
  color: var(--primary);
}

.error,
.danger {
  color: var(--error);
}

.help {
  color: var(--help);
}

.required {
  color: var(--accent);
}

.status__warning {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--warning-dark);
  text-align: center;
  background: var(--warning-ghost);
  border: 0.0625rem solid transparent;
}
.status__error {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--error-dark);
  text-align: center;
  background: var(--error-ghost);
  border: 0.0625rem solid transparent;
}
.status__success {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--success-dark);
  text-align: center;
  background: var(--success-ghost);
  border: 0.0625rem solid transparent;
}
.status__info {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--primary-dark);
  text-align: center;
  background: var(--primary-ghost);
  border: 0.0625rem solid transparent;
}
.status__accent {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--light-gray);
  text-align: center;
  background: var(--accent);
  border: 0.0625rem solid transparent;
}
.status__disabled {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--text-color);
  text-align: center;
  background: var(--disabled);
  border: 0.0625rem solid transparent;
}
.status__help {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--help-dark);
  text-align: center;
  background: var(--help-ghost);
  border: 0.0625rem solid transparent;
}
.status__required {
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 100% !important;
  color: var(--light-gray);
  text-align: center;
  background: var(--accent);
  border: 0.0625rem solid transparent;
}
.status__end {
  width: 2.25rem;
  height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
}
.status__end-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  border-left: var(--card-border);
}

.visually-hidden {
  position: absolute !important;
  clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem); 
  padding: 0 !important;
  border: 0 !important;
  height: 0.0625rem !important;
  width: 0.0625rem !important;
  overflow: hidden;
}

.squircle, .leftnav-collapse .nav-item:before {
  clip-path: polygon(45.837405% 0%, 54.162595% 0%, 58.975237% 0.022716%, 63.78531% 0.166797%, 68.581802% 0.543282%, 73.338393% 1.261583%, 77.997229% 2.456312%, 82.469181% 4.217852%, 86.636013% 6.605826%, 90.342823% 9.657177%, 93.394174% 13.363987%, 95.782148% 17.530819%, 97.543688% 22.002771%, 98.738417% 26.661607%, 99.456718% 31.418198%, 99.833203% 36.21469%, 99.977284% 41.024763%, 99.977284% 58.975237%, 99.833203% 63.78531%, 99.456718% 68.581802%, 98.738417% 73.338393%, 97.543688% 77.997229%, 95.782148% 82.469181%, 93.394174% 86.636013%, 90.342823% 90.342823%, 86.636013% 93.394174%, 82.469181% 95.782148%, 77.997229% 97.543688%, 73.338393% 98.738417%, 68.581802% 99.456718%, 63.78531% 99.833203%, 58.975237% 99.977284%, 54.162595% 100%, 45.837405% 100%, 41.024763% 99.977284%, 36.21469% 99.833203%, 31.418198% 99.456718%, 26.661607% 98.738417%, 22.002771% 97.543688%, 17.530819% 95.782148%, 13.363987% 93.394174%, 9.657177% 90.342823%, 6.605826% 86.636013%, 4.217852% 82.469181%, 2.456312% 77.997229%, 1.261583% 73.338393%, 0.543282% 68.581802%, 0.166797% 63.78531%, 0.022716% 58.975237%, 0.022716% 41.024763%, 0.166797% 36.21469%, 0.543282% 31.418198%, 1.261583% 26.661607%, 2.456312% 22.002771%, 4.217852% 17.530819%, 6.605826% 13.363987%, 9.657177% 9.657177%, 13.363987% 6.605826%, 17.530819% 4.217852%, 22.002771% 2.456312%, 26.661607% 1.261583%, 31.418198% 0.543282%, 36.21469% 0.166797%, 41.024763% 0.022716%, 45.837405% 0%);
}

@media only screen and (max-width: 1024px) {
  .mobile-selector {
    margin: 1rem !important;
  }
}



.drawer-control {
  border-bottom: 0.0625rem solid silver;
  display: flex;
  align-items: center;
  height: 3.8125rem;
  justify-content: space-between;
}
.drawer-control .btn {
  min-width: unset !important;
  font-size: 1rem;
  line-height: 1.5rem;
}
.drawer-control .btn:focus {
  text-decoration: none;
  box-shadow: none;
}
.drawer-control__title {
  padding: 0 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.drawer-control .open {
  transform: rotate(-180deg);
}
.drawer-control__hidable {
  display: block;
}
.drawer .card .collapse {
  overflow-y: auto;
  height: 100%;
  flex: 1 1 auto;
}
.drawer .card-header {
  flex: 1 0 auto;
}
.drawer .card-body {
  padding: 0;
}
.drawer .card-item {
  margin-bottom: 1.875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.drawer .card-item i {
  font-size: 1.875rem;
  line-height: 2.8125rem;
  margin-right: 1.25rem;
}
.drawer .card-item__date {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 1.25rem 0;
  font-weight: 700;
  position: sticky;
  top: 0;
}


.info-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: stretch;
}
.info-panel .p-multiselect {
  min-width: unset;
  width: 100%;
}
.info-panel__file-detail {
  display: flex;
  justify-content: center;
  height: calc(100vh - 7.5rem);
}
.info-panel__file-detail button {
  margin-top: 1.25rem;
}
.info-panel__file-detail.error {
  align-items: center;
  flex-direction: column;
}
.info-panel__file-detail.error i {
  font-size: 5.5rem;
  line-height: 8.25rem;
  color: var(--gray400);
  margin-bottom: 0.625rem;
}
.info-panel__file-detail.txt {
  padding: 0 1.25rem;
  flex-direction: column;
  align-items: center;
}
.info-panel__file-detail.txt div {
  border: 0.0625rem solid var(--gray200);
  padding: 1.25rem;
  overflow-y: auto;
  max-height: 80%;
}
.info-panel__file-detail.vid {
  flex-direction: column;
  align-items: center;
}
.info-panel__file-detail.img {
  margin: 1.25rem;
  flex-direction: column;
  align-items: center;
}
.info-panel__file-detail.img img {
  max-height: 25rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.info-panel__msg {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.info-panel__msg-img {
  width: 3.125rem;
  fill: var(--blue400);
  margin-right: 0.625rem;
}
.info-panel__file-info {
  background-color: var(--white);
}
.info-panel__file-tags {
  background-color: var(--white);
}
.info-panel__placeholder {
  font-size: 0.6875rem;
  line-height: 1.03125rem;
  padding: 1.25rem;
}
.info-panel .info-card {
  display: flex;
  flex-flow: column;
}
.info-panel .info-card__mobile-title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
.info-panel .info-card__title {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding: 0 0.625rem;
  height: 3.75rem;
  cursor: pointer;
  border-bottom: 0.0625rem solid var(--border-color);
  background-color: var(--white);
}
.info-panel .info-card__title span {
  margin-left: 0.625rem;
}
.info-panel .info-card__title:hover {
  color: var(--white) !important;
  background-color: var(--blue400) !important;
}
.info-panel .info-card__body {
  display: none;
  align-items: stretch;
  display: none;
  position: relative;
}
.info-panel .info-card__body.show {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 10.125rem);
}
.info-panel .info-card-select {
  padding: 1.25rem 0.625rem 0 0.625rem;
}
.info-panel .info-card-select:not(:first-of-type) {
  padding: 0 0.625rem;
}
.info-panel .info-card-select:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
.info-panel .info-card-item {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
.info-panel .info-card-item i {
  font-size: 1.875rem;
  line-height: 2.8125rem;
  margin-right: 1.25rem;
  color: var(--gray200);
}
.info-panel .info-card-item__block {
  position: relative;
}
.info-panel .info-card-item__wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  padding: 0 0.625rem;
  height: 100%;
  border-bottom: 0.0625rem solid var(--border-color);
}
.info-panel .info-card-item__date {
  display: block;
  position: sticky;
  top: 0;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  background: var(--gray200);
  width: 100%;
  margin: 0 -0.625rem 0.625rem -0.625rem;
  padding: 0.3125rem 0.625rem;
  border-bottom: 0.0625rem solid var(--gray200);
}
.info-panel .info-card-item__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.info-panel .info-card-item__time {
  color: var(--gray400);
}

.info-panel .info-card .mat-form-field {
  width: 100%;
}
.info-panel .info-card.open {
  flex-grow: 0;
}
.info-panel .info-card.open .info-card__title {
  color: var(--white) !important;
  background-color: var(--blue400) !important;
}
.info-panel .info-card.open .info-card__title i:before {
  font-weight: 900;
}
.info-panel .info-card.open .info-card__body {
  flex-grow: 1;
}


.card-body-item {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  border-bottom: 0.0625rem dashed var(--gray200);
  display: flex;
  align-items: center;
}
.card-body-item--section-title {
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.card-body-item--title {
  min-width: 5.625rem;
}
.card-body-item--title:after {
  content: ":";
}
.card-body-item--body {
  padding: 0.25rem 0;
}
.card-body-item:last-of-type {
  margin-bottom: 2.5rem;
}

.dark-mode .panel {
  background: var(--dark-base);
}


.pills {
  display: flex;
  flex-wrap: wrap;
  overflow-y: hidden;
}
.pills .form-group {
  position: sticky;
  top: 0;
}
.pills .pill {
  cursor: pointer;
  border-radius: 6.25rem;
  background-color: var(--accent);
  border: 0.0625rem solid var(--primary);
  width: -moz-fit-content;
  width: fit-content;
  padding: 2 0.625rem 2 0.625rem;
  font-size: 0.75rem;
  min-width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3125rem;
}
.pills .pill a {
  color: var(--primary);
}
.pills .pill:not(:last-child) {
  margin-right: 0.3125rem;
}
.pills .pill .close-pill {
  color: var(--primary);
  margin: 0 0.3125rem 0 0.625rem;
  transition: all 0.3s ease-in-out;
}
.pills .pill:hover .close-pill {
  font-size: inherit;
  opacity: 1;
  color: var(--yellow40);
}
.pills .pill--success {
  background-color: var(--success-ghost);
  color: var(--success-dark);
  border: none;
}
.pills .pill--warning {
  background-color: var(--warning-ghost);
  color: var(--warning-dark);
  border: none;
}
.pills .pill--error {
  background-color: var(--error-ghost);
  color: var(--error-dark);
  border: none;
}


.button-corner {
  padding: 0;
  min-width: 0;
  color: var(--primary);
}
.button-corner:hover {
  color: var(--primary-hover);
} 
.starred {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.starred:before {
  font-family: var(--font-awesome);
  content: "\f005";
  transition: all 0.3s ease-in-out;
}
.starred:hover:before {
  color: var(--primary);
}
.starred.active:before {
  color: var(--primary);
  font-weight: 900;
}


.favorite-link {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.favorite .directory,
.favorite .file,
.favorite .title {
  margin: 0 -0.625rem;
  padding: 0.3125rem 0.625rem;
  background-color: var(--white);
}
.favorite .title {
  position: sticky;
  top: 0;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 10;
  padding: 0.625rem 0.625rem;
  border-bottom: 0.125rem solid var(--gray200);
}
.favorite .title:not(:first-of-type) {
  border-top: 0.125rem solid var(--gray200);
}
.favorite .title i {
  margin-right: 0.5rem;
}
.favorite .directory,
.favorite .file {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.favorite .directory .favorite-link:before,
.favorite .file .favorite-link:before {
  font-family: var(--font-awesome);
  margin-right: 0.3125rem;
  font-weight: 700;
  color: var(--primary);
  font-size: 1rem;
}
.favorite .directory button,
.favorite .file button {
  font-size: 0.875rem;
  cursor: pointer;
  opacity: 0;
  background-color: var(--white);
  height: 1.25rem;
  width: 1.25rem;
  transition: background-color 0.3s ease-in-out;
}
.favorite .directory button:hover,
.favorite .file button:hover {
  background-color: var(--gray200);
}
.favorite .directory:hover button,
.favorite .file:hover button {
  opacity: 1;
}
.favorite .directory .favorite-link:before {
  content: "\e185";
}
.favorite .file .favorite-link:before {
  content: "\f15b";
}


.box {
  padding: 1rem;
}


.tag {
  background-color: var(--primary);
  border: 0.0625rem solid var(--primary);
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--border-radius);
  margin-top: 0.5rem;
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
}
.tag:not(:last-of-type) {
  margin-right: 0.5rem;
}
.tag a {
  color: var(--white);
  text-decoration: none !important;
}


.multiselect .vscomp-wrapper .vscomp-option .checkbox-icon, .multiselect .vscomp-wrapper .checkbox-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.multiselect .vscomp-wrapper .vscomp-option .checkbox-icon:after, .multiselect .vscomp-wrapper .checkbox-icon:after {
  transition: unset;
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
}

.multiselect .vscomp-wrapper .vscomp-option.selected .checkbox-icon:after, .multiselect .vscomp-wrapper .checkbox-icon.checked:after {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: unset;
  border: none;
  font-family: var(--font-awesome);
  content: "\f00c";
  color: var(--white);
  width: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  background-color: var(--primary);
}

.multiselect {
  display: flex;
  flex-direction: column;
}
.multiselect .vscomp-ele {
  max-width: unset;
}
.multiselect .vscomp-wrapper {
  color: var(--gray600);
  font-size: 1rem;
  line-height: 1.5rem;
}
.multiselect .vscomp-wrapper:not(.has-value) .vscomp-value {
  opacity: 1;
}
.multiselect .vscomp-wrapper .vscomp-arrow:after {
  font-family: var(--font-awesome);
  content: "\f107";
  transform: unset;
  border: none;
  height: 0.5rem;
  margin-top: -0.375rem;
  width: 0.5rem;
}
.multiselect .vscomp-wrapper[aria-expanded=true] .vscomp-arrow:after {
  content: "\f106";
}
.multiselect .vscomp-wrapper .vscomp-option.focused, .multiselect .vscomp-wrapper .vscomp-option.selected {
  background-color: var(--primary-ghost);
}
.multiselect .vscomp-wrapper.multiple .vscomp-option {
  flex-wrap: unset;
}
.multiselect .vscomp-toggle-button {
  background-color: var(--white);
  border: 0.0625rem solid var(--border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
}

.dark-mode .bootstrap-select .dropdown-toggle {
  background: var(--dark-base);
  border: 0.0625rem solid var(--dark-border);
  color: var(--gray100);
}
.dark-mode .bootstrap-select .filter-option-inner-inner {
  color: var(--gray100);
}
.dark-mode .dark-mode .bootstrap-select .filter-option-inner-inner {
  background: var(--dark-base);
}
.dark-mode .dropdown-menu {
  color: var(--dark-highlight);
  background: var(--dark-base);
  border: none;
  --bs-dropdown-color: unset;
  --bs-dropdown-bg: unset;
}
.dark-mode .bootstrap-select .dropdown-menu li a {
  color: var(--gray100);
}
.dark-mode .settings-table__input .bootstrap-select .selectpicker[readonly] + .dropdown-toggle {
  background-color: var(--dark-border) !important;
}
.dark-mode .settings-table__input .bootstrap-select .selectpicker[readonly] + .dropdown-toggle .filter-option-inner-inner {
  color: var(--gray500);
}


.prsm-liveSearch__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.prsm-liveSearch__table-wrapper {
  border: 0.0625rem solid var(--disabled);
  margin: 1.875rem 0;
  max-height: 25.6875rem;
  min-height: 12.5rem;
  overflow-y: auto;
}
.prsm-liveSearch__table thead th {
  border-bottom: 0.0625rem solid var(--disabled);
  position: sticky;
  top: 0;
  background: white;
  z-index: 100;
  padding: 0.5rem 0;
}
.prsm-liveSearch__table tbody tr td {
  padding: 0.9375rem 0.3125rem;
  background-color: white;
}
.prsm-liveSearch__table tbody tr:not(:last-of-type) td {
  border-bottom: 0.0625rem solid var(--disabled);
}
.prsm-liveSearch__table .form-check-input {
  width: 1.375rem;
  height: 1.375rem;
  margin: 0;
}
.prsm-liveSearch__cb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.prsm-liveSearch__search {
  position: relative;
}
.prsm-liveSearch__search:after {
  font-family: var(--font-awesome);
  content: "\f002";
  position: absolute;
  right: 1rem;
  top: 0.5625rem;
  font-weight: 800;
}
.prsm-liveSearch__search .form-control {
  border-radius: 6.25rem;
  padding: 0.5rem 2.3125rem 0.5rem 1rem;
}
.prsm-liveSearch__footer {
  margin-bottom: 1.25rem;
}


.panel {
  background: var(--gray100);
  border-radius: 0.25rem;
  box-shadow: var(--box-shadow);
  padding: 1rem;
}
.panel .card-title {
  background-color: transparent;
}
.panel .card-title .btn {
  background-color: transparent;
}
.panel__title {
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 0.0625rem solid var(--border-color);
  margin-bottom: 0.625rem;
  padding: 0.625rem 1.25rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  position: sticky;
  top: -0.0625rem;
  z-index: 2;
}
.panel__container {
  width: 100%;
}
.panel__section {
  display: flex;
  position: relative;
  padding: 0.625rem 1.25rem;
  border-bottom: 0.0625rem solid var(--border-color);
}
.panel__section:after {
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.panel__section:not(:last-of-type):after {
  content: "";
  position: absolute;
  border-bottom: 0.0625rem solid var(--border-color);
  bottom: 0;
}
.panel__section:nth-of-type(n + 5) {
  display: none;
}
.panel__section.addShowMore:before {
  content: "here";
}
.panel__section.show:nth-of-type(n + 5) {
  display: flex;
}
.panel__showMore {
  cursor: pointer;
  color: var(--blue400);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  padding: 0.625rem 1.25rem;
}
.panel__showMore:hover {
  color: var(--blue400) -hover;
}
.panel__subwrapper {
  display: flex;
  justify-content: space-between;
}
.panel__subtitle {
  font-weight: 700;
  margin-bottom: 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  width: -moz-fit-content;
  width: fit-content;
}
.panel__wrapper {
  display: flex;
  flex-direction: column;
}
.panel__body {
  margin-bottom: 0.625rem;
  max-width: 80%;
  display: flex;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  justify-content: space-between;
}
.panel__icon {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding: 0.8125rem 1.25rem 0 0;
}
.panel__cta {
  text-align: right;
  min-width: 11.25rem;
  margin-top: -0.9375rem;
}
.panel__cta a {
  font-size: 0.6875rem;
  line-height: 1.03125rem;
  text-decoration: none;
}
.panel__cta a i {
  margin-left: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

@media screen and (max-width: 768px) {
  .panel__subwrapper {
    flex-direction: column;
  }
  .panel__body {
    width: 100%;
    max-width: unset;
  }
  .panel__cta {
    margin-top: 0.625rem;
    min-width: unset;
    width: 100%;
    margin-bottom: 0.625rem;
  }
  .panel__cta a {
    width: 100%;
  }
}

.prefilter-container {
  padding: 1rem 1.5rem;
}

.prefilter-block {
  align-items: center;
  background: var(--primary-ghost);
  border-radius: var(--card-border-radius);
  height: 2.5rem;
  padding: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.prefilter-block.open {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 25rem;
  position: absolute;
  z-index: 9999;
  overflow-y: auto;
  left: 0.5rem;
  right: 0.5625rem;
  box-shadow: var(--box-shadow-large);
}
.prefilter-block.open .prefilter-block__search {
  margin-bottom: 0.5rem;
  max-height: 2rem;
  opacity: 1;
  overflow: unset;
}
.prefilter-block.open .prefilter-block__search__input__container {
  max-width: 42.813rem;
  display: block;
  position: relative;
}
.prefilter-block.open .prefilter-block__search__input__container input {
  align-self: stretch;
  background: var(--white);
  border: 0.0625rem solid var(--border-color);
  border-radius: 0.375rem;
  height: 2rem;
  padding: 0 0.75rem;
  position: relative;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  width: 100%;
}
.prefilter-block.open .prefilter-block__search__input__container .clear-button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--text-color);
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  height: 1.875rem;
  justify-content: center;
  margin: auto 0;
  padding: 0;
  transition: var(--transition);
  width: 1.875rem;
}
.prefilter-block.open .prefilter-block__search__input__container .clear-button:hover {
  background-color: var(--primary-ghost);
}
.prefilter-block.open .prefilter-block__search__input__buttons {
  align-items: center;
  border-radius: 0 0.4375rem 0.4375rem 0;
  display: flex;
  height: 2rem;
  justify-content: flex-end;
  overflow: hidden;
  position: absolute;
  right: 0.0625rem;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.prefilter-block.open .prefilter-block__search__input__buttons i {
  align-items: center;
  color: var(--text-color);
  display: flex;
  font-size: 0.875rem;
  height: 1.875rem;
  justify-content: center;
  margin: auto 0;
  padding: 0;
  transition: var(--transition);
  width: 1.875rem;
}
.prefilter-block__search {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.prefilter-block__content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.prefilter-block__pill {
  align-items: center;
  background: var(--white);
  border: 0.0625rem solid var(--primary-info);
  border-radius: 10rem;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.25rem;
  height: 1.5rem;
  padding: 0 0.75rem;
}
.prefilter-block__pill:hover {
  background: var(--primary-info);
  color: var(--text-color);
}
.prefilter-block__pill--active, .prefilter-block__pill--active:hover {
  background: var(--primary-text);
  border-color: var(--primary-text);
  color: var(--white);
}
.prefilter-block__pill--toggle {
  background: var(--primary-ghost);
  color: var(--text-color);
}
.prefilter-block__pill--toggle:hover {
  background: var(--primary-info);
}
.prefilter-block__pill--toggle i {
  margin-right: 0.25rem;
}

.dark-mode .prefilter-block__pill {
  color: var(--darkmode-text-color);
}
.dark-mode .prefilter-block__pill:hover {
  background: var(--darkmode-primary-info);
  color: var(--darkmode-primary-text);
}
.dark-mode .prefilter-block__pill--active, .dark-mode .prefilter-block__pill--active:hover {
  background: var(--darkmode-primary-text);
  border-color: var(--darkmode-primary-text);
  color: var(--darkmode-white);
}


@keyframes preloader-svg-animation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes preloader-circle-animation {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 155;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}
.preloader__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000000000000000000000000000000000000000000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.21);
  box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.15rem);
          backdrop-filter: blur(0.15rem);
}

.preloader {
  animation: 2s linear infinite preloader-svg-animation;
  max-width: 6.25rem;
  width: 3.125rem;
}
.preloader circle {
  animation: 1.3s ease-in-out infinite both preloader-circle-animation;
  display: block;
  fill: transparent;
  stroke: var(--primary);
  stroke-linecap: round;
  stroke-dasharray: 281;
  stroke-dashoffset: 280;
  transform-origin: 50% 50%;
}
.preloader--large {
  width: 9.375rem;
}
.preloader--small {
  width: 1.5625rem;
}
.preloader--tiny {
  width: 0.9375rem;
}

.spinner {
  align-items: center;
  display: flex;
}
.spinner .css_spinner {
  width: 1rem;
  height: 1rem;
  border: 0.125rem solid;
  margin-right: 0.5rem;
}

.css_spinner {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: 0.5625rem solid var(--primary);
  animation: spinner-bulqg1 0.8s infinite linear alternate, spinner-oaa3wk 1.6s infinite linear;
}
.css_spinner--mini {
  width: 1.5rem;
  height: 1.5rem;
  border-width: 0.25rem;
}
.css_spinner--small {
  width: 2.5rem;
  height: 2.5rem;
  border-width: 0.4375rem;
}
.css_spinner--large {
  width: 4.5rem;
  height: 4.5rem;
  border-width: 0.75rem;
}
.css_spinner--xlarge {
  width: 7.5rem;
  height: 7.5rem;
  border-width: 0.875rem;
}

@keyframes spinner-bulqg1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes spinner-oaa3wk {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}

.table thead {
  position: sticky;
  top: 0;
  font-size: 0.875rem;
  font-weight: 600;
  background-color: var(--white);
  z-index: 1;
}

.table thead tr {
  border-bottom: 0.25rem solid var(--gray30);
}

.table thead tr th.success {
  background-color: var(--success-ghost);
}

.table thead tr th.success--log {
  color: var(--success-dark);
}

.table thead tr th.info {
  background-color: var(--info-ghost);
}

.table thead tr th.warning {
  background-color: var(--warning-ghost);
}

.table thead tr th.error {
  background-color: var(--error-ghost);
}

.table thead tr th.error--log {
  color: var(--error-dark);
}

.table thead tr th.help {
  background-color: var(--help-ghost);
}

.table thead tr th.gray {
  background-color: var(--disabled);
}

.table thead tr th.blue {
  background-color: var(--info-ghost);
}

.table tbody tr td {
  flex-grow: 1;
  width: auto;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.4;
  position: relative;
  word-wrap: break-word;
  align-content: center;
  height: 2.5rem;
  padding: 0 0.5rem;
}

.table tbody tr td:empty:after {
  font-family: var(--font-awesome);
  content: "\e046";
  color: var(--gray400);
}

.table tbody tr td.status__end-wrapper {
  padding: 0.5rem;
}

.table tbody tr td .status__end {
  width: 1.75rem !important;
  height: 1.75rem !important;
  max-width: 1.75rem !important;
  max-height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: help;
}
.table tbody tr td .dropdown--nav .btn {
  background-color: var(--gray100);
  border: none;
}

.table tbody tr td .dropdown--nav .btn:hover {
  background-color: var(--primary-ghost);
}

.table tbody tr td.job-cell {
  font-size: 1rem;
}

.table tbody tr td a {
  font-weight: 600;
  font-size: 1rem;
}

.table tbody tr td a i {
  font-size: 1rem;
}

.table tbody tr td .btn {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 2rem;
}

.table tbody tr td .btn i {
  font-size: 0.875rem;
}

.table tbody tr td span {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.table tbody tr td .input-group-text {
  padding: 0 0.625rem;
  border: none;
  background-color: var(--info);
  border-bottom: 0.0625rem dashed var(--primary);
  color: var(--primary);
}

.table tbody tr td .input-group .form-control {
  border: none;
  border-bottom: 0.0625rem dashed var(--primary);
}

.table tbody tr td .preloader {
  margin-top: -0.5rem;
  margin-left: 0.625rem;
}

.table tbody tr td .dropdown-toggle {
  font-size: 1rem;
  background-color: var(--white);
  padding: 0.25rem 0.5rem;
}

.table tbody tr td .dropdown-toggle .filter-option-inner-inner {
  width: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  color: var(--primary);
  text-overflow: ellipsis;
}

.table tbody tr td .bootstrap-select + .field-validation-error {
  color: var(--danger);
  top: 3rem;
  font-size: 0.875rem;
  left: 0.375rem;
  right: 0;
  word-wrap: break-word;
  background-color: var(--white);
}

.table tbody tr td .form-element .form-control,
.table tbody tr td .form-element .permissions-table__question .form-select {
  font-size: 1rem;
  border: none;
  border-bottom: 0.0625rem dashed var(--primary);
  padding: 0.25rem;
  height: 1.6875rem;
  min-height: unset;
  background: var(--primary-ghost);
  color: var(--primary);
}

.table tbody tr td .form-element .form-control {
  border-radius: 0;
  font-size: 1rem;
}

.table tbody tr td .multiselect .dropdown .dropdown-toggle {
  padding: 0.25rem;
  border: none;
  border-bottom: 0.0625rem dashed var(--primary);
  border-radius: 0;
  width: 100%;
  font-size: 1rem;
  background: var(--primary-ghost);
}

.table tbody tr td .multiselect .dropdown .dropdown-toggle .filter-option-inner-inner {
  font-size: 1rem;
}

.table tbody tr td .multiselect.form-element {
  margin: 0;
}

.table tbody tr td .dropdown-item {
  font-size: 1rem;
}

.table tbody tr td .form-control:-moz-read-only {
  background-color: transparent;
  color: var(--text-color);
  border: none;
}

.table tbody tr td .form-control:disabled, .table tbody tr td .form-control:read-only {
  background-color: transparent;
  color: var(--text-color);
  border: none;
}

.table tbody tr td.success {
  background-color: var(--success-ghost);
}

.table tbody tr td.success--log {
  color: var(--success-dark);
}

.table tbody tr td.info {
  background-color: var(--info-ghost);
}

.table tbody tr td.warning {
  background-color: var(--warning-ghost);
}

.table tbody tr td.error {
  background-color: var(--error-ghost);
}

.table tbody tr td.error--log {
  color: var(--error-dark);
}

.table tbody tr td.help {
  background-color: var(--help-ghost);
}

.table tbody tr td.gray {
  background-color: var(--disabled);
}

.table tbody tr td.blue {
  background-color: var(--info-ghost);
}

.table tbody tr:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}

.table tbody tr.job-row i {
  margin-right: 0.625rem;
}

.table tbody tr .form-control {
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
}

.table tbody tr.total-row td {
  background-color: var(--gray100);
  border-bottom: 0.0625rem solid var(--card-border-color);
}

.table tbody tr.success {
  background-color: var(--success-ghost);
}

.table tbody tr.info {
  background-color: var(--info-ghost);
}

.table tbody tr.warning {
  background-color: var(--warning-ghost);
}

.table tbody tr.error {
  background-color: var(--error-ghost);
}

.table tbody tr.help {
  background-color: var(--help-ghost);
}

.table tbody tr.blue {
  background-color: var(--blue100);
}

.table tbody tr.teal {
  background-color: var(--teal100);
  color: var(--text-color);
}

.table tbody tr.red {
  background-color: var(--red10);
}

.table tbody tr.yellow {
  background-color: var(--yellow100);
}

.table tbody tr.green {
  background-color: var(--green100);
}

.table tbody tr.purple {
  background-color: var(--purple10);
}

.table tbody tr.orange {
  background-color: var(--orange100);
}

.table tbody tr.gray {
  background-color: var(--gray100);
}

.table tbody tr.dark-gray {
  background-color: var(--gray500);
  color: var(--white);
}

.table tbody tr.dark-gray input {
  color: var(--white) !important;
}

.table tfoot {
  position: sticky;
  bottom: 0;
}

.table tfoot tr {
  background: var(--gray100);
  border-bottom: 0.25rem solid var(--gray30);
}

.table tfoot tr td {
  font-size: 0.875rem;
  font-weight: 700;
}

.table__wrapper {
  overflow-x: auto;
  width: 100%;
}

.table__wrapper .table {
  overflow-x: auto;
  white-space: nowrap;
}

.table__wrapper .table::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 3.125rem;
}

.table__wrapper .table::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-hover);
}

.table__wrapper .table::-webkit-scrollbar {
  height: 0.25rem;
}

.table__wrapper .table::-webkit-scrollbar-track {
  background: var(--gray100);
}

.table__wrapper .table th,
.table__wrapper .table td {
  width: -moz-max-content;
  width: max-content;
}

.table__wrapper::-webkit-scrollbar {
  height: 0.25rem;
}

.table__wrapper::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 3.125rem;
}

.table__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-hover);
}

.table {
  margin: 0;
  background: var(--white);
  width: 100% !important;
}
.table tr.skipRow {
  position: relative;
  background: var(--gray300);
}
.table tr.skipRow:before {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray500);
  height: 3.4375rem;
  font-size: 0.875rem;
}
.table tr.changed td {
  background-color: var(--disabled);
}
.table tr.changed td .form-control {
  background-color: var(--disabled) !important;
}
.table tr.changed td .btn {
  background-color: var(--disabled) !important;
}
.table__grid {
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: 0.5rem 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "table__left-col table__right-col";
  transition: all 0.3s ease-in-out;
}
.table__grid .btn {
  min-width: unset;
  color: var(--primary);
  width: 2.375rem;
  font-size: 1rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table__grid .btn:hover {
  background-color: var(--primary-ghost);
}
.table__grid.open {
  gap: 1rem;
}
.table__grid.open .table__left-col {
  width: 17.5rem;
  padding-right: 1rem;
  border-right: 0.0625rem dashed var(--card-border-color);
}
.table__grid.open .table__left-col__wrapper {
  display: block;
}
.table__left-col {
  grid-area: table__left-col;
  width: 0;
}
.table__left-col__wrapper {
  display: none;
}
.table__left-col__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 0.75rem;
}
.table__left-col__toolbar-left, .table__left-col__toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.table__left-col__toolbar-left {
  font-size: 0.75rem;
}
.table__right-col {
  grid-area: table__right-col;
}
.table__search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  padding: 0.75rem 0 1.125rem;
}
.table__search .form-element {
  margin: 0;
}
.table--max-400 {
  max-height: 25rem;
}
.table .job-cell {
  display: flex;
  align-items: center;
}
.table .job-cell .btn {
  min-width: unset;
  padding: 0.5rem;
}
.table__cta {
  height: 2.375rem;
  width: 2.375rem;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}
.table__cta:hover {
  background-color: var(--primary-ghost);
}
.table__actions {
  text-align: center;
  justify-items: anchor-center;
}
.table__actions a,
.table__actions .btn {
  width: 2.5rem;
  height: 2.5rem;
}
.table__actions .btn {
  min-width: unset;
  padding: 0;
  text-decoration: none;
}
.table__actions .dropdown-toggle {
  width: unset;
}
.table__tools {
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.5rem;
}
.table__tools .btn {
  min-width: unset;
}
.table__tools--flex {
  display: flex;
  justify-content: space-between;
}
.table__tools--left {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.table__tools--left .btn {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.375rem;
  min-width: 0;
}
.table__tools--left .bootstrap-select .dropdown-menu li a.selected {
  font-size: 1rem;
}
.table__tools--left .bootstrap-select .dropdown-toggle {
  padding: 0.375rem 1rem;
}
.table__tools--left .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 1rem !important;
}
.table__tools--left .bootstrap-select .btn {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.375rem;
  min-width: 0;
}
.table__tools--left .form-element {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.table__tools--left .form-control {
  font-size: 1rem;
  min-height: 2.375rem;
  height: 2.375rem;
}
.table__tools--left [type=date] {
  width: 8.75rem;
}
.table__tools--left div {
  flex-grow: 1;
}
.table__tools--left .desktop {
  display: flex;
  gap: 0.5rem;
}
.table__tools--left .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.table__tools--left .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  height: 2.375rem !important;
}
.table__tools--left .e-input-group input.e-input,
.table__tools--left .e-input-group.e-control-wrapper input.e-input,
.table__tools--left .e-input-group textarea.e-input,
.table__tools--left .e-input-group.e-control-wrapper textarea.e-input,
.table__tools--left .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
.table__tools--left .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
.table__tools--left .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
.table__tools--left .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
  height: auto;
}
.table .dropdown-menu .btn {
  padding: 0.5rem 1.5rem;
  width: 100%;
}
.table .dropdown-menu.show {
  display: block !important;
}
.table .dropdown-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: unset;
  color: var(--primary);
  font-size: 1.375rem;
  background: transparent;
}
.table .dropdown-toggle.show {
  display: flex !important;
}
.table .dropdown-toggle:after {
  font-size: 1rem;
  margin-left: 1rem;
}
.table .dropdown-toggle:hover {
  background-color: var(--primary-ghost);
}
.table .form-check-input {
  width: 1.5rem;
  height: 1.5rem;
}
.table .form-switch .form-check-input:before {
  top: -0.1875rem !important;
}
.table .form-switch .form-check-input:hover:before {
  color: var(--gray100);
}
.table [contenteditable=true] {
  border: 0.0625rem solid var(--primary);
}
.table .inner-table {
  border: 0.0625rem solid var(--card-border-color);
  margin-bottom: 1.5rem;
}
.table .inner-table td {
  background-color: var(--gray100);
}
.table__totals {
  background-color: var(--gray100);
}
.table .filter-option-inner-inner,
.table .form-element {
  font-size: 1rem;
}
.table .bootstrap-select .dropdown-toggle:after {
  right: 0.3125rem;
  font-size: 1rem;
}
.dt-scroll-head {
  z-index: 2;
  top: 2.3125rem;
}

@media only screen and (max-width: 768px) {
  .table {
    width: 100% !important;
  }
  .table thead,
  .table tfoot {
    display: none;
  }
  .table tbody {
    background-color: var(--gray300);
  }
  .table tbody tr {
    display: flex;
    flex-flow: column;
    border: none;
    margin: 0.625rem;
    box-shadow: var(--box-shadow);
    background-color: var(--white);
    border-radius: 0.375rem;
  }
  .table tbody tr td {
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-flow: column;
    max-width: unset;
    padding: 1rem 1.25rem;
  }
  .table tbody tr td:first-of-type {
    border-radius: 0.375rem 0.375rem 0 0;
  }
  .table tbody tr td:last-of-type {
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  }
  .table tbody tr td[data-title]:before {
    content: attr(data-title) "";
    margin-right: 1rem;
    font-weight: 700;
  }
  .table tbody tr td.table__actions {
    background: var(--white);
    width: auto;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0.625rem 1.25rem;
    justify-items: anchor-center;
  }
  .table tbody tr td.table__actions .table__cta {
    margin: 1rem;
    border: 0.0625rem solid var(--primary);
    font-size: 1.5rem;
    border-radius: var(--border-radius);
    width: 100%;
    height: 3.125rem;
  }
  .table tbody tr td.table__actions:first-of-type {
    margin-top: 2.5rem;
  }
  .table tbody tr td .form-check-input {
    width: 1.875rem;
    height: 1.875rem;
  }
  .table th,
  .table td {
    font-size: 1.125rem;
  }
  table.dataTable tbody tr,
  table.table tbody tr {
    margin: 0.5rem;
  }
}
@media only screen and (max-width: 595px) {
  .table thead,
  .table tfoot {
    display: none;
  }
  .table tbody tr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 0.0625rem solid var(--card-border-color);
    margin: 0.5rem;
    border-radius: var(--card-border-radius);
  }
  .table tbody tr td.table__actions {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.625rem 1.25rem;
    justify-items: anchor-center;
  }
  .table tbody tr td.table__actions:last-of-type {
    margin-bottom: 1.25rem;
  }
  .table tbody tr td.table__actions .table__cta {
    border: 0.0625rem solid var(--primary);
    font-size: 1.5rem;
    border-radius: var(--border-radius);
    width: 100%;
    padding: 0.75rem;
    margin: 0;
  }
  .table tbody tr td .form-check-input {
    width: 1.875rem;
    height: 1.875rem;
  }
  .table th,
  .table td {
    font-size: 1.125rem;
  }
}
.table-alt {
  width: 100%;
  height: 100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  position: sticky;
  bottom: 0;
}
.table-alt__center {
  text-align: center;
}
.table-alt thead {
  border-bottom: 0.25rem solid var(--gray400);
}
.table-alt th {
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: bottom;
}
.table-alt th,
.table-alt td {
  border: 0.0625rem solid var(--card-border-color);
  padding: 0.5rem;
}
.table__info-bar {
  padding: 0.5rem 1rem;
  line-height: 1.3125rem;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  font-weight: 600;
  color: var(--accent);
}

.dark-mode .table {
  border-color: var(--dark-grid-border);
  color: var(--gray100);
}
.dark-mode .table > :not(caption) > * > * {
  background-color: var(--dark-bg-light);
}
.dark-mode .table thead tr {
  border-bottom: 0.25rem solid var(--dark-grid-border);
}
.dark-mode .table__tools--left .form-control {
  background: var(--dark-border);
}
.dark-mode .table__tools--left .bootstrap-select .dropdown-toggle {
  background: var(--dark-border);
}
.dark-mode .table tbody {
  background-color: var(--white) !important;
}
.dark-mode .table tbody tr td .dropdown--nav .btn {
  background-color: var(--white) !important;
  border: none;
}
.dark-mode .table .form-check-input:checked[type=checkbox]::before {
  top: 0;
}


.page-title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background: white;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.page-title--boxed {
  background: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
}
.page-title a,
.page-title .btn {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}


.pto {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.pto__chart {
  position: relative;
  z-index: 1;
}
.pto__chart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.5rem;
}
.pto__available {
  position: absolute;
  text-align: center;
  font-size: 6.875rem;
  font-weight: 600;
  color: var(--accent);
}
.pto__available-title {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: -1.875rem;
  color: var(--gray600);
}
.pto__legend {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 18.75rem;
  font-weight: 300;
}
.pto__legend-value {
  font-weight: 600;
  margin-left: 1rem;
  padding-left: 1rem;
}
.pto__legend-row {
  display: flex;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 0;
}
.pto__legend-row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.pto__legend-title {
  min-width: 8.75rem;
  position: relative;
}

@media only screen and (max-width: 595px) {
  .pto {
    flex-direction: column;
  }
  .pto__chart-wrapper {
    margin-bottom: 2.5rem;
  }
  .pto__legend {
    width: 100%;
  }
  .pto__legend-row {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .pto {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1440px) {
  .pto {
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem;
  }
}
@media only screen and (max-width: 1560px) {
  .pto__legend-title {
    min-width: 5.125rem;
  }
}

.people-panel {
  display: grid;
  grid-template-columns: 12.5rem 1fr 2.5rem;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "people-panel__avatar people-panel__info people-panel__cta" "people-panel__view-as people-panel__email people-panel__email";
  background: var(--white);
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
  transition: all 0.3s ease-in-out;
}
.people-panel__controls {
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-end;
  background: var(--white);
}
.people-panel__cta {
  display: flex;
  justify-content: center;
  margin-top: 0.875rem;
}
.people-panel__upload {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.people-panel__avatar {
  grid-area: people-panel__avatar;
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.people-panel__avatar img {
  border-radius: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 12.5rem;
  max-height: 12.5rem;
  height: 12.5rem;
  width: 12.5rem;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.people-panel__avatar .dash-table__avatar {
  border-radius: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 12.5rem;
  max-height: 12.5rem;
  height: 12.5rem;
  width: 12.5rem;
  font-weight: 300;
  font-size: 5.625rem;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.people-panel__avatar:hover:after {
  z-index: 1;
  font-family: var(--font-awesome);
  content: "\f044";
  font-weight: 300;
  color: var(--white);
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.people-panel__info {
  grid-area: people-panel__info;
  padding-left: 1.25rem;
}
.people-panel__info-name {
  font-size: 2.25rem;
  line-height: 3.375rem;
  margin-bottom: 0;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.people-panel__info-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.people-panel__info-subtitle {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.people-panel__row {
  display: flex;
  transition: all 0.3s ease-in-out;
}
.people-panel__row:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
.people-panel__col:first-of-type {
  font-size: 0.75rem;
  line-height: 1.125rem;
  width: 12.5rem;
}
.people-panel__col:not(:first-of-type) {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 600;
}
.people-panel__col .dropdown .dropdown-menu.show {
  margin-top: 1.3125rem !important;
}
.people-panel__col .dropdown .dropdown-toggle {
  padding: 0;
  font-size: 0.875rem;
  height: 0;
}
.people-panel__col .dropdown .dropdown-toggle:after {
  position: absolute;
  right: -1.25rem;
}
.people-panel__col .dropdown .dropdown-toggle.done:after {
  display: none;
}
.people-panel__col .dropdown .dropdown-toggle:disabled {
  color: var(--text-color) !important;
  opacity: 1;
}
.people-panel__view-as, .people-panel__email {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-top: 0.375rem;
}
.people-panel__view-as {
  grid-area: people-panel__view-as;
  text-align: center;
}
.people-panel__email {
  grid-area: people-panel__email;
  padding-left: 1.25rem;
}

@media only screen and (max-width: 595px) {
  .people-panel {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "people-panel__avatar " "people-panel__view-as " "people-panel__info " "people-panel__email ";
    margin: 0;
  }
  .people-panel__avatar {
    justify-content: center;
    margin: -1rem;
  }
  .people-panel__avatar img {
    width: 100%;
    max-width: unset;
    max-height: unset;
    height: 100%;
    border-radius: 0;
  }
  .people-panel__info {
    position: absolute;
    bottom: -2.6875rem;
    padding: 0.5rem;
    background: white;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 0.125rem;
    border: 0.0625rem solid var(--gray200);
  }
  .people-panel__info-name {
    font-size: 1.375rem;
    line-height: 2.0625rem;
    margin: 0;
  }
  .people-panel__info-title, .people-panel__info-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .people-panel__info-subtitle {
    margin-bottom: 0.625rem;
    display: none;
  }
  .people-panel__controls {
    padding-top: 2.5rem;
  }
  .people-panel__cta {
    margin: 0;
  }
  .people-panel__cta, .people-panel__view-as {
    display: flex;
    align-items: center;
  }
  .people-panel__cta {
    justify-content: flex-end;
    margin-right: 1.25rem;
  }
  .people-panel__cta .action-utility {
    font-size: 1.25rem;
    line-height: 1.875rem;
    padding: 1.25rem 0.625rem;
  }
  .people-panel__view-as {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-left: 1.25rem;
  }
  .people-panel__email {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    padding-top: 0.625rem;
  }
  .people-panel__row {
    border-top: 0.0625rem solid var(--card-border-color);
    padding: 0.625rem 0 0.625rem 0;
    flex-direction: column;
    display: none;
  }
  .people-panel__row:last-of-type {
    border-bottom: 0.0625rem solid var(--card-border-color);
  }
  .people-panel__col:first-of-type {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .people-panel__col:not(:first-of-type) {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.grid-panel {
  display: grid;
  grid-template-columns: 13.375rem 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-panel__mobile-selector grid-panel__mobile-selector" "grid-panel__left-nav grid-panel__body";
  margin: 1rem 1.5rem;
}
.grid-panel--flip {
  grid-template-columns: 1fr 13.375rem;
  grid-template-areas: "grid-panel__mobile-selector grid-panel__mobile-selector" "grid-panel__body grid-panel__left-nav ";
}
.grid-panel--flip-form {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "grid-panel__mobile-selector grid-panel__mobile-selector" "grid-panel__body grid-panel__left-nav ";
  gap: 2rem;
}
.grid-panel__mobile-selector {
  grid-area: grid-panel__mobile-selector;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
  display: none;
  background-color: var(--white);
  z-index: 100;
}
.grid-panel__mobile-selector .form-select {
  padding: 0.5rem;
  min-height: 3.125rem;
}
.grid-panel__left-nav {
  grid-area: grid-panel__left-nav;
  align-self: start;
  position: sticky;
  top: 1.25rem;
  width: 13.375rem;
}
.grid-panel__left-nav .nav-link {
  width: unset !important;
  height: unset !important;
}
.grid-panel__left-nav a {
  color: var(--gray600);
  font-weight: 400;
  font-size: 0.875rem;
}
.grid-panel__left-nav__title {
  font-weight: 600;
  margin-right: 0.5rem;
  color: var(--gray500);
  padding: 0 0.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.grid-panel__body {
  grid-area: grid-panel__body;
  display: grid;
  max-width: 71.25rem;
}
.grid-panel__body--full {
  max-width: 100%;
}
.grid-panel__body .message-panel {
  margin: 0;
}
.grid-panel__body .settings-table {
  margin: 0;
}
.grid-panel__mobile-search {
  align-self: start;
  position: sticky;
  top: -0.0625rem;
  z-index: 100;
}
.grid-panel__mobile-search .form-input {
  position: sticky;
  top: -0.0625rem;
  padding: 1.25rem 0;
  z-index: 2;
  background-color: white;
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.grid-panel__btn {
  min-width: 2.5rem;
  padding: 0.5rem;
  border: 0.0625rem solid var(--card-border-color);
}
.grid-panel__btn:hover {
  border-color: var(--primary);
}
.grid-panel--full {
  grid-template-columns: 1fr;
  grid-template-areas: "grid-panel__body";
}
.grid-panel .table thead {
  top: 0;
}
.grid-panel__tabs {
  margin-bottom: -1rem;
}
.grid-panel__tabs .nav-tabs {
  background-color: transparent;
}
.grid-panel__tabs .nav-tabs .nav-link.active {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.grid-panel__tabs + .card {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

@media only screen and (min-width: 1025px) {
  .grid-panel__mobile-search {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .grid-panel__mobile-search {
    margin-left: 14.25rem;
    margin-right: 1.8125rem;
  }
  .grid-panel__mobile-search .form-input {
    border: none;
    border-radius: var(--card-border-radius);
    box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.125rem 0.375rem rgba(17, 24, 61, 0.08);
  }
  .grid-panel__body .settings-table {
    margin: 1rem;
  }
  .grid-panel__mobile-selector {
    display: block;
  }
  .grid-panel {
    grid-template-columns: 1fr;
    grid-template-areas: "grid-panel__mobile-selector " "grid-panel__body";
    margin: 0;
  }
  .grid-panel__left-nav {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .grid-panel {
    grid-template-columns: 1fr;
    grid-template-areas: "grid-panel__mobile-selector " "grid-panel__body";
    margin: 0;
  }
  .grid-panel__left-nav {
    display: none;
  }
  .grid-panel__mobile-selector {
    display: block;
  }
  .grid-panel__mobile-search {
    margin: 0 0 2.5rem 0;
  }
  .grid-panel__mobile-search .form-input {
    border-radius: 0;
  }
}
@media only screen and (max-width: 595px) {
  .grid-panel__mobile-search {
    padding: 0.5rem 0;
    background: var(--white);
    box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.125rem 0.375rem rgba(17, 24, 61, 0.08);
  }
  .grid-panel__mobile-search .form-input {
    box-shadow: none;
  }
}
.dark-mode .grid-panel__left-nav {
  background: var(--dark-border);
  padding: 0 0.75rem 0.5rem;
  border-radius: var(--card-border-radius);
  margin-top: 0.9375rem;
}


.action-utility {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid var(--card-border-color);
  color: var(--primary);
  padding: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.action-utility:after {
  display: none;
  content: "";
}
.action-utility:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}


.file-upload-btn {
  display: flex;
}
.file-upload-btn [type=file] {
  height: unset;
}
.file-upload-btn [type=file]::-webkit-file-upload-button {
  display: inline-block;
  background: var(--white);
  border: 0.0625rem solid var(--primary);
  border-radius: var(--border-radius);
  padding: 0.3125rem 0.5rem;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  color: var(--primary);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  margin-right: 1rem;
}
.file-upload-btn [type=file].input-validation-error::-webkit-file-upload-button {
  border: 0.0625rem solid var(--error);
  color: var(--error);
}
.file-upload-btn input {
  width: 100%;
  border-bottom: var(--border-radius);
}
.file-upload-btn input:hover {
  color: var(--primary);
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.file-upload-btn input:hover::-webkit-file-upload-button {
  background-color: var(--primary-ghost);
}
.file-upload-btn__uploaded .btn {
  display: flex;
  gap: 0.5rem;
  padding: 0;
  height: 2.1875rem;
  width: 100%; 
  align-items: center;
  justify-content: space-between; 
  overflow: hidden; 
  white-space: nowrap; 
  padding-right: 0.3125rem; 
  position: relative;
}
.file-upload-btn__uploaded .btn:hover {
  background-color: transparent;
  color: var(--primary-hover);
}
.file-upload-btn__uploaded .btn i {
  flex-shrink: 0; 
}
.file-upload-btn__uploaded .file-name {
  overflow: visible; 
  white-space: nowrap; 
  min-width: 0; 
  padding-right: 0.3125rem;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  border: none;
}

.file-uploader {
  position: relative;
}
.file-uploader__directions {
  position: relative;
  margin: 1.5rem 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 0.0625rem dashed var(--gray400);
  background-color: var(--white);
  min-height: 8.75rem;
  border-radius: 0.625rem;
  color: var(--gray600);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.file-uploader__directions:hover {
  background-color: var(--primary-ghost);
}
.file-uploader__directions-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.5rem 1rem 1rem 1rem;
  color: var(--primary);
  font-weight: 700;
}
.file-uploader__directions-head span {
  color: var(--text-color);
}
.file-uploader__directions-head i {
  font-size: 2.5rem;
  line-height: 3.75rem;
  margin-bottom: 0.5rem;
}
.file-uploader__directions-body {
  max-width: 19.375rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 1.5rem;
}

.dropzone,
.prism-dropzone {
  border: none;
  padding: 0;
}
.dropzone.dz-drag-hover,
.prism-dropzone.dz-drag-hover {
  border: none;
}
.dropzone.dz-drag-hover .file-uploader__directions,
.prism-dropzone.dz-drag-hover .file-uploader__directions {
  background: var(--blue100);
}
.dropzone .dz-message,
.prism-dropzone .dz-message {
  display: none;
}
.dropzone .dz-preview,
.prism-dropzone .dz-preview {
  position: relative;
  width: 100%;
  height: 3.125rem;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--border-radius);
  margin: 0 0 1rem 0;
  min-height: 1.25rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.dropzone .dz-preview .dz-image,
.prism-dropzone .dz-preview .dz-image {
  display: none;
  border-radius: var(--border-radius);
}
.dropzone .dz-preview.dz-file-preview .dz-image,
.prism-dropzone .dz-preview.dz-file-preview .dz-image {
  width: 3.125rem;
  height: 3.125rem;
}
.dropzone .dz-preview.dz-file-preview .dz-details,
.prism-dropzone .dz-preview.dz-file-preview .dz-details {
  display: flex;
}
.dropzone .dz-preview.dz-error .dz-error-message,
.prism-dropzone .dz-preview.dz-error .dz-error-message {
  top: 3.5rem;
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(224, 30, 64, 0.4509803922);
}
.dropzone .dz-preview.dz-error .dz-error-message:after,
.prism-dropzone .dz-preview.dz-error .dz-error-message:after {
  border-bottom-color: var(--danger);
}
.dropzone .dz-preview .dz-progress,
.prism-dropzone .dz-preview .dz-progress {
  position: absolute;
  left: 1rem;
  right: 2.6875rem;
  top: unset;
  bottom: 0.75rem;
  width: unset;
  margin: 0;
  height: 0.125rem;
  opacity: 1;
  background: var(--gray200);
}
.dropzone .dz-preview .dz-progress .dz-upload,
.prism-dropzone .dz-preview .dz-progress .dz-upload {
  background: var(--primary);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.prism-dropzone .dz-preview .dz-success-mark,
.prism-dropzone .dz-preview .dz-error-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: none;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg,
.prism-dropzone .dz-preview .dz-success-mark svg,
.prism-dropzone .dz-preview .dz-error-mark svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0;
  margin-bottom: -1.1875rem;
}
.dropzone .dz-preview .dz-details,
.prism-dropzone .dz-preview .dz-details {
  opacity: 1;
  display: flex;
  position: relative;
  min-width: unset;
  max-width: unset;
  color: var(--text-color);
  z-index: 9;
}
.dropzone .dz-preview .dz-details .dz-size,
.prism-dropzone .dz-preview .dz-details .dz-size {
  position: absolute;
  right: 3.125rem;
  font-size: 0.875rem;
  top: 0.75rem;
  z-index: 9;
}
.dropzone .dz-preview .dz-details .dz-filename,
.prism-dropzone .dz-preview .dz-details .dz-filename {
  position: absolute;
  top: 0.75rem;
  left: 1.5rem;
  font-size: 0.875rem;
  z-index: 9;
  max-width: 16.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview.dz-complete .dz-progress,
.prism-dropzone .dz-preview.dz-complete .dz-progress {
  z-index: 1;
  opacity: 1;
  right: 2.75rem;
}
.dropzone .dz-preview .dz-remove,
.prism-dropzone .dz-preview .dz-remove {
  position: absolute;
  right: 0.5rem;
  top: 0.375rem;
  color: var(--white);
  overflow: hidden;
  z-index: 10;
  display: flex;
  overflow: hidden;
  text-indent: -624.9375rem;
  align-items: center;
  justify-content: center;
}
.dropzone .dz-preview .dz-remove:before,
.prism-dropzone .dz-preview .dz-remove:before {
  font-weight: 400;
  font-family: var(--font-awesome);
  content: "\f1f8";
  color: var(--primary);
  line-height: 1rem;
  margin: 0;
  float: left;
  text-indent: 0;
  padding: 0.5rem;
  border-radius: var(--border-radius);
}
.dropzone .dz-preview .dz-remove:hover:before,
.prism-dropzone .dz-preview .dz-remove:hover:before {
  background-color: var(--primary-ghost);
}
.dropzone .dz-error .dz-progress .dz-upload,
.prism-dropzone .dz-error .dz-progress .dz-upload {
  background: var(--danger);
}

li.footable-page-arrow.disabled {
  display: none;
}

li.footable-page.active {
  display: none;
}

.form-group {
  overflow: hidden !important;
  width: 100% !important;
}

.form-group .table {
  color: var(--danger);
}

@media only screen and (max-width: 595px) {
  .file-uploader__header {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .file-uploader__header {
    display: none;
  }
  .file-uploader__header ~ .btn {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .file-uploader__delete {
    opacity: 1;
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
  .file-uploader__delete i {
    position: absolute;
    bottom: 3.125rem;
    right: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gray600);
    color: var(--gray100);
    height: 3.125rem;
    width: 3.125rem;
    border-radius: var(--border-radius);
  }
}

.form-element {
  margin: 1rem 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.form-element.check-full--h {
  display: flex;
  flex-direction: column;
}
.form-element .form-text {
  font-size: 0.75rem;
}
.form-element .sortable-section__container-wrapper {
  margin: 0;
}

.table .form-element {
  margin: 0;
}

.dark-mode .form-element .form-control,
.dark-mode .form-element .dropdown-toggle {
  background: var(--dark-base) !important;
  border-color: var(--dark-base) !important;
  color: var(--gray100) !important;
}
.dark-mode .form-element.required .filter-option-inner-inner {
  color: var(--gray100) !important;
}
.dark-mode .form-element.required .dropdown-toggle:after {
  color: var(--gray100) !important;
}
.dark-mode .form-element.required .form-control,
.dark-mode .form-element.required .dropdown-toggle {
  background: var(--dark-grid-border) !important;
  border-color: var(--primary) !important;
  color: var(--gray100) !important;
}
.dark-mode .form-element .bootstrap-select.disabled .dropdown-toggle,
.dark-mode .form-element .bootstrap-select > .disabled .dropdown-toggle {
  color: var(--dark-grid-border) !important;
  background: var(--dark-base) !important;
  border: 0.0625rem solid var(--dark-border) !important;
  opacity: 0.5 !important;
}
.dark-mode .form-element .bootstrap-select.disabled .filter-option-inner-inner,
.dark-mode .form-element .bootstrap-select > .disabled .filter-option-inner-inner {
  color: var(--dark-grid-border) !important;
}
.dark-mode .form-element [disabled=disabled] {
  cursor: no-drop;
  color: var(--gray400) !important;
  background: var(--dark-base) !important;
  border: 0.0625rem solid var(--dark-border) !important;
  opacity: 0.5 !important;
}
.dark-mode .form .form-select:-moz-read-only, .dark-mode .form .form-control:-moz-read-only {
  background: var(--dark-highlight) !important;
  border: none !important;
  padding: 0 0.6875rem !important;
}
.dark-mode .form .form-select:disabled,
.dark-mode .form .form-select:read-only,
.dark-mode .form .form-control:disabled,
.dark-mode .form .form-control:read-only {
  background: var(--dark-highlight) !important;
  border: none !important;
  padding: 0 0.6875rem !important;
}
.dark-mode .form .form-control:-moz-read-only {
  margin-top: 0.25rem !important;
}
.dark-mode .form .form-control:disabled,
.dark-mode .form .form-control:read-only {
  margin-top: 0.25rem !important;
}
.dark-mode .form-label {
  color: var(--gray300);
}


.form-combo {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.form-combo .form-element:first-of-type {
  width: 100%;
}
.form-combo .form-element:first-of-type .form-control {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.form-combo .form-element:last-of-type .form-control,
.form-combo .form-element:last-of-type .dropdown-toggle {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  border-left: none;
}
.form-combo .form-element:last-of-type .dropdown-toggle {
  max-width: 3.125rem;
  padding: 0.5rem 1rem;
  min-width: 4.1875rem;
}
.form-combo .form-element:last-of-type .bootstrap-select .dropdown-toggle .filter-option {
  padding: unset;
}


.timeoff-block {
  overflow: auto;
  max-height: 12.5rem;
  padding: 1rem 0;
}
.timeoff-block__item {
  box-shadow: var(--box-shadow);
  padding: 1rem;
  background-color: var(--gray200);
  flex-grow: 1;
  min-width: 12.5rem;
}
.timeoff-block__title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}


.clockin-display__cta {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.clockin-display__cta .btn {
  min-width: unset;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
}
.clockin-display__time {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.25rem;
}


.deductibles {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.deductibles .form-element {
  min-width: 50%;
}


.quick-links__link {
  margin-bottom: 1rem;
}

.quicklinks-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.quicklinks-items a {
  border: 0.0625rem solid var(--primary-ghost) !important;
  background-color: var(--primary-ghost) !important;
  color: var(--primary) !important;
  border-radius: 6.25rem !important;
  padding: 0 1rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  transition: background-color 0.3s ease-in-out !important;
}
.quicklinks-items a:hover {
  background: var(--primary-info) !important;
}

@media only screen and (max-width: 768px) {
  .quicklinks-items {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media only screen and (max-width: 595px) {
  .quick-links__link {
    font-size: 1rem;
  }
}
.dark-mode .quicklinks-items a {
  border: 0.0625rem solid var(--dark-bg-light) !important;
  background-color: var(--dark-bg-light) !important;
  color: var(--primary) !important;
  transition: all 0.3s ease-in-out !important;
}
.dark-mode .quicklinks-items a:hover {
  color: var(--primary-dark) !important;
  background-color: var(--primary-ghost) !important;
}


.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 25rem;
  grid-template-rows: 1fr;
  gap: 1.5rem;
  margin: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "dashboard-grid__left-col dashboard-grid__right-col";
}
.dashboard-grid .card {
  margin: 0;
  padding: 1.5rem;
  border-radius: 1rem;
}
.dashboard-grid .card-title {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--gray600);
}
.dashboard-grid .blue-bg {
  background-color: var(--primary);
}
.dashboard-grid .alert-box {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 6.25rem auto auto 2.5rem;
  gap: 0.25rem;
  grid-auto-flow: row;
  grid-auto-flow: dense;
  grid-template-areas: "alert-box__img" "alert-box__msg-title" "alert-box__msg-tag" "alert-box__cta";
  background-color: var(--primary);
  border-radius: 1rem;
  padding: 1.375rem;
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard-grid .alert-box__img {
  grid-area: alert-box__img;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.dashboard-grid .alert-box__img img {
  width: 6.25rem;
  height: 6.25rem;
}
.dashboard-grid .alert-box__msg-title, .dashboard-grid .alert-box__msg-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.dashboard-grid .alert-box__msg-title {
  grid-area: alert-box__msg-title;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
}
.dashboard-grid .alert-box__msg-tag {
  grid-area: alert-box__msg-tag;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.dashboard-grid .alert-box__cta {
  grid-area: alert-box__cta;
  margin-top: 0.5rem;
}
.dashboard-grid .alert-box__cta .btn {
  width: 100%;
  margin: 0;
}

.dashboard-grid__left-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  gap: 1.5rem;
  grid-auto-flow: row;
  grid-auto-flow: dense;
  grid-area: dashboard-grid__left-col;
}

@media only screen and (max-width: 595px) {
  .dashboard-grid #hero {
    display: none;
  }
  .dashboard-grid .dashboard-EE__item-title .form-element,
  .dashboard-grid .dtable-title .form-element {
    display: none;
  }
  .dashboard-grid__left-col #quicklinks .quicklinks-items {
    display: inherit;
  }
}
.dashboard-grid__right-col {
  grid-area: dashboard-grid__right-col;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "alertBox " "dash-calendar " "upcoming " "birthdays";
  gap: 1rem;
  grid-auto-flow: dense;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1024px) {
  .dashboard-grid__right-col {
    grid-template-columns: 1fr;
    grid-template-areas: "alertBox" "dash-calendar " "upcoming" "birthdays";
  }
}
@media only screen and (max-width: 595px) {
  .dashboard-grid #upcoming .dash-table__avatar {
    display: none;
  }
}
.dashboard-grid #hero {
  
}
.dashboard-grid .hero {
  background: rgb(217, 237, 255);
  background: linear-gradient(331deg, rgb(217, 237, 255) 66%, rgb(125, 167, 250) 100%);
  border-radius: var(--card-border-radius);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-height: 18.75rem;
}
.dashboard-grid .hero__body {
  display: grid;
  gap: 0.5rem;
}
.dashboard-grid .hero__img img {
  height: 100%;
  max-width: 12.5rem;
  max-height: 12.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--card-border-radius);
}
.dashboard-grid .hero__title {
  font-weight: 500;
  font-size: 1rem;
}
.dashboard-grid .hero__announce {
  font-weight: 700;
  font-size: 1.5rem;
}
.dashboard-grid .hero__copy {
  font-size: 1.125rem;
}
.dashboard-grid .hero__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}
.dashboard-grid .hero__wrapper .btn {
  max-height: 2.5rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 1400px) {
  .dashboard-grid #hero {
    grid-column: span 2;
  }
}
#pto-requests.dtable .table-body__row,
#pto-requests.dtable .table-head {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 2.8125rem;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . . . ";
}
#pto-requests.dtable .table-body {
  max-height: 18.75rem;
  overflow-y: auto;
}
#pto-requests.dtable .table-body__row {
  align-items: center;
}

@media only screen and (max-width: 1400px) {
  #pto-requests {
    grid-column: span 2;
  }
}
#quicklinks {
  
  grid-area: 1/1/1/3;
}
#quicklinks .btn-secondary {
  background-color: transparent;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  border-radius: 6.25rem;
}
#quicklinks .btn-secondary:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
#quicklinks h2 {
  color: var(--accent);
  margin: 0;
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
#quicklinks-items {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#quicklinks-items .btn {
  border-radius: 0.375rem;
}

#on-boarding.dtable .table-body {
  max-height: 18.75rem;
  overflow-y: auto;
}
#on-boarding.dtable .table-body__row {
  align-items: center;
}

@media only screen and (max-width: 1400px) {
  #on-boarding {
    grid-column: span 2;
  }
}
.dtable {
  background-color: var(--white);
  border-radius: 1rem;
  border: 0.0625rem solid var(--card-border-color);
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.dtable--bare {
  box-shadow: none;
  border: 0.0625rem solid var(--gray200);
}
.dtable__user-wrapper {
  display: flex;
}
.dtable__user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dtable__user-name {
  font-size: 1.5rem;
  font-weight: 600;
}
.dtable__user-avatar {
  margin-right: 1rem;
  box-shadow: var(--box-shadow);
  border-radius: 6.25rem;
  position: relative;
}
.dtable__user-avatar:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 0.0625rem solid red;
  border-radius: 6.25rem;
  padding: 0.125rem;
}
.dtable__user-avatar img {
  border-radius: 6.25rem;
  height: 6.25rem;
  width: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0.125rem solid var(--teal100);
  border-radius: 100px;
  padding: 0.125rem;
}
.dtable__cta {
  text-align: right;
  margin-top: 1rem;
}
.dtable .clock-in-btn {
  height: 9.375rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  max-height: unset;
}
.dtable-title {
  color: var(--accent);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.dtable-title .btn {
  min-width: unset;
  padding: 0.5rem;
  font-size: 0.75rem;
}
.dtable-title .form-element {
  margin: 0;
}
.dtable-title .form-element .form-control {
  font-size: 0.875rem;
  height: 1.875rem;
}
.dtable-title i {
  margin-left: 0.5rem;
}
.dtable__body-wrapper span {
  display: block;
}
.dtable__body-amount {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
}
.dtable__body-amount .subtitle {
  margin-top: -0.25rem;
  color: var(--gray500);
  font-weight: 300;
}
.dtable__body-amount img {
  height: 6.25rem;
  margin-right: 1rem;
}
.dtable__body-msg {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  margin-bottom: -0.25rem;
}
.dtable .table-body__row,
.dtable .table-head {
  display: grid;
  grid-template-columns: 12.5rem auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}
.dtable .table-body__cell {
  display: flex;
  align-items: center;
}
.dtable .table-body__cell[data-title=Hours] {
  cursor: help;
}
.dtable .table-body__cta {
  justify-content: flex-end;
  align-items: center;
  margin-right: 1rem;
}
.dtable .table-body__cta .btn-link {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dtable .table-body__days {
  flex-direction: column;
  justify-content: center;
  align-items: baseline !important;
}
.dtable .table-footer {
  border-top: 0.0625rem solid var(--gray200);
  margin-top: 0.75rem;
  font-size: 0.75rem;
  padding: 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dtable .table-footer .select-menu select {
  border: none;
  border-bottom: 0.0625rem solid var(--primary);
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  padding-right: 1.25rem;
  -moz-appearance: none;
  
  -webkit-appearance: none;
  
  appearance: none;
}
.dtable .table-footer .select-menu:after {
  font-family: var(--font-awesome);
  content: "\f107";
  font-size: 0.875rem;
  margin-left: -1rem;
  color: var(--primary);
}
.dtable .progress {
  width: 90%;
  height: 0.25rem;
}
.dtable .progress .progress-bar {
  background-color: var(--primary);
}
.dtable .progress[aria-valuenow="100"] .progress-bar {
  background-color: var(--success);
}
.dtable .table-head {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.dtable .table-body {
  max-height: 21.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.875rem;
}
.dtable .table-body__row {
  padding: 0.5rem 0;
}
.dtable .table-body__row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--gray200);
}
.dtable .table-body__employee, .dtable .table-body__days, .dtable .table-body__shift, .dtable .table-body__inOut, .dtable .table-body__cta {
  gap: 0.5rem;
  display: flex;
}
.dtable .table-body__inOut, .dtable .table-body__cta, .dtable .table-body__days, .dtable .table-body__shift {
  align-items: center;
}
.dtable .table-body__employee {
  min-width: 9.375rem;
  font-size: 0.875rem;
  align-items: flex-start;
}
.dtable .table-body__employee-name {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.dtable .table-body__employee-name span:first-of-type {
  font-weight: 600;
}
.dtable .table-body .morning-block,
.dtable .table-body .inOut-block,
.dtable .table-body .pto-block,
.dtable .table-body .overnight-block,
.dtable .table-body .midday-block {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}
.dtable .table-body .inOut-block {
  background-color: var(--white);
  color: var(--gray600);
}
.dtable .table-body .pto-block {
  background-color: var(--red10);
  color: var(--danger);
}
.dtable .table-body .morning-block {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.dtable .table-body .overnight-block {
  background-color: var(--purple10);
  color: var(--purple40);
}
.dtable .table-body .midday-block {
  background-color: var(--yellow10);
  color: var(--yellow70);
}
.dtable .table-body .blue-avatar {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.dtable .table-body .green-avatar {
  background-color: var(--green10);
  color: var(--green50);
}
.dtable .table-body .red-avatar {
  background-color: var(--red10);
  color: var(--red50);
}
.dtable .table-body .purple-avatar {
  background-color: var(--purple10);
  color: var(--purple70);
}
.dtable .table-body .yellow-avatar {
  background-color: var(--yellow10);
  color: var(--yellow70);
}

@media only screen and (max-width: 768px) {
  .dtable-title {
    align-items: baseline;
  }
  .dtable-title .btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (max-width: 595px) {
  .dtable-title .btn {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
  }
  .dtable-title .btn i {
    margin: 0;
  }
  .dtable-title .btn span {
    display: none;
  }
  .dtable .table-body__cta {
    justify-content: flex-end;
  }
}
.dashboard-grid #work-shedule {
  
  grid-column: span 2;
}
.dashboard-grid #work-shedule .dtable-title {
  margin-bottom: 1.5rem;
}
.dashboard-grid #work-shedule .dtable-title .form-element {
  margin: 0;
}
.dashboard-grid #work-shedule .dtable-title .form-element + .btn {
  margin-left: 1.5rem;
}
.dashboard-grid #work-shedule .table-body__row,
.dashboard-grid #work-shedule .table-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 3.125rem;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . . . .";
}
.dashboard-grid #work-shedule .table-cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
}
.dashboard-grid #work-shedule .table-cta .btn {
  padding: 0.5rem;
}
.dashboard-grid #work-shedule .table-cta i {
  margin-left: 0.5rem;
}
.dashboard-grid #work-shedule .card-body {
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.dashboard-grid #alertBox {
  grid-area: alertBox;
}

.dash-table {
  margin-top: 1.5rem;
  width: 100%;
}
.dash-table__avatar {
  background-color: var(--primary-ghost);
  height: 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: var(--primary);
  font-weight: 500;
}
.dash-table__avatar img {
  height: 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
}
.dash-table thead {
  position: sticky;
  top: 0;
}
.dash-table thead th {
  font-weight: 900;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid var(--gray200);
  padding: 0.625rem 0;
  background-color: var(--white);
}
.dash-table tbody tr {
  border-bottom: 0.0625rem solid var(--gray200);
}
.dash-table tbody td {
  padding: 0.625rem 0;
  vertical-align: middle;
  font-size: 0.875rem;
}
.dash-table tbody td .morning-block,
.dash-table tbody td .inOut-block,
.dash-table tbody td .pto-block,
.dash-table tbody td .overnight-block,
.dash-table tbody td .midday-block {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}
.dash-table tbody td .inOut-block {
  background-color: var(--white);
  color: var(--gray600);
}
.dash-table tbody td .pto-block {
  background-color: var(--red10);
  color: var(--danger);
}
.dash-table tbody td .morning-block {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.dash-table tbody td .overnight-block {
  background-color: var(--purple10);
  color: var(--purple40);
}
.dash-table tbody td .midday-block {
  background-color: var(--yellow10);
  color: var(--yellow70);
}
.dash-table tbody td .blue-avatar {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.dash-table tbody td .green-avatar {
  background-color: var(--green10);
  color: var(--green50);
}
.dash-table tbody td .red-avatar {
  background-color: var(--red10);
  color: var(--red50);
}
.dash-table tbody td .purple-avatar {
  background-color: var(--purple10);
  color: var(--purple70);
}
.dash-table tbody td.cta {
  text-align: right;
}

.dashboard-grid #system-messages {
  grid-column: span 2;
}

.dashboard-grid #birthdays {
  max-height: 21.875rem;
  overflow: hidden;
}
.dashboard-grid #birthdays .dtable-title {
  margin-bottom: 1.5rem;
}
.dashboard-grid #birthdays .table-body {
  overflow-y: auto;
  max-height: 15.625rem;
  padding: 0 0.5rem 0 0;
}
.dashboard-grid #birthdays .table-body__employee-name {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
  width: 100%;
}
.dashboard-grid #birthdays .table-body__employee-name span:first-of-type {
  font-weight: 700;
}
.dashboard-grid #birthdays .table-body__row,
.dashboard-grid #birthdays .table-head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". ";
}

#performance.dtable .dashboard-EE__item-title .form-element .form-control {
  font-size: 0.875rem;
  height: 1.875rem;
}
#performance.dtable .table-head, #performance.dtable .table-body__row {
  display: grid;
  grid-template-columns: 1fr 1fr 2.5rem;
  grid-template-rows: 1fr;
  grid-template-areas: ". . . ";
}
#performance.dtable .table-body {
  max-height: 18.75rem;
  overflow-y: auto;
}

@media only screen and (min-width: 1650px) {
  #performance .table-body {
    min-height: 10.625rem;
  }
}
@media only screen and (min-width: 1780px) {
  #performance .table-body {
    min-height: 12.625rem;
  }
}
@media only screen and (min-width: 1870px) {
  #performance .table-body {
    min-height: 14rem;
  }
}
@media only screen and (min-width: 1920px) {
  #performance .table-body {
    min-height: 14.8125rem;
  }
}
@media only screen and (max-width: 1400px) {
  #performance {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 1400px) {
  .dashboard-grid #performance-graph {
    grid-column: span 2;
  }
}
.dashboard-grid #timecard-approvals.dtable .table-body__row, .dashboard-grid #timecard-approvals.dtable .table-head {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . . .";
}
.dashboard-grid #timecard-approvals.dtable .table-body {
  margin-bottom: 1.4375rem;
  max-height: 12.5rem;
}

@media only screen and (max-width: 1400px) {
  .dashboard-grid #timecard-approvals {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 1400px) {
  .dashboard-grid #on-boarding-graphs {
    grid-column: span 2;
  }
}
#upcoming.dtable {
  grid-area: upcoming;
  max-height: 21.875rem;
  overflow-x: hidden;
  overflow-y: auto;
}
#upcoming.dtable .dtable-title {
  margin-bottom: 1.5rem;
}
#upcoming.dtable .table-body__row,
#upcoming.dtable .table-head {
  display: grid;
  grid-template-columns: 1fr 3.75rem;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . ";
}

@media only screen and (max-width: 1024px) {
  .dashboard-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "dashboard-grid__left-col" "dashboard-grid__right-col";
  }
}
@media only screen and (max-width: 595px) {
  .dashboard-grid {
    margin: 0.5rem;
    gap: 0.5rem;
  }
  .dashboard-grid__left-col {
    gap: 0.5rem;
  }
  .dashboard-grid #work-shedule,
  .dashboard-grid #on-boarding,
  .dashboard-grid #pto-requests,
  .dashboard-grid #timecard-approvals {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
  .dashboard-grid #work-shedule .dtable-title,
  .dashboard-grid #on-boarding .dtable-title,
  .dashboard-grid #pto-requests .dtable-title,
  .dashboard-grid #timecard-approvals .dtable-title {
    margin: 1rem 1rem 0.25rem 1rem;
  }
  .dashboard-grid #work-shedule .table-head,
  .dashboard-grid #on-boarding .table-head,
  .dashboard-grid #pto-requests .table-head,
  .dashboard-grid #timecard-approvals .table-head {
    display: none;
  }
  .dashboard-grid #work-shedule .table-body,
  .dashboard-grid #on-boarding .table-body,
  .dashboard-grid #pto-requests .table-body,
  .dashboard-grid #timecard-approvals .table-body {
    overflow-y: hidden;
    height: -moz-fit-content;
    height: fit-content;
    width: 94vw;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
    border-radius: 1rem;
    border-radius: 0 1rem 1rem 0;
    white-space: nowrap;
    display: grid;
    grid-auto-flow: column;
    overflow-x: scroll;
    grid-auto-columns: minmax(21.875rem, 1fr);
  }
  .dashboard-grid #work-shedule .table-body__row,
  .dashboard-grid #on-boarding .table-body__row,
  .dashboard-grid #pto-requests .table-body__row,
  .dashboard-grid #timecard-approvals .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    grid-template-areas: "tb_employee tb_cta" "tb_days tb_days" "tb_inOut tb_shift ";
    background-color: var(--white);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: var(--box-shadow);
    padding: 0.75rem;
  }
  .dashboard-grid #work-shedule .table-body__row:not(:last-of-type),
  .dashboard-grid #on-boarding .table-body__row:not(:last-of-type),
  .dashboard-grid #pto-requests .table-body__row:not(:last-of-type),
  .dashboard-grid #timecard-approvals .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .dashboard-grid #work-shedule .dash-table__avatar,
  .dashboard-grid #on-boarding .dash-table__avatar,
  .dashboard-grid #pto-requests .dash-table__avatar,
  .dashboard-grid #timecard-approvals .dash-table__avatar {
    font-size: 1.5rem;
    height: 3.75rem;
    width: 3.75rem;
  }
  .dashboard-grid #work-shedule .table-body__employee-name,
  .dashboard-grid #on-boarding .table-body__employee-name,
  .dashboard-grid #pto-requests .table-body__employee-name,
  .dashboard-grid #timecard-approvals .table-body__employee-name {
    font-size: 1.5rem;
  }
  .dashboard-grid #work-shedule .table-body__employee-name label,
  .dashboard-grid #on-boarding .table-body__employee-name label,
  .dashboard-grid #pto-requests .table-body__employee-name label,
  .dashboard-grid #timecard-approvals .table-body__employee-name label {
    font-size: 1rem;
  }
  .dashboard-grid #work-shedule .table-body__inOut,
  .dashboard-grid #work-shedule .table-body__shift,
  .dashboard-grid #work-shedule .table-body__days,
  .dashboard-grid #on-boarding .table-body__inOut,
  .dashboard-grid #on-boarding .table-body__shift,
  .dashboard-grid #on-boarding .table-body__days,
  .dashboard-grid #pto-requests .table-body__inOut,
  .dashboard-grid #pto-requests .table-body__shift,
  .dashboard-grid #pto-requests .table-body__days,
  .dashboard-grid #timecard-approvals .table-body__inOut,
  .dashboard-grid #timecard-approvals .table-body__shift,
  .dashboard-grid #timecard-approvals .table-body__days {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-weight: 600;
    font-size: 1.125rem;
  }
  .dashboard-grid #work-shedule .table-body__inOut:before,
  .dashboard-grid #work-shedule .table-body__shift:before,
  .dashboard-grid #work-shedule .table-body__days:before,
  .dashboard-grid #on-boarding .table-body__inOut:before,
  .dashboard-grid #on-boarding .table-body__shift:before,
  .dashboard-grid #on-boarding .table-body__days:before,
  .dashboard-grid #pto-requests .table-body__inOut:before,
  .dashboard-grid #pto-requests .table-body__shift:before,
  .dashboard-grid #pto-requests .table-body__days:before,
  .dashboard-grid #timecard-approvals .table-body__inOut:before,
  .dashboard-grid #timecard-approvals .table-body__shift:before,
  .dashboard-grid #timecard-approvals .table-body__days:before {
    content: attr(data-title);
    font-weight: 400;
    font-size: 0.875rem;
    margin-bottom: -0.375rem;
  }
  .dashboard-grid #work-shedule .table-body .inOut-block,
  .dashboard-grid #on-boarding .table-body .inOut-block,
  .dashboard-grid #pto-requests .table-body .inOut-block,
  .dashboard-grid #timecard-approvals .table-body .inOut-block {
    border: 0.0625rem solid var(--gray200);
    min-width: 3.125rem;
    text-align: center;
  }
  .dashboard-grid #work-shedule .table-body__inOut,
  .dashboard-grid #on-boarding .table-body__inOut,
  .dashboard-grid #pto-requests .table-body__inOut,
  .dashboard-grid #timecard-approvals .table-body__inOut {
    grid-area: tb_inOut;
  }
  .dashboard-grid #work-shedule .table-body__shift,
  .dashboard-grid #on-boarding .table-body__shift,
  .dashboard-grid #pto-requests .table-body__shift,
  .dashboard-grid #timecard-approvals .table-body__shift {
    grid-area: tb_shift;
  }
  .dashboard-grid #work-shedule .table-body__days,
  .dashboard-grid #on-boarding .table-body__days,
  .dashboard-grid #pto-requests .table-body__days,
  .dashboard-grid #timecard-approvals .table-body__days {
    grid-area: tb_days;
    border-top: 0.0625rem solid var(--card-border-color);
    border-bottom: 0.0625rem solid var(--card-border-color);
    padding: 0.75rem 0;
  }
  .dashboard-grid #work-shedule .table-body__employee,
  .dashboard-grid #on-boarding .table-body__employee,
  .dashboard-grid #pto-requests .table-body__employee,
  .dashboard-grid #timecard-approvals .table-body__employee {
    grid-area: tb_employee;
  }
  .dashboard-grid #work-shedule .table-body__cta,
  .dashboard-grid #on-boarding .table-body__cta,
  .dashboard-grid #pto-requests .table-body__cta,
  .dashboard-grid #timecard-approvals .table-body__cta {
    grid-area: tb_cta;
    width: 100%;
    margin-top: 1.25rem;
    position: relative;
  }
  .dashboard-grid #work-shedule .table-body__cta a,
  .dashboard-grid #on-boarding .table-body__cta a,
  .dashboard-grid #pto-requests .table-body__cta a,
  .dashboard-grid #timecard-approvals .table-body__cta a {
    position: absolute;
    right: 0.75rem;
    top: -0.75rem;
    border: 0.0625rem solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 0.375rem;
    font-size: 1.5rem;
  }
  .dashboard-grid #timecard-approvals {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 0 0;
    grid-template-areas: "dtable-title" "table-head" "table-footer" "table-body";
  }
  .dashboard-grid #timecard-approvals .dtable-title {
    grid-area: dtable-title;
  }
  .dashboard-grid #timecard-approvals .table-head {
    grid-area: table-head;
  }
  .dashboard-grid #timecard-approvals .table-body {
    grid-area: table-body;
  }
  .dashboard-grid #timecard-approvals .table-footer {
    grid-area: table-footer;
  }
  .dashboard-grid #timecard-approvals.dtable .table-head {
    display: none !important;
  }
  .dashboard-grid #timecard-approvals.dtable .table-footer {
    position: relative;
    margin: 0;
    margin-bottom: 0.5rem;
    border: none;
    padding: 0 0.375rem 0.5rem 0.25rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-footer .select-menu {
    width: 100%;
  }
  .dashboard-grid #timecard-approvals.dtable .table-footer .select-menu:after {
    margin-left: -1.5625rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-footer .select-menu select {
    padding: 0.9375rem;
    border: none;
    width: 100%;
    border-radius: 0.3125rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-footer .select-menu + span {
    display: none;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body {
    max-height: unset;
    margin: 0;
    padding: 0;
    padding-bottom: 0.5rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cell {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-size: 1.5rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cell:before {
    content: attr(data-title);
    font-size: 1rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta {
    grid-area: tbcta;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: space-between;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta span {
    display: block;
    flex-grow: 1;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta .btn-link {
    border: 0.0625rem solid var(--primary);
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta button:before {
    font-size: 1rem;
    content: "Approve";
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta button i {
    display: none;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta a {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin: 0;
    bottom: 0;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta a:before {
    font-size: 1rem;
    content: "View ";
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__cta a i {
    display: none;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    grid-auto-flow: row;
    grid-template-areas: "tbee tbee" "tbper tbhrs" "tbcta tbcta";
    font-size: 1.125rem;
    font-weight: 600;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row [data-title=Hours] {
    grid-area: tbhrs;
    font-size: 1.125rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row [data-title=Period] {
    grid-area: tbper;
    font-size: 1.125rem;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row [data-title=Period]:before {
    font-weight: 400;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row .table-body__employee {
    grid-area: tbee;
    width: 100%;
  }
  .dashboard-grid #timecard-approvals.dtable .table-body__row .table-body__employee:before {
    font-weight: 400;
  }
  .dashboard-grid #timecard-approvals .dtable-title button {
    display: none;
  }
  .dashboard-grid #pto-requests .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    grid-template-areas: "tb_employee tb_employee " "tb_days tb_days" "tb_inOut tb_shift " "tb_cta tb_cta";
    background-color: var(--white);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: var(--box-shadow);
    padding: 0.75rem;
  }
  .dashboard-grid #pto-requests .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .dashboard-grid #pto-requests .table-body__row div {
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .dashboard-grid #pto-requests .table-body__row div:before {
    font-size: 1rem;
    font-weight: 400;
    content: attr(data-title);
  }
  .dashboard-grid #pto-requests .table-body__cta, .dashboard-grid #pto-requests .table-body__cta-2, .dashboard-grid #pto-requests .table-body__employee {
    display: block !important;
  }
  .dashboard-grid #pto-requests .table-body__cta .btn-link, .dashboard-grid #pto-requests .table-body__cta-2 .btn-link {
    border: 0.0625rem solid var(--primary);
  }
  .dashboard-grid #pto-requests .table-body__cta .btn-link i, .dashboard-grid #pto-requests .table-body__cta-2 .btn-link i {
    display: none;
  }
  .dashboard-grid #pto-requests .table-body__cta .btn-link:before, .dashboard-grid #pto-requests .table-body__cta-2 .btn-link:before {
    content: attr(data-bs-title);
  }
  .dashboard-grid #pto-requests .table-body__cta {
    margin: 0;
  }
  .dashboard-grid #pto-requests .table-body__cta-2 {
    grid-area: tb_cta-2;
  }
  .dashboard-grid #quicklinks .btn-secondary {
    height: 2.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--white);
  }
  .dashboard-grid .dash-table tbody td.cta {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 320px) {
  .dashboard-grid .dtable-title {
    flex-direction: column;
  }
  .dashboard-grid .dtable-title .btn {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1rem;
  }
  .dashboard-grid .dtable-title .btn i {
    margin-left: 0.5rem;
  }
  .dashboard-grid .dtable-title .btn span {
    display: initial;
  }
  .dashboard-grid .dtable .table-body {
    border-radius: 1rem;
  }
}

.ssn-mask + .btn {
  min-width: 0;
  border: 0.0625rem solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
  padding: 0 0.5rem;
}
.ssn-mask + .btn:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}


.slider {
  position: relative;
}
.slider__inner {
  margin: 1.5rem;
}
.slider__item {
  display: none;
}
.slider__item.active {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 2fr;
  gap: 1rem;
  grid-template-areas: "slider-text" "slider__image";
}
.slider__text {
  grid-area: slider-text;
  color: var(--white);
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
  align-self: flex-end;
}
.slider__image {
  grid-area: slider__image;
  border-radius: var(--border-radius);
  width: 100%;
}
.slider__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.slider__cta button {
  border: 0.0625rem solid var(--white);
  border-radius: 6.25rem;
  height: 0.625rem;
  width: 0.625rem;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.slider__cta button:hover {
  box-shadow: var(--focus-shadow);
}
.slider__cta button[aria-current=true] {
  border-color: var(--primary);
  background-color: var(--primary);
}
.slider__cta [data-bs-target] {
  border-radius: 100%;
  width: 0.625rem;
  height: 0.625rem;
  opacity: 1;
}
.slider .indicator-timer {
  position: relative;
  display: inline-block;
}
.slider .indicator-timer .progress-circle {
  position: absolute;
  top: 0.3125rem;
  left: -0.1875rem;
  width: 1rem;
  height: 1rem;
  display: none;
}
.slider .indicator-timer.active .progress-circle {
  display: block;
}
.slider .progress-background {
  fill: none;
  stroke: var(--primary-shadow);
  stroke-width: 2;
  display: none;
}
.slider .progress-bar {
  fill: none;
  stroke: var(--primary);
  opacity: 0.5;
  stroke-width: 2;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 5s linear;
  
}
.slider button.active .progress-bar {
  stroke-dashoffset: 0;
}


.form-search {
  display: flex;
  position: relative;
  align-items: center;
  min-width: 13.125rem;
}
.form-search .btn-search {
  position: absolute;
  padding: 0;
  width: 2.5rem;
  min-width: 1.875rem;
  height: 2.5rem;
  border: none;
  color: var(--primary);
}
.form-search .btn-search--right {
  right: 0;
}
.form-search .btn-search--right ~ .form-control {
  padding: 0 2.5rem 0 0.5rem;
  margin: 0.25rem 0;
}
.form-search .form-control {
  padding: 0 0 0 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius);
}


.account-mask {
  color: var(--accent);
}


@media only screen and (max-width: 595px) {
  #sensitiveData #showMaskedItems {
    position: absolute;
    width: 3.125rem;
    right: 0;
    top: 0.5rem;
  }
}

.logo-uploader {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 6.25rem;
  margin-top: 1.5rem;
  border: 0.0625rem dashed var(--primary);
  border-radius: 0.625rem;
  background: var(--primary-ghost);
}
.logo-uploader__upload {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}


.permissions-title {
  font-weight: 600;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  font-size: 0.875rem;
}
.permissions-description {
  margin-right: 3.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--gray600);
  max-width: 60%;
}
.permissions-table {
  width: 100%;
  max-width: 68.75rem;
}
.permissions-table__col {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
.permissions-table__col .dropdown .dropdown-toggle {
  max-width: 5rem;
  min-width: unset;
}
.permissions-table__col .information-item {
  background-color: var(--info);
  padding: 0.3125rem 1rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  font-weight: 600;
}
.permissions-table__col .information-item--info {
  background-color: var(--info);
  color: var(--primary);
}
.permissions-table__col .read-more .btn {
  font-size: 0.75rem !important;
}
.permissions-table__radio {
  flex-flow: column;
  min-width: 15.625rem;
}
.permissions-table__input {
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}
.permissions-table__input .form-control {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  height: unset;
}
.permissions-table__input .form-control:-moz-read-only {
  background-color: transparent !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.permissions-table__input .form-control:disabled, .permissions-table__input .form-control:read-only {
  background-color: transparent !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.permissions-table__input .multiselect .form-label {
  text-align: right;
}
.permissions-table__input .dropdown .dropdown-toggle {
  font-size: 0.875rem;
  max-width: unset;
  min-width: 15.625rem;
  padding: 0.25rem 0.5rem;
}
.permissions-table__input .form-element {
  margin: 0;
  min-width: 15.625rem;
}
.permissions-table__question {
  width: 50%;
  flex-direction: unset;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 0.875rem;
  gap: 1rem;
  display: flex;
  align-items: center;
}
.permissions-table__question .form-element {
  margin: 0;
}
.permissions-table__question .form-control {
  background-color: var(--info);
  border-radius: 0.125rem 0.125rem 0 0;
  text-align: center;
  color: var(--primary);
}
.permissions-table__question .form-select {
  border-radius: 0;
}
.permissions-table__question .form-select,
.permissions-table__question .form-control {
  font-size: 0.875rem;
  border: none;
  border-bottom: 0.0625rem dashed var(--primary);
  padding: 0;
  height: unset;
  min-height: unset;
  width: -moz-fit-content;
  width: fit-content;
}
.permissions-table__question .filter-option-inner-inner {
  color: var(--primary);
}
.permissions-table__question .dropdown .dropdown-toggle {
  background-color: var(--info);
  border-radius: 0.125rem 0.125rem 0 0;
  padding: 0 1.5rem 0 0.5rem;
  border: none;
  min-width: 10rem;
  border-bottom: 0.0625rem dashed var(--primary);
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 0.875rem;
}
.permissions-table__question .dropdown .dropdown-toggle .filter-option {
  padding: 0;
}
.permissions-table__question .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
}
.permissions-table thead {
  display: none;
}
.permissions-table tbody tr td {
  padding: 1rem 0.5rem;
  vertical-align: middle;
  border: none;
}
.permissions-table tbody tr:not(:last-of-type) td {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.permissions-table__row {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0.5rem;
}
.permissions-table__row:not(:first-of-type) {
  border-top: 0.0625rem solid var(--card-border-color);
}
.permissions-table__row.required .form-check-input,
.permissions-table__row.required .dropdown-toggle,
.permissions-table__row.required .form-control {
  border-color: var(--primary);
}
.permissions-table__row.required .permissions-title:after {
  font-family: var(--font-awesome);
  content: "*";
  margin-left: 0.25rem;
  font-weight: 500;
  font-size: 0.5625rem;
  margin-top: -0.5rem;
  color: var(--accent);
}
.permissions-accordion .accordion-item .accordion-button {
  font-size: 0.9375rem;
  padding: 0.5rem;
  padding-left: 2.125rem;
}
.permissions-accordion .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.permissions .multiselect label.form-label {
  margin-bottom: -0.125rem;
  color: var(--gray500);
  font-weight: 500;
  font-size: 0.6875rem;
}

@media only screen and (max-width: 768px) {
  .permissions-description {
    max-width: 100%;
  }
  .permissions-table__row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 1rem;
  }
  .permissions-table__col:last-of-type {
    width: 100%;
  }
  .permissions-table__input {
    align-items: self-start;
  }
}

.upload-btn {
  max-width: 3.875rem;
}
.upload-btn label {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.0625rem;
  font-weight: 400;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.upload-btn label i {
  font-weight: 300;
}


.drag-area__active {
  background-color: var(--primary-ghost);
  border: 0.0625rem dashed var(--primary) !important;
}
.drag-area__active .form-element,
.drag-area__active .sortable-section__item-actions {
  visibility: hidden !important;
}
.drag-area__active:before {
  visibility: hidden !important;
}
.drag-area [draggable=true] {
  position: relative;
}
.drag-area [draggable=true]:before {
  font-family: var(--font-awesome);
  content: "\e411";
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: -0.625rem;
  color: var(--primary);
}


.hero {
  padding: 1.5rem;
  background: var(--primary-ghost);
}
.hero-title {
  color: var(--accent);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
}


.form .form-select,
.form .form-control {
  transition: all 0.2s ease-in-out;
}
.form .form-select:-moz-read-only, .form .form-control:-moz-read-only {
  background: transparent !important;
  border: none;
  padding: 0;
}
.form .form-select:disabled, .form .form-select:read-only,
.form .form-control:disabled,
.form .form-control:read-only {
  background: transparent !important;
  border: none;
  padding: 0;
}
.form .form-control:-moz-read-only {
  margin-top: -0.8125rem;
}
.form .form-control:disabled, .form .form-control:read-only {
  margin-top: -0.8125rem;
}
.form .form-select:-moz-read-only {
  margin-top: -1.375rem;
  display: flex;
  align-items: flex-end;
  border-radius: 0;
}
.form .form-select:disabled, .form .form-select:read-only {
  margin-top: -1.375rem;
  display: flex;
  align-items: flex-end;
  border-radius: 0;
}
.form textarea:-moz-read-only {
  margin-top: -0.25rem !important;
  padding: 0 0.25rem !important;
}
.form textarea:disabled, .form textarea:read-only {
  margin-top: -0.25rem !important;
  padding: 0 0.25rem !important;
}
.form .bootstrap-select.disabled .btn {
  opacity: 1;
}
.form .bootstrap-select.disabled .dropdown-toggle {
  border: none;
  padding: 0;
  margin-top: -0.375rem;
  background-color: transparent !important;
}
.form .bootstrap-select.disabled .dropdown-toggle:after {
  display: none;
}
.form [type=password]:disabled + .btn {
  display: none;
}

.dark-mode .required .form-label:after {
  content: "*";
  font-family: var(--font-awesome);
  color: var(--primary);
}
.dark-mode input {
  color: var(--text-color);
  background: var(--dark-border);
}
.dark-mode input.required, .dark-mode input:required {
  background: var(--dark-grid-border) !important;
  border-color: var(--primary) !important;
  color: var(--gray100) !important;
}
.dark-mode input:focus, .dark-mode input:active {
  color: var(--text-color);
  background: var(--dark-grid-border);
}
.dark-mode .leftnav-collapse__header-wrapper .btn-close {
  color: var(--gray100);
}
.dark-mode .form-switch .form-check-input {
  background-image: none;
  position: relative;
}
.dark-mode .form-switch .form-check-input:before {
  content: "\f111";
  font-family: var(--font-awesome);
  position: absolute;
  transition: all 0.2s ease-in-out;
  font-weight: 900;
  top: 0.0625rem;
  left: 0.0625rem;
  color: var(--dark-highlight);
}
.dark-mode .form-switch .form-check-input:checked {
  background-image: none;
}
.dark-mode .form-switch .form-check-input:checked:before {
  left: 1.3125rem;
  color: var(--gray100);
}


.savebtn {
  position: sticky;
  bottom: 0;
  background: var(--white);
  padding: 1rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 0.0625rem solid var(--card-border-color);
}

.settings-title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
}
.settings-description {
  margin-right: 3.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--gray600);
  max-width: 60%;
}
.settings-table {
  max-width: 61.25rem;
  padding: 1.5rem;
  border: 0.0625rem solid var(--card-border-color);
  margin: 1.5rem;
  border-radius: var(--card-border-radius);
}
.settings-table .form-check-label {
  font-size: 0.875rem;
}
.settings-table__title {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: none;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  transition: all 0.3s ease-in-out;
}
.settings-table__col {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.settings-table__col-configure {
  display: flex;
  flex-direction: row !important;
  align-items: flex-start;
  padding: 0.75rem;
  gap: 2.5rem;
}
.settings-table__col-configure .sortable-section__container-wrapper {
  margin-left: 0;
}
.settings-table__col .dropdown .dropdown-toggle {
  max-width: 5rem;
  min-width: unset;
}
.settings-table__col .information-item {
  background-color: var(--info);
  padding: 0.3125rem 1rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  font-weight: 600;
}
.settings-table__col .information-item--info {
  background-color: var(--info);
  color: var(--primary);
}
.settings-table__radio {
  flex-flow: column;
  min-width: 15.625rem;
}
.settings-table__input {
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  width: 50%;
}
.settings-table__input .codes-preview {
  font-weight: 600 !important;
}
.settings-table__input .form-control {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  height: unset;
  text-align: left;
}
.settings-table__input .form-control:-moz-read-only {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: right;
  border: none;
}
.settings-table__input .form-control:disabled, .settings-table__input .form-control:read-only {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: right;
  border: none;
}
.settings-table__input .multiselect .form-label {
  text-align: right;
}
.settings-table__input .bootstrap-select .selectpicker[readonly] + .dropdown-toggle {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  cursor: text;
}
.settings-table__input .bootstrap-select .selectpicker[readonly] + .dropdown-toggle .filter-option-inner-inner {
  font-weight: 600 !important;
  cursor: text;
}
.settings-table__input .bootstrap-select .selectpicker[disabled] + .dropdown-toggle {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  cursor: text;
  border: none;
}
.settings-table__input .bootstrap-select .selectpicker[disabled] + .dropdown-toggle .filter-option-inner-inner {
  font-weight: 600 !important;
  cursor: text;
  text-align: right;
}
.settings-table__input .dropdown .dropdown-toggle {
  font-size: 0.875rem;
  max-width: unset;
  min-width: 15.625rem;
  padding: 0.25rem 0.5rem;
}
.settings-table__input .form-element {
  margin: 0;
  min-width: 15.625rem;
  width: 100%;
}
.settings-table__input .form-element:-moz-read-only {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: right;
  border: none;
}
.settings-table__input .form-element:disabled, .settings-table__input .form-element:read-only {
  background-color: transparent !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: right;
  border: none;
}
.settings-table__input .form-element [readonly] {
  width: 100%;
}
.settings-table__input .form-element [readonly] ~ .dropdown-toggle .filter-option {
  text-align: right;
  padding-right: 0;
  width: 100%;
}
.settings-table__input .form-element [readonly] ~ .dropdown-toggle .filter-option .filter-option-inner-inner {
  white-space: normal !important;
}
.settings-table__input .sortable-container {
  min-width: 15.625rem;
  width: 100%;
}
.settings-table__input .sortable-section__item {
  width: 100%;
}
.settings-table__input--access {
  min-width: 18.75rem !important;
  align-items: flex-start;
}
.settings-table__toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  gap: 1.5rem;
  flex-wrap: wrap;
  max-width: 25rem;
}
.settings-table__toggle-col:empty {
  border: 0.0625rem solid var(--gray100);
  background: var(--gray100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  font-size: 0.75rem;
}
.settings-table__question {
  width: 50%;
  flex-direction: unset;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 0.875rem;
  gap: 1rem;
  display: flex;
  align-items: center;
}
.settings-table__question .form-element {
  margin: 0;
}
.settings-table__question .form-control {
  background-color: var(--info);
  border-radius: 0.125rem 0.125rem 0 0;
  text-align: center;
  color: var(--primary);
}
.settings-table__question .form-select {
  border-radius: 0;
}
.settings-table__question .form-select,
.settings-table__question .form-control {
  font-size: 0.875rem;
  border: none;
  border-bottom: 0.0625rem dashed var(--primary);
  padding: 0;
  height: unset;
  min-height: unset;
  width: -moz-fit-content;
  width: fit-content;
}
.settings-table__question .filter-option-inner-inner {
  color: var(--primary);
}
.settings-table__question .dropdown .dropdown-toggle {
  background-color: var(--info);
  border-radius: 0.125rem 0.125rem 0 0;
  padding: 0 0.5rem;
  padding: 0 1.5rem 0 0.5rem;
  border: none;
  min-width: 10rem;
  border-bottom: 0.0625rem dashed var(--primary);
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 0.875rem;
}
.settings-table__question .dropdown .dropdown-toggle .filter-option {
  padding: 0;
}
.settings-table__question .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
}
.settings-table__preview {
  display: flex;
  flex-direction: row;
  font-size: 1.125rem;
  font-weight: 600;
  justify-content: flex-end;
}
.settings-table .card-subtitle {
  margin: 0;
  padding: 0.75rem 0;
  font-size: 1.5rem;
  font-weight: 300;
}
.settings-table .card-subtitle__vert {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.settings-table .card-subtitle__vert .form-element {
  margin: 0;
}
.settings-table .card-subtitle__vert .dropdown .btn {
  padding: 0.125rem 0.4375rem;
}
.settings-table .card-subtitle + .settings-table__row {
  border: 0;
}
.settings-table .message-panel {
  margin: 0;
  width: 100%;
}
.settings-table tbody tr td {
  vertical-align: middle;
  border: none;
}
.settings-table tbody tr:not(:last-of-type) td {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.settings-table__row {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0.5rem;
}
.settings-table__row--table {
  gap: 1.125rem;
  flex-direction: column;
}
.settings-table__row--table .settings-table__input {
  width: 100%;
  align-items: flex-start;
}
.settings-table__row--table .settings-table__input .dropdown .dropdown-toggle {
  min-width: unset;
}
.settings-table__row--configure {
  gap: 1.125rem;
  flex-direction: column;
}
.settings-table__row--configure .settings-table__input {
  flex-direction: row;
  width: 100%;
}
.settings-table__row--configure .settings-table__input.form-element {
  display: flex;
  align-items: flex-start;
}
.settings-table__row--sub {
  border-top: none !important;
  margin-top: -2rem;
}
.settings-table__row--sub:before {
  font-family: var(--font-awesome);
  content: "\e3d6";
  margin-right: 1rem;
}
.settings-table__row:not(:first-of-type) {
  border-top: 0.0625rem solid var(--card-border-color);
}
.settings-table__row.required .settings-title:after {
  font-family: var(--font-awesome);
  content: "*";
  color: var(--required);
  margin-left: 0.375rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.settings-table__row.required .form-check-input,
.settings-table__row.required .dropdown-toggle,
.settings-table__row.required .form-control {
  border-color: var(--required);
}
.settings-table__row.required .permissions-title:after {
  font-family: var(--font-awesome);
  content: "*";
  margin-left: 0.25rem;
  font-weight: 500;
  font-size: 0.5625rem;
  margin-top: -0.5rem;
  color: var(--required);
}
.settings-table__group {
  display: block;
}
.settings-table__header {
  display: flex;
  justify-content: flex-end;
  padding: 0.75rem 0.5rem;
  background-color: var(--white);
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.settings-table--tert {
  margin-left: 14.875rem;
  margin-bottom: 0;
}
.settings-table--collapsible {
  padding-top: 0;
}
.settings-table--collapsible.collapsed {
  padding: 0.75rem 1.375rem;
}
.settings-table--collapsible.collapsed .settings-table__title {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0;
}
.settings-table--collapsible.collapsed .settings-table__row {
  display: none;
}
.settings-accordion .accordion-item .accordion-button {
  font-size: 0.9375rem;
  padding: 0.5rem;
  padding-left: 2.125rem;
}
.settings-accordion .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.settings .multiselect label.form-label {
  margin-bottom: -0.125rem;
  color: var(--gray500);
  font-weight: 500;
  font-size: 0.6875rem;
}

@media only screen and (max-width: 1400px) {
  .settings-table {
    width: unset;
  }
}
@media only screen and (max-width: 1024px) {
  .settings-table {
    margin: 1rem;
  }
  .settings-table--tert {
    margin-left: 0;
    margin-bottom: 0;
    margin: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .settings-table__input .form-control:-moz-read-only {
    text-align: left;
  }
  .settings-table__input .form-control:disabled,
  .settings-table__input .form-control:read-only {
    text-align: left;
  }
  .settings-description {
    max-width: 100%;
  }
  .settings-table {
    width: unset;
  }
  .settings-table .bootstrap-select .selectpicker[disabled] + .dropdown-toggle .filter-option-inner-inner {
    text-align: left;
  }
  .settings-table__row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    gap: 1rem;
  }
  .settings-table__col:last-of-type {
    width: 100%;
  }
  .settings-table__input {
    align-items: self-start;
  }
  .settings-table {
    margin: 0;
    padding: 0;
  }
  .settings-table__row {
    margin: 0.5rem 0.25rem;
    background: var(--white);
    border-radius: var(--border-radius);
  }
  .settings-table__header {
    margin: 0 0 0.25rem 0;
    background: var(--white);
    border-radius: var(--border-radius);
  }
  .settings-table__header .settings-table__input {
    width: 100%;
  }
  .settings-table__col-configure {
    flex-direction: column !important;
    padding: 0;
    gap: 1.5rem;
  }
  .settings-table__row--configure .settings-table__input {
    width: 100%;
  }
  .settings-table--collapsible {
    margin: 1rem;
  }
  .settings-table--collapsible .settings-table__title {
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
    padding: 1rem;
  }
  .settings-table--collapsible .settings-table__title .btn {
    max-width: 3.125rem;
  }
}
@media only screen and (max-width: 595px) {
  .settings-table {
    background: var(--white);
  }
  .settings-table--collapsible {
    margin: 0.5rem;
  }
  .settings-table--collapsible .settings-table__title {
    border-radius: var(--border-radius);
  }
}
.settings-table__row-subtitle + .settings-table__row-item {
  border-top: none;
}

settings-table {
  margin: 0 !important;
}

.dark-mode .settings-description {
  color: var(--gray300);
}
.dark-mode .savebtn {
  background: var(--dark-bg-light);
}
.dark-mode .settings-description {
  color: var(--gray300);
}
.dark-mode .settings-table {
  border-color: var(--dark-bg-light);
  background: var(--dark-bg-light);
}
.dark-mode .settings-table__row:not(:first-of-type) {
  border-top: 0.0625rem solid var(--dark-base);
}
.dark-mode .settings-table__row .form-element .form-control, .dark-mode .settings-table__row .form-element .dropdown-toggle {
  background: var(--dark-border) !important;
  border-color: var(--dark-border) !important;
  color: var(--gray100) !important;
}
.dark-mode .settings-table__row .settings-table__input:-moz-read-only .form-control {
  background: var(--dark-border) !important;
}
.dark-mode .settings-table__row .settings-table__input:disabled .form-control,
.dark-mode .settings-table__row .settings-table__input:read-only .form-control {
  background: var(--dark-border) !important;
}
.dark-mode .settings-table__row.required .filter-option-inner-inner {
  color: var(--gray100);
}
.dark-mode .settings-table__row.required .dropdown-toggle:after {
  color: var(--gray100);
}
.dark-mode .settings-table__row.required .form-control,
.dark-mode .settings-table__row.required .dropdown-toggle {
  background: var(--dark-grid-border);
  border-color: var(--primary);
  color: var(--gray100);
}
.dark-mode .settings-table__input:-moz-read-only .form-control {
  background-color: unset !important;
}
.dark-mode .settings-table__input:disabled .form-control, .dark-mode .settings-table__input:read-only .form-control {
  background-color: unset !important;
}
.dark-mode .settings-table .form-element [disabled=disabled] {
  cursor: no-drop;
  color: var(--gray400) !important;
  background: var(--dark-base) !important;
  border: 0.0625rem solid var(--dark-border) !important;
  opacity: 0.5 !important;
}
.dark-mode .settings-title {
  color: Var(--gray100);
}
.dark-mode .permissions-description {
  color: var(--gray300);
}
.dark-mode .permissions-table__input .form-switch .form-check-input:before {
  content: "\f111";
  font-family: var(--font-awesome);
  position: absolute;
  transition: all 0.2s ease-in-out;
  font-weight: 900;
  top: 0.0625rem;
  left: 0.0625rem;
  color: var(--dark-highlight);
}
.dark-mode .permissions-table__input .form-switch .form-check-input:checked:before {
  left: 1.3125rem;
  color: var(--gray100);
  font-size: 1rem;
}


.stepper {
  position: relative;
  padding: 0.5rem 1.5rem;
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  gap: 0.375rem;
  overflow-x: auto;
  transition: all 0.3s ease-in-out !important;
}
.stepper__step {
  color: var(--primary);
  background: var(--primary-ghost);
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 3.125rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}
.stepper__step:not(:last-of-type):before {
  content: "";
  position: absolute;
  display: none;
  top: 2rem;
  bottom: 0.5rem;
  left: 0.75rem;
  width: 0.0625rem;
  background-color: var(--gray300) !important;
}
.stepper__step-wrapper {
  margin-left: 0.5rem;
}
.stepper__step-title {
  font-size: 0.875rem;
  white-space: nowrap;
}
.stepper__step-caption {
  display: none;
}
.stepper__step-circle {
  position: relative;
  text-align: center;
  background: none;
  border: none;
}
.stepper__step:hover {
  background-color: var(--primary-info);
}
.stepper__step:focus {
  background: var(--primary-focus);
  color: var(--white);
  outline: 0.25rem solid var(--primary-info);
}
.stepper__step.active {
  background-color: var(--primary);
  border-color: var(--primary);
  font-weight: 500 !important;
  color: var(--white);
}
.stepper__step.active:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
.stepper__step.active:focus {
  background: var(--primary-focus);
  color: var(--white);
  border-color: var(--primary-focus);
  outline: 0.25rem solid var(--primary-info);
}
.stepper__step.success .stepper__step-title, .stepper__step.warning .stepper__step-title {
  font-weight: 500;
}
.stepper__step.success .stepper__step-circle:before, .stepper__step.warning .stepper__step-circle:before {
  font-family: var(--font-awesome);
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  font-weight: 900;
}
.stepper__step.success {
  background-color: var(--success-ghost);
  border-color: var(--success-ghost);
  color: var(--success-text);
}
.stepper__step.success .stepper__step-circle {
  color: transparent;
}
.stepper__step.success .stepper__step-circle:before {
  content: "\f058";
  font-weight: 800;
  color: var(--success-text);
  font-size: 0.75rem;
}
.stepper__step.success:hover {
  background-color: var(--success-info);
  border-color: var(--success-info);
}
.stepper__step.success:focus {
  background: var(--success-focus);
  color: var(--white);
  outline: 0.25rem solid var(--success-info);
}
.stepper__step.success:focus .stepper__step-circle:before {
  color: var(--white);
}
.stepper__step.warning {
  background-color: var(--yellow100);
}
.stepper__step.warning .stepper__step-title {
  color: var(--warning-dark);
}
.stepper__step.warning .stepper__step-circle {
  color: transparent !important;
}
.stepper__step.warning .stepper__step-circle:before {
  content: "\f06a";
  color: var(--warning-dark);
  font-weight: 500;
}
.stepper__step.warning:hover {
  background-color: var(--yellow200);
}
.stepper__step.warning:focus {
  background: var(--warning-focus);
  outline: 0.25rem solid var(--warning-info);
}
.stepper__step.warning:focus .stepper__step-title {
  color: var(--white);
}
.stepper__step.warning:focus .stepper__step-circle:before {
  color: var(--white);
}
.stepper__step.disabled {
  background-color: var(--gray200);
  pointer-events: none;
  color: var(--gray500);
  font-weight: 500;
}
.stepper__step.disabled .stepper__step-circle {
  color: var(--gray500);
  font-weight: 500;
}
.stepper__step.success.active {
  background-color: var(--success-focus);
  color: var(--white);
}
.stepper__step.success.active .stepper__step-circle:before {
  color: var(--white);
  font-weight: 600;
}
.stepper__step.success.active:hover {
  background-color: var(--success);
  color: var(--white);
}
.stepper__step.success.active:focus {
  background: var(--success-text);
  color: var(--white);
  outline: 0.25rem solid var(--success-info);
}
.stepper__step.warning.active {
  background-color: var(--warning);
}
.stepper__step.warning.active .stepper__step-title {
  color: var(--text-color);
}
.stepper__step.warning.active .stepper__step-circle:before {
  color: var(--text-color);
  font-weight: 600;
}
.stepper__step.warning.active:hover {
  background-color: var(--warning-hover);
}
.stepper__step.warning.active:focus {
  background: var(--warning-text);
  color: var(--white);
  outline: 0.25rem solid var(--yellow200);
}
.stepper__step.warning.active:focus .stepper__step-title {
  color: var(--white);
}
.stepper__step.warning.active:focus .stepper__step-circle:before {
  color: var(--white);
}

.stepper-vert {
  position: relative;
  margin: 2rem 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: visible;
  transition: all 0.3s ease-in-out !important;
}
.stepper-vert .stepper {
  transition: all 0.3s ease-in-out !important;
}
.stepper-vert .stepper__step {
  background: none !important;
  border: none;
  border-radius: 0;
  position: relative;
  min-height: 3.5rem;
  display: flex;
  align-items: flex-start;
  font-size: 1rem;
  padding: 0;
  transition: all 0.3s ease-in-out !important;
}
.stepper-vert .stepper__step:not(:last-of-type):before {
  content: "";
  position: absolute;
  display: block;
  top: 2rem;
  bottom: 0.5rem;
  left: 0.75rem;
  width: 0.0625rem;
  background-color: var(--gray300) !important;
}
.stepper-vert .stepper__step-wrapper {
  margin-left: 0.5rem;
}
.stepper-vert .stepper__step-title {
  font-size: 1rem;
  white-space: wrap;
}
.stepper-vert .stepper__step-caption {
  display: block;
  font-size: 0.75rem;
  color: var(--gray600);
  max-width: 8.75rem;
  border-top: 0.0625rem dashed var(--gray400);
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  padding-top: 0.25rem;
}
.stepper-vert .stepper__step-circle {
  border: 0.0625rem solid var(--text-color);
  min-width: 1.5rem;
  min-height: 1.5rem;
  border-radius: 100%;
}
.stepper-vert .stepper__step:hover .stepper__step-title {
  color: var(--primary);
}
.stepper-vert .stepper__step:hover .stepper__step-circle {
  background: var(--primary-ghost);
  color: var(--primary);
  border-color: var(--primary-ghost);
}
.stepper-vert .stepper__step:focus {
  outline: none;
}
.stepper-vert .stepper__step:focus .stepper__step-title {
  color: var(--primary-focus);
}
.stepper-vert .stepper__step:focus .stepper__step-circle {
  background: var(--primary-focus);
  color: var(--white);
  border-color: var(--primary-focus);
  outline: 0.25rem solid var(--primary-info);
}
.stepper-vert .stepper__step.active .stepper__step-title {
  color: var(--primary);
}
.stepper-vert .stepper__step.active .stepper__step-circle {
  background: var(--primary);
  color: var(--white);
  border: none;
}
.stepper-vert .stepper__step.active:hover .stepper__step-title {
  color: var(--primary-hover);
}
.stepper-vert .stepper__step.active:hover .stepper__step-circle {
  background: var(--primary-hover);
}
.stepper-vert .stepper__step.active:focus {
  outline: none;
}
.stepper-vert .stepper__step.active:focus .stepper__step-title {
  color: var(--primary-focus);
}
.stepper-vert .stepper__step.active:focus .stepper__step-circle {
  background: var(--primary-focus);
  outline: 0.25rem solid var(--primary-info);
}
.stepper-vert .stepper__step.success .stepper__step-circle, .stepper-vert .stepper__step.warning .stepper__step-circle {
  border: none;
}
.stepper-vert .stepper__step.success .stepper__step-circle:before, .stepper-vert .stepper__step.warning .stepper__step-circle:before {
  font-family: var(--font-awesome);
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  font-weight: 900;
}
.stepper-vert .stepper__step.success .stepper__step-title {
  color: var(--success-text);
}
.stepper-vert .stepper__step.success .stepper__step-circle {
  background: var(--success-ghost);
  color: var(--success-ghost);
}
.stepper-vert .stepper__step.success .stepper__step-circle:before {
  content: "\f00c";
  color: var(--success-text);
  font-size: 0.75rem;
}
.stepper-vert .stepper__step.success:hover .stepper__step-title {
  color: var(--success);
}
.stepper-vert .stepper__step.success:focus {
  outline: none;
}
.stepper-vert .stepper__step.success:focus .stepper__step-title {
  color: var(--success-focus);
}
.stepper-vert .stepper__step.success:focus .stepper__step-circle {
  outline: none;
}
.stepper-vert .stepper__step.warning .stepper__step-title {
  color: var(--warning-dark);
}
.stepper-vert .stepper__step.warning .stepper__step-circle {
  background-color: var(--yellow10);
  color: var(--yellow10);
}
.stepper-vert .stepper__step.warning .stepper__step-circle:before {
  content: "!";
  color: var(--warning-dark);
  font-size: 0.75rem;
}
.stepper-vert .stepper__step.warning:hover .stepper__step-title {
  color: var(--warning-text);
}
.stepper-vert .stepper__step.warning:focus .stepper__step-title {
  color: var(--warning-focus);
}
.stepper-vert .stepper__step.warning:focus .stepper__step-circle {
  outline: none;
}
.stepper-vert .stepper__step.disabled .stepper__step {
  color: var(--gray500);
}
.stepper-vert .stepper__step.disabled .stepper__step-circle {
  background-color: var(--gray200);
  border: none;
}
.stepper-vert .stepper__step.success.active .stepper__step-title {
  color: var(--success-text);
}
.stepper-vert .stepper__step.success.active .stepper__step-circle {
  background-color: var(--success-focus);
  color: var(--success-focus);
}
.stepper-vert .stepper__step.success.active .stepper__step-circle:before {
  content: "\f00c";
  color: var(--white);
  font-size: 0.75rem;
}
.stepper-vert .stepper__step.success.active:hover .stepper__step-title {
  color: var(--success);
}
.stepper-vert .stepper__step.success.active:hover .stepper__step-circle {
  background-color: var(--success);
  color: var(--success);
}
.stepper-vert .stepper__step.success.active:focus {
  outline: none;
}
.stepper-vert .stepper__step.success.active:focus .stepper__step-title {
  color: var(--success-focus);
}
.stepper-vert .stepper__step.success.active:focus .stepper__step-circle {
  background-color: var(--success-focus);
  color: var(--success-focus);
  outline: 0.25rem solid var(--success-info);
}
.stepper-vert .stepper__step.warning.active .stepper__step-title {
  color: var(--warning-text);
}
.stepper-vert .stepper__step.warning.active .stepper__step-circle {
  background: var(--warning);
  color: var(--warning);
}
.stepper-vert .stepper__step.warning.active .stepper__step-circle:before {
  content: "!";
  color: var(--text-color);
  font-size: 0.75rem;
}
.stepper-vert .stepper__step.warning.active:hover .stepper__step-title {
  color: var(--warning);
}
.stepper-vert .stepper__step.warning.active:hover .stepper__step-circle {
  background: var(--warning-hover);
  color: var(--warning-hover);
}
.stepper-vert .stepper__step.warning.active:focus {
  outline: none;
}
.stepper-vert .stepper__step.warning.active:focus .stepper__step-title {
  color: var(--warning-focus);
}
.stepper-vert .stepper__step.warning.active:focus .stepper__step-circle {
  background: var(--warning-focus);
  color: var(--warning-focus);
  outline: 0.25rem solid var(--warning-info);
}
.stepper-vert .stepper__step.warning.active:focus .stepper__step-circle:before {
  content: "!";
  color: var(--white);
  font-size: 0.75rem;
}




.warning-msg {
  position: absolute;
  right: 0.625rem;
}
.warning-msg i {
  margin-right: 0.5rem;
  color: var(--warning);
}


.work-schedule__row {
  display: grid;
  grid-template-columns: 3.125rem 1fr;
  grid-template-rows: auto auto auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "ws-avatar ws-name " "ws-time ws-time " "ws-days ws-days" "ws-cta ws-cta";
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1rem 0;
}
.work-schedule__row:last-of-type {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.work-schedule__avatar {
  grid-area: ws-avatar;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
}
.work-schedule__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
  width: 2.5rem;
  height: 2.5rem;
}
.work-schedule__name {
  grid-area: ws-name;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.work-schedule__cta {
  grid-area: ws-cta;
  display: flex;
  align-items: center;
}
.work-schedule__cta .btn-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  border: 0.0625rem solid var(--primary);
  border-radius: var(--border-radius);
  font-size: 1rem;
  margin: 1rem 0;
}
.work-schedule__days {
  grid-area: ws-days;
  display: flex;
  align-items: center;
}
.work-schedule__time {
  grid-area: ws-time;
  display: flex;
  align-items: center;
  font-weight: 500;
  margin: 0.5rem 0;
}

.dashbtn {
  width: 3.125rem;
}

@media only screen and (min-width: 1200px) {
  .work-schedule__row {
    display: grid;
    grid-template-columns: 3.125rem 1fr 0.5fr 3.125rem;
    grid-template-rows: auto auto;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "ws-avatar ws-name ws-time ws-cta" "ws-avatar ws-days ws-time ws-cta";
    border-top: 0.0625rem solid var(--card-border-color);
    padding: 0;
  }
  .work-schedule__row:last-of-type {
    border-bottom: 0.0625rem solid var(--card-border-color);
  }
  .work-schedule__name {
    align-items: flex-end;
  }
  .work-schedule__days {
    align-items: baseline;
  }
  .work-schedule__time {
    margin: 0;
  }
  .work-schedule__cta .btn-link {
    border: none;
  }
}

.editable-input {
  padding: 0.25rem 0.75rem;
  margin: 0.5rem;
  outline: none;
  border-radius: var(--border-radius);
  box-sizing: border-box;
  border: 0.25rem solid var(--white);
}
.editable-input:focus {
  border: 0.25rem solid var(--primary-ghost);
}


.payroll .btn-link {
  min-width: unset;
  padding: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.payroll__row {
  display: grid;
  grid-template-columns: 3.125rem 0.5fr auto auto 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: "payroll__delete payroll__name payroll__job payroll__work-class payroll__paytype payroll__total payroll__cta" ".  payroll__hours  payroll__hours payroll__hours payroll__hours  payroll__hours  payroll__hours  ";
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.payroll__delete {
  grid-area: payroll__delete;
}
.payroll__name {
  grid-area: payroll__name;
  display: flex;
  align-items: center;
}
.payroll__job {
  grid-area: payroll__job;
}
.payroll__work-class {
  grid-area: payroll__work-class;
}
.payroll__paytype {
  grid-area: payroll__paytype;
}
.payroll__hours {
  grid-area: payroll__hours;
  display: flex;
  gap: 1rem;
}
.payroll__total {
  grid-area: payroll__total;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
}
.payroll__cta {
  grid-area: payroll__cta;
}
.payroll__selector {
  display: flex;
  align-items: center;
}
.payroll__selector .form-element {
  margin: 0;
  font-size: 0.875rem;
}
.payroll__selector .bootstrap-select .dropdown-toggle {
  border: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.payroll__selector .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 500;
}
.payroll__selector .bootstrap-select .dropdown-toggle:before {
  font-family: var(--font-awesome);
  content: "\f055";
  font-weight: 400;
  color: var(--primary);
  margin-right: 0.5rem;
}
.payroll__selector .bootstrap-select .dropdown-toggle:after {
  display: none;
}
.payroll__selector .bootstrap-select .dropdown-toggle[aria-expanded=true] {
  border: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
}
.payroll__selector .bootstrap-select .dropdown-toggle:hover {
  background-color: var(--primary-ghost);
}
.payroll__selector .bootstrap-select .dropdown-toggle:hover .filter-option-inner-inner {
  color: var(--primary);
}


.mobile-tert {
  margin: 1.5rem 0.5rem;
}


.dataTable thead tr th {
  font-size: 0.75rem;
}
.dataTable thead tr th.table__actions {
  padding: 0 !important;
  width: 2.5rem !important;
  justify-items: anchor-center;
}
.dataTable thead tr th.table__actions:before, .dataTable thead tr th.table__actions:after {
  content: "" !important;
}
.dataTable thead tr th.sorting {
  position: relative;
  cursor: pointer;
  padding: 0.625rem;
  border-right: 0.0625rem solid var(--card-border-color);
  padding-right: 1.5rem;
}
.dataTable thead tr th.sorting:before, .dataTable thead tr th.sorting:after {
  font-family: var(--font-awesome);
  content: "\f0dc";
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--gray200);
}
.dataTable thead tr th.sorting:before {
  content: "\f0dc";
}
.dataTable thead tr th.sorting_desc, .dataTable thead tr th.sorting_asc {
  padding-right: 1.5rem;
}
.dataTable thead tr th.sorting_desc:after {
  content: "\f0dd";
  color: var(--primary);
}
.dataTable thead tr th.sorting_asc:after {
  content: "\f0de";
  color: var(--primary);
}
.dataTables_wrapper {
  width: 100% !important;
}
.dataTables_wrapper .bottom {
  padding: 0.5rem;
  position: sticky;
  bottom: 0;
  height: 2.75rem;
  background: var(--white);
  box-shadow: inset 0 0.0625rem 0 var(--gray300);
  display: flex;
  justify-content: space-between;
}
.dataTables_info {
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataTables_paginate {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.dataTables_length select {
  border: none;
  border-bottom: 0.0625rem solid var(--primary);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.dataTables_length select:hover {
  background-color: var(--primary-ghost);
}
.dataTables_length select:focus {
  outline: none;
  box-shadow: 0 0 0 0.125rem var(--primary-ghost);
  background-color: var(--primary-ghost);
}

.dataTables_wrapper td {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.dataTables_wrapper .dataTables_paginate {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  min-width: unset;
  display: initial;
  padding: 0.125rem 0.5625rem;
  border: none;
  cursor: pointer;
  color: var(--gray500);
  font-weight: 400;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--white);
  color: var(--primary) !important;
  border-radius: var(--border-radius);
  font-weight: 600;
  border: 0.0625rem solid var(--primary);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--primary);
  color: var(--white) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  color: var(--primary);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: transparent;
  border: none;
  color: var(--primary) !important;
  box-shadow: none;
  font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--gray500);
  cursor: default;
  font-style: italic;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: var(--gray400) !important;
  font-style: italic;
}

.dataTable thead tr th.sorting_asc,
.dataTable thead tr th.sorting_desc {
  color: var(--primary);
}

.dataTable thead tr th.sorting:before,
.dataTable thead tr th.sorting:after {
  margin: 0 0.625rem;
}

@media only screen and (max-width: 595px) {
  .dataTables_wrapper .bottom {
    height: 3.75rem;
    align-items: center;
    position: fixed;
    width: 100%;
  }
  .dataTables_wrapper .dataTables_length label {
    font-size: 0.75rem !important;
  }
  .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    font-size: 0.75rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .dataTables_wrapper .bottom {
    height: 3.75rem;
    align-items: center;
  }
  .dataTables_wrapper .dataTables_length label {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 0.1875rem 0.875rem;
  }
  .dataTables_info {
    display: none;
  }
  .dataTables_wrapper td {
    border: none;
  }
}
.dataTables_status__success {
  background-color: #d5fbdd !important;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.dataTables_status__alert {
  background-color: #fff8d9 !important;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.dataTables_status__no-action {
  background-color: var(--blue100) !important;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.dataTables_status__error {
  background-color: #f5c3c5 !important;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.dataTables_status__help {
  background-color: #f0ebfe !important;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}

.dataTables_icons__success {
  color: var(--green30);
  padding-right: 0.3125rem;
}
.dataTables_icons__alert {
  color: var(--yellow40);
  padding-right: 0.3125rem;
}
.dataTables_icons__no-action {
  color: var(--primary);
  padding-right: 0.3125rem;
}
.dataTables_icons__error {
  color: var(--error);
  padding-right: 0.3125rem;
}
.dataTables_icons__help {
  color: var(--help);
  padding-right: 0.3125rem;
}

.dark-mode .dataTables_wrapper .bottom {
  background: var(--dark-bg-light);
  box-shadow: none;
}
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--gray400);
}

.dark-mode .dataTables_status__success {
  background-color: #7eb78a !important;
  color: var(--gray900);
}
.dark-mode .dataTables_icons__success {
  color: #125337;
}


.modal-table td {
  padding: 0.5rem;
}


.system-msg {
  max-height: 31.875rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0.5rem;
}
.system-msg__item:not(:last-of-type) {
  margin-bottom: 2.5rem;
  border-bottom: 0.0625rem dashed var(--gray300);
  padding-bottom: 1rem;
}
.system-msg__header {
  padding-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.875rem;
}
.system-msg__body {
  width: 100%;
  font-size: 0.875rem;
}
.system-msg__cta {
  margin-top: 1rem;
  text-align: right;
}
.system-msg__cta .btn {
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
}

@media only screen and (max-width: 595px) {
  .system-msg {
    
  }
}

.image-link {
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  border-radius: 6.25rem;
  transition: all 0.3s ease-in-out;
}
.image-link img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 3.25rem;
}
.image-link:hover {
  box-shadow: 0 0 0.3125rem var(--gray300);
}


.read-more__cta {
  width: 100%;
  display: flex;
  margin-top: 0.5rem;
}
.read-more__cta .btn {
  font-size: 0.75rem;
  padding: 0;
}
.read-more__cta .btn:hover {
  background-color: transparent;
}


.performance {
  position: relative;
}
.performance__pending_social, .performance__performance, .performance__social {
  overflow-y: auto;
  max-height: 26.75rem;
  border-top: 0.0625rem solid var(--card-border-color);
}
.performance__pending_social .performance__msg,
.performance__pending_social .performance-list__item, .performance__performance .performance__msg,
.performance__performance .performance-list__item, .performance__social .performance__msg,
.performance__social .performance-list__item {
  position: relative;
  overflow: hidden;
  opacity: 0;
  background-color: var(--primary-ghost);
  color: var(--primary);
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  visibility: hidden;
  filter: grayscale(100%) saturate(0) blur(0.3125rem);
  transition: all 0.5s ease-in-out;
}
.performance__pending_social .performance__msg.fadeIn,
.performance__pending_social .performance-list__item.fadeIn, .performance__performance .performance__msg.fadeIn,
.performance__performance .performance-list__item.fadeIn, .performance__social .performance__msg.fadeIn,
.performance__social .performance-list__item.fadeIn {
  visibility: visible;
  opacity: 1;
  background-color: var(--white);
  color: initial;
  filter: grayscale(0%) saturate(100%) blur(0);
}
.performance__pending_social .performance__msg:first-of-type,
.performance__pending_social .performance-list__item:first-of-type, .performance__performance .performance__msg:first-of-type,
.performance__performance .performance-list__item:first-of-type, .performance__social .performance__msg:first-of-type,
.performance__social .performance-list__item:first-of-type {
  border-top: none;
}
.performance__widget {
  grid-area: performance__widget;
  margin-top: 1rem;
}
.performance__widget-msg {
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  background: var(--white);
  padding: 1rem;
}
.performance__widget-msg:not(:first-of-type) {
  margin: 0.5rem 0;
}
.performance__post-switch {
  margin-bottom: 0.5rem;
}
.performance__post-switch-question {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.performance__action-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  padding: 0 0.25rem;
}
.performance__action-bar-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.performance__action-bar-btn i {
  color: var(--gray50) !important;
}
.performance__action-bar-btn:hover {
  background-color: var(--primary-ghost);
}
.performance__action-bar-comment-bar {
  display: none;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  padding: 0 0.25rem;
  color: var(--white);
}
.performance__action-bar-comment-bar .form-control {
  font-size: 0.875rem;
}
.performance__action-bar-comment-bar .btn {
  min-width: unset;
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  border-radius: 3.125rem;
}
.performance__action-bar-report-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.performance__action-bar-report-btn i {
  color: var(--gray50) !important;
}
.performance__action-bar-report-btn:hover {
  background-color: var(--error-ghost);
}
.performance__action-bar-approve-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.performance__action-bar-approve-btn i {
  color: var(--gray50) !important;
}
.performance__action-bar-approve-btn:hover {
  background-color: var(--success-ghost);
}
.performance__action-bar-deny-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.performance__action-bar-deny-btn i {
  color: var(--gray50) !important;
}
.performance__action-bar-deny-btn:hover {
  background-color: var(--error-ghost);
}
.performance__action-bar__right {
  display: flex;
  align-items: center;
}
.performance__comment {
  position: relative;
  padding: 0.75rem 0.5rem;
  border-radius: var(--border-radius);
  border-top: 0.0625rem solid var(--gray30);
}
.performance__comment-section {
  display: grid;
  margin-left: 1.5rem;
}
.performance__comment-tools {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.performance__comment-tools i {
  color: var(--gray40);
  font-size: 0.75rem;
}
.performance__comment-img img {
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
}
.performance__comment-wrapper {
  margin-left: 1rem;
  margin-top: 0.625rem;
}
.performance__comment-name {
  font-weight: 700;
  font-size: 0.875rem;
}
.performance__comment-body {
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.performance__comment-op {
  color: var(--primary);
  font-weight: 700;
}
.performance__comment-sub-wrapper {
  display: flex;
}
.performance__comment--sub {
  margin-left: 2rem;
}
.performance__comment--sub:before {
  font-family: var(--font-awesome);
  content: "\e3d6";
  position: absolute;
  left: -1.125rem;
  top: 1.8125rem;
  color: var(--gray50);
  font-weight: 300;
  font-size: 0.75rem;
}
.performance__comment--sub:first-of-type {
  border-top: none !important;
}
.performance__comment-input {
  display: flex;
  gap: 0.5rem;
}
.performance__comment-input .btn {
  margin: 0 !important;
}
.performance__comment-header {
  display: flex;
  align-items: center;
}
.performance__comment-subtitle {
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__comment-timestamp {
  font-size: 0.75rem;
  color: var(--gray500);
}
.performance__comment-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.performance__comment-user {
  margin-left: 1rem;
}
.performance__comment-name {
  font-weight: 700;
  font-size: 0.875rem;
}
.performance__comment-love {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: var(--gray50);
}
.performance__comment-love i {
  font-size: 0.875rem;
}
.performance__comment-loved {
  color: var(--error);
}
.performance__comment-view-all {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
.performance__comment-view-all a {
  padding: 0.5rem 1rem;
  margin-left: 2.125rem;
}
.performance__comment-view-all i {
  color: var(--primary);
}
.performance__comment-scroll {
  position: sticky;
  bottom: 0.625rem;
  align-self: baseline;
  z-index: 100000000000000000000000000;
  height: 1.125rem;
}
.performance__comment-scroll a.scroll {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--primary);
  display: flex;
  border-radius: 6.25rem;
  align-items: center;
  justify-content: center;
  color: var(--white);
  position: absolute;
  opacity: 0.2;
  right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.performance__comment-scroll a.scroll:hover {
  opacity: 1;
}
.performance__comment.fadeIn {
  visibility: visible;
  opacity: 1;
  background-color: var(--white);
  color: initial;
  filter: grayscale(0%) saturate(100%) blur(0);
}
.performance__reply {
  position: relative;
  padding: 1rem 0;
  border-radius: var(--border-radius);
  border-top: 0.0625rem solid var(--gray30);
}
.performance__reply:first-of-type {
  border-top: none;
}
.performance__reply-tools {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.performance__reply-tools i {
  color: var(--gray40);
  font-size: 0.75rem;
}
.performance__reply-img img {
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
}
.performance__reply-wrapper {
  margin-left: 1rem;
  margin-top: 0.625rem;
}
.performance__reply-name {
  font-weight: 700;
  font-size: 0.875rem;
}
.performance__reply-body {
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.performance__reply-op {
  color: var(--primary);
  font-weight: 700;
}
.performance__reply-sub-wrapper {
  display: flex;
}
.performance__reply--sub {
  margin-left: 3.125rem;
}
.performance__reply--sub:before {
  font-family: var(--font-awesome);
  content: "\e3d6";
  position: absolute;
  left: -1.125rem;
  top: 1.8125rem;
  color: var(--gray50);
  font-weight: 300;
  font-size: 0.75rem;
}
.performance__reply-input {
  display: flex;
  gap: 0.5rem;
}
.performance__reply-input .btn {
  margin: 0 !important;
}
.performance__reply-header {
  display: flex;
  align-items: center;
}
.performance__reply-subtitle {
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__reply-timestamp {
  font-size: 0.75rem;
  color: var(--gray500);
}
.performance__reply-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.performance__reply-user {
  margin-left: 1rem;
}
.performance__reply-name {
  font-weight: 700;
  font-size: 0.875rem;
}
.performance__reply-love {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: var(--gray50);
}
.performance__reply-love i {
  font-size: 0.875rem;
}
.performance__reply-loved {
  color: var(--error);
}
.performance__reply-view-all {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
.performance__reply-view-all a {
  padding: 0.5rem 1rem;
  margin-left: 2.125rem;
}
.performance__reply-view-all i {
  color: var(--primary);
}
.performance__reply-scroll {
  position: sticky;
  bottom: 0.625rem;
  align-self: baseline;
  z-index: 100000000000000000000000000;
  height: 1.125rem;
}
.performance__reply-scroll a.scroll {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--primary);
  display: flex;
  border-radius: 6.25rem;
  align-items: center;
  justify-content: center;
  color: var(--white);
  position: absolute;
  opacity: 0.2;
  right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.performance__reply-scroll a.scroll:hover {
  opacity: 1;
}
.performance__tool-bar {
  display: flex;
}
.performance__tool-bar-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.performance__tool-bar-btn i {
  color: var(--error) !important;
}
.performance__tool-bar-btn:hover {
  background-color: var(--error-ghost);
}
.performance__close-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.performance__close-btn i {
  color: var(--gray50) !important;
  font-size: 0.875rem;
}
.performance__close-btn:hover {
  background-color: var(--primary-ghost);
}
.performance__tools {
  border-radius: var(--card-border-radius);
  margin-bottom: 1rem;
}
.performance__tools .engagement-input {
  overflow: auto;
  resize: none;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--border-radius);
  height: 6.25rem;
  margin-bottom: 0.625rem;
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  transition: all 0.2s ease-in-out;
}
.performance__tools .engagement-input:focus, .performance__tools .engagement-input:active {
  box-shadow: var(--focus-shadow);
  border-color: var(--primary-info);
}
.performance__tools-footer {
  background: transparent;
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  align-items: center;
  color: var(--text-color);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.performance__tools-footer .btn {
  border-radius: 6.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  min-width: 0;
}
.performance__tools-msg {
  margin-bottom: 1rem;
}
.performance-list {
  position: relative;
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1.5rem 0;
  overflow-y: auto;
  max-height: 47.9375rem;
}
.performance-list__meta {
  font-size: 0.75rem;
  text-align: right;
  margin-bottom: 0.5rem;
  font-weight: 400;
  color: var(--gray500);
}
.performance-list__meta--pending {
  margin-top: 1.25rem;
}
.performance-list__item {
  display: grid;
  gap: 0.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: 2rem 0.5rem;
  opacity: 0;
  background-color: var(--primary-ghost);
  color: var(--primary);
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.performance-list__item.fadeIn {
  opacity: 1;
  background-color: var(--white);
  visibility: visible;
  color: initial;
}
.performance-list__item-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem dashed var(--gray200);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.performance-list__item-date {
  font-size: 0.75rem;
  color: var(--gray500);
}
.performance-list__item-employee {
  color: var(--accent);
  font-weight: 600;
}
.performance-list__item-goal {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
.performance-list__item-goal:before {
  content: "Goal";
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 400;
}
.performance-list__item-feedback {
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
}
.performance-list__item-feedback:before {
  content: "Feedback";
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 400;
}
.performance-list__item-cta {
  display: flex;
  justify-content: space-between;
  border-top: 0.0625rem dashed var(--gray200);
  padding: 0.25rem 1rem;
}
.performance-list__item-cta__link a {
  padding: 0;
  min-width: 0;
  height: 2rem;
  width: 2rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray500);
  margin-left: -0.9375rem;
}
.performance-list__item-cta__link a:hover {
  color: var(--primary-hover);
}
.performance-list__item-cta .btn-group .btn {
  color: var(--gray500);
  padding: 0;
  min-width: 0;
  height: 2rem;
  width: 2rem;
  font-size: 0.75rem;
}
.performance-list__item-cta .btn-group .btn:hover {
  color: var(--primary-hover);
}
.performance__msg {
  position: relative;
  border-top: 0.0625rem solid var(--gray30);
  overflow: hidden;
  opacity: 0;
  background-color: var(--primary-ghost);
  color: var(--primary);
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  visibility: hidden;
  filter: grayscale(100%) saturate(0) blur(0.3125rem);
  transition: all 0.5s ease-in-out;
}
.performance__msg.fadeIn {
  visibility: visible;
  opacity: 1;
  background-color: var(--white);
  color: initial;
  filter: grayscale(0%) saturate(100%) blur(0);
}
.performance__msg:first-of-type {
  border-top: none;
}
.performance__msg-header {
  display: flex;
  align-items: center;
}
.performance__msg-img img {
  image-rendering: auto;
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.1875rem;
  clip-path: polygon(0% 5%, 2% 2%, 3% 1%, 6% 0%, 94% 0%, 98% 2%, 100% 7%, 100% 85%, 98% 88%, 96% 89%, 73% 90%, 73% 100%, 47% 90%, 4% 90%, 5% 90%, 0% 86%);
}
.performance__msg-subtitle {
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__msg-timestamp {
  font-size: 0.75rem;
  color: var(--gray500);
}
.performance__msg-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.performance__msg-user {
  margin-left: 1rem;
}
.performance__msg-name {
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__msg-love {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: var(--gray50);
}
.performance__msg-love i {
  font-size: 0.875rem;
}
.performance__msg-loved {
  color: var(--error);
}
.performance__msg-view-all {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
.performance__msg-view-all a {
  padding: 0.5rem 1rem;
  margin-left: 2.125rem;
}
.performance__msg-view-all i {
  color: var(--primary);
}
.performance__msg-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 0.0625rem solid var(--gray30);
  margin: 0 -1rem -0.5rem -1rem;
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  padding: 1rem;
  color: var(--white);
}
.performance__msg-footer .form-control {
  font-size: 0.875rem;
}
.performance__msg-footer .btn {
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
}
.performance__msg-scroll {
  position: sticky;
  bottom: 0.625rem;
  align-self: baseline;
  z-index: 100000000000000000000000000;
  height: 1.125rem;
}
.performance__msg-scroll a.scroll {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--primary);
  display: flex;
  border-radius: 6.25rem;
  align-items: center;
  justify-content: center;
  color: var(--white);
  position: absolute;
  opacity: 0.2;
  right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.performance__msg-scroll a.scroll:hover {
  opacity: 1;
}
.performance__msg-review {
  position: relative;
  padding-top: 1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.performance__msg-review-header {
  display: flex;
  align-items: center;
}
.performance__msg-review-img img {
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.1875rem;
  clip-path: polygon(0% 5%, 2% 2%, 3% 1%, 6% 0%, 94% 0%, 98% 2%, 100% 7%, 100% 85%, 98% 88%, 96% 89%, 73% 90%, 73% 100%, 47% 90%, 4% 90%, 5% 90%, 0% 86%);
}
.performance__msg-review-subtitle {
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__msg-review-timestamp {
  font-size: 0.75rem;
  color: var(--gray40);
}
.performance__msg-review-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.performance__msg-review-user {
  margin-left: 1rem;
}
.performance__msg-review-name {
  font-weight: 700;
}
.performance__msg-review-love {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 1rem;
  color: var(--gray50);
}
.performance__msg-review-love i {
  font-size: 1rem;
}
.performance__msg-review-loved {
  color: var(--primary);
}
.performance__msg-review-view-all {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
.performance__msg-review-view-all a {
  padding: 0.5rem 1rem;
  margin-left: 2.125rem;
}
.performance__msg-review-view-all i {
  color: var(--primary);
}
.performance__msg-review-footer {
  display: none;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 0.0625rem solid var(--gray30);
  margin: 0 -1rem -0.5rem -1rem;
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  padding: 1rem;
  color: var(--white);
}
.performance__msg-review-footer .form-control {
  font-size: 0.875rem;
}
.performance__msg-review-footer .btn {
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
}
.performance__selected-employee {
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary);
}
.performance__body {
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
  color: var(--text-color);
}
.performance__body-employee-tag {
  color: var(--accent);
  font-weight: 700;
}
.performance__replies {
  display: grid;
  margin-left: 4.1875rem;
}
.performance__page {
  display: grid;
  grid-template-columns: 1fr 25rem;
  grid-template-areas: "performance__widget performance__info-panel";
}
.performance__page .performance__tools {
  margin: 0;
}
.performance__pending-badge {
  width: 100%;
  padding: 0.625rem 0.5rem;
  margin: 0;
  font-size: 0.75rem;
  position: relative;
  top: -0.375rem;
  left: 0.25rem;
  border-radius: 6.25rem;
  line-height: 0;
  text-align: center;
  background: var(--error);
  color: var(--white);
}
.performance__info-panel {
  grid-area: performance__info-panel;
  background-color: var(--gray30);
  position: sticky;
  top: 0.5rem;
  align-self: start;
  padding: 0.5rem;
  margin: 1rem;
}
.performance__info-panel-sender {
  font-size: 0.8125rem;
}
.performance__info-panel-row {
  display: grid;
  gap: 0.5rem;
}
.performance__info-panel-item {
  background-color: var(--white);
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: var(--card-border-radius);
}
.performance__info-panel-title {
  font-weight: 700;
  font-size: 1.125rem;
  padding: 0.5rem 0 1rem 0;
}
.performance__info-panel-img {
  padding: 0.5rem;
}
.performance__info-panel-img img {
  height: 2.5rem;
  width: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
}

#performanceParent {
  position: relative;
}

@media only screen and (max-width: 1440px) {
  .performance__page {
    grid-template-columns: 1fr 18.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .performance__page {
    grid-template-columns: 1fr 18.75rem;
  }
}
@media only screen and (max-width: 1024px) {
  .performance__page {
    grid-template-columns: 1fr 21.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .performance__page {
    grid-template-columns: 1fr;
    grid-template-areas: "performance__widget" "performance__info-panel";
  }
  .performance__info-panel {
    display: none;
  }
}
@media only screen and (max-width: 595px) {
  .performance__reply-input {
    flex-direction: column;
  }
  .performance__reply--sub {
    margin-left: 0;
  }
  .performance__reply--sub:before {
    left: 2.25rem;
    top: 5.625rem;
  }
  .performance__close-btn {
    display: none;
  }
  .performance__msg-footer {
    flex-direction: column;
    gap: 0;
  }
  .performance__msg-footer .form-control {
    width: 100%;
  }
  .performance__tools-footer {
    flex-direction: column-reverse;
  }
  .performance__reply-tools {
    right: 0.625rem;
    left: unset;
  }
  .performance__tool-bar {
    top: 0.9375rem;
    right: 0.625rem;
  }
  .performance__body {
    margin: 1rem 0 0 0;
  }
  .performance__replies {
    margin-left: 0;
  }
  .performance__replies .performance__tool-bar {
    top: 1.5625rem;
    right: 0.625rem;
  }
  .performance__reply-footer .btn {
    text-align: left;
    padding: 0;
  }
  .performance__reply-footer .btn:focus, .performance__reply-footer .btn:active {
    background-color: transparent;
  }
}
div[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: var(--gray30);
}

#employeeListContainer {
  z-index: 999;
  position: absolute;
  top: 1.5rem;
  left: 35rem;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
  border: 0.0625rem solid var(--gray30);
  box-shadow: var(--box-shadow);
  padding: 0.625rem 0.75rem;
  height: 12rem;
  overflow-y: scroll;
}
#employeeListContainer .form-search {
  position: sticky;
  top: 0;
}
#employeeListContainer .form-control {
  position: sticky;
  top: 0;
  border-radius: var(--border-radius);
  height: 2.5rem;
  padding: 16 !important;
  margin-bottom: 0.25rem;
}
#employeeListContainer .form-control:focus {
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
}
#employeeListContainer li {
  padding: 0.5rem;
  list-style-type: none;
}
#employeeListContainer li:hover {
  cursor: pointer;
  background-color: var(--primary-ghost);
  border-radius: var(--border-radius);
}

#employeeSearch {
  background-color: var(--white);
  position: sticky;
  top: 0;
}

#engagementMessageTextArea {
  margin: 1rem 0;
}

.short-dropdown {
  max-height: 9.375rem !important;
}

.ee-list {
  position: absolute;
  top: 7.25rem;
  left: 0;
  z-index: 100000000;
  min-width: 10rem;
  background: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  padding: 1rem;
}
.ee-list li {
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.ee-list li:hover {
  color: var(--primary);
}

.dark-mode .performance__widget .nav-tabs {
  background-color: transparent !important;
}
.dark-mode .performance__pending_social .performance__msg.fadeIn,
.dark-mode .performance__pending_social .performance-list__item.fadeIn,
.dark-mode .performance__performance .performance__msg.fadeIn,
.dark-mode .performance__performance .performance-list__item.fadeIn,
.dark-mode .performance__social .performance__msg.fadeIn,
.dark-mode .performance__social .performance-list__item.fadeIn {
  background-color: transparent !important;
}
.dark-mode .performance__msg-timestamp {
  color: var(--gray300);
}
.dark-mode .performance__msg {
  border-top: 0.0625rem solid var(--white);
}


.payroll-loader {
  --bs-payroll-loader-color: var(--text-color);
  --bs-payroll-loader-bg: var(--white);
  --bs-payroll-loader-border-width: 0.0625rem;
  --bs-payroll-loader-border-color: var(--gray300);
  --bs-payroll-loader-border-radius: var(--card-border-radius);
  --bs-payroll-loader-box-shadow: var(--box-shadow);
  --bs-payroll-loader-header-color: var(--text-color);
  --bs-payroll-loader-header-bg: var(--white);
  --bs-payroll-loader-header-border-color: var(--gray300);
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  border: none;
  width: 23.75rem;
}
.payroll-loader-processing-background {
  width: 89.0625rem;
  height: 50.625rem;
  background-color: rgba(255, 255, 255, 0.3058823529);
  overflow: hidden;
  top: 155;
  left: 282;
  position: absolute;
  -webkit-backdrop-filter: blur(0.625rem);
          backdrop-filter: blur(0.625rem);
  z-index: 1000;
}
.payroll-loader-wrapper {
  display: flex;
  flex-direction: column;
  box-shadow: var(--box-shadow);
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  border-radius: var(--border-radius);
}
.payroll-loader-body {
  display: grid;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "payroll-loader-body-left payroll-loader-body-right";
  position: relative;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.payroll-loader-body-status {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--primary);
  padding-bottom: 0.25rem;
}
.payroll-loader-body-period {
  font-size: 0.875rem;
}
.payroll-loader-body-left {
  grid-area: payroll-loader-body-left;
}
.payroll-loader-body-right {
  grid-area: payroll-loader-body-right;
}
.payroll-loader-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  padding: 1rem;
}
.payroll-loader-header-title {
  font-size: 0.875rem;
}
.payroll-loader-cta {
  height: 100%;
  display: flex;
  align-items: baseline;
  background-color: var(--white);
}
.payroll-loader-cta .btn-close {
  background-color: transparent;
  font-size: 0.625rem;
  line-height: 0.9375rem;
  margin: 0.5rem;
}
.payroll-loader.success .payroll-loader-wrapper {
  color: var(--green50);
  background-color: var(--green10);
  border-color: var(--green10);
}
.payroll-loader.success .payroll-loader-cta {
  color: var(--green50);
  background-color: var(--green10);
}
.payroll-loader.success .payroll-loader-cta .btn-close {
  color: var(--green50);
}
.payroll-loader.success .payroll-loader-cta .btn-close i {
  color: var(--green50);
}
.payroll-loader.error .payroll-loader-wrapper {
  color: var(--red50);
  background-color: var(--red10);
  border-color: var(--red10);
}
.payroll-loader.error .payroll-loader-cta {
  color: var(--red50);
  background-color: var(--red10);
}
.payroll-loader.error .payroll-loader-cta .btn-close {
  color: var(--red50);
}
.payroll-loader.error .payroll-loader-cta .btn-close i {
  color: var(--red50);
}


.snackbar {
  background-color: var(--teal400);
  padding: 1rem 2.6875rem 1rem 1rem;
  border-radius: var(--card-border-radius);
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  min-width: 20rem;
  min-height: 5rem;
  margin: 1.5rem;
  box-shadow: var(--box-shadow-large);
}
.snackbar__close {
  color: var(--white);
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
.snackbar__close button {
  border: none;
  background: transparent;
  color: var(--white);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.snackbar__close button:hover {
  color: var(--gray300);
}
.snackbar__icon {
  position: absolute;
  top: 0.9375rem;
  left: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  margin-right: 0.5rem;
  border-radius: 6.25rem;
  font-size: 1.875rem;
}
.snackbar__icon svg {
  position: absolute;
}
.snackbar__icon:after {
  position: absolute;
  text-align: center;
  left: -1.0625rem;
  top: -1.0625rem;
  font-family: var(--font-awesome);
  content: "\f013";
  font-weight: 900;
  z-index: 100;
}
.snackbar__path1 {
  fill: var(--teal600);
}
.snackbar__circs {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.snackbar__circs-1, .snackbar__circs-2, .snackbar__circs-3, .snackbar__circs-4 {
  position: absolute;
  background-color: var(--teal600);
  opacity: 0.2;
  border-radius: 6.25rem;
}
.snackbar__circs-1 {
  left: -8.25rem;
  bottom: -6.375rem;
  width: 13rem;
  height: 13rem;
}
.snackbar__circs-2 {
  left: -13.875rem;
  bottom: -19.25rem;
  width: 21.8125rem;
  height: 21.8125rem;
}
.snackbar__circs-3 {
  right: -15.75rem;
  bottom: -20.5625rem;
  width: 21.8125rem;
  height: 21.8125rem;
}
.snackbar__circs-4 {
  right: -6.6875rem;
  bottom: -5.4375rem;
  width: 8.5rem;
  height: 8.5rem;
}
.snackbar__message {
  margin-left: 3.875rem;
  color: var(--white);
}
.snackbar__message-title {
  font-size: 1rem;
  font-weight: 700;
}
.snackbar--warning {
  background-color: var(--orange500);
}
.snackbar--warning .snackbar__icon:after {
  content: "!";
  left: -0.375rem;
}
.snackbar--warning .snackbar__circs-1, .snackbar--warning .snackbar__circs-2, .snackbar--warning .snackbar__circs-3, .snackbar--warning .snackbar__circs-4 {
  background-color: var(--orange700);
}
.snackbar--warning .snackbar__path1 {
  fill: var(--orange700);
}
.snackbar--info {
  background-color: var(--blue500);
}
.snackbar--info .snackbar__icon:after {
  content: "\f129";
  left: -0.4375rem;
}
.snackbar--info .snackbar__circs-1, .snackbar--info .snackbar__circs-2, .snackbar--info .snackbar__circs-3, .snackbar--info .snackbar__circs-4 {
  background-color: var(--blue700);
}
.snackbar--info .snackbar__path1 {
  fill: var(--blue700);
}
.snackbar--error {
  background-color: var(--red500);
}
.snackbar--error .snackbar__icon:after {
  content: "\f00d";
  left: -0.6875rem;
}
.snackbar--error .snackbar__circs-1, .snackbar--error .snackbar__circs-2, .snackbar--error .snackbar__circs-3, .snackbar--error .snackbar__circs-4 {
  background-color: var(--red700);
}
.snackbar--error .snackbar__path1 {
  fill: var(--red700);
}
.snackbar--success {
  background-color: var(--success);
}
.snackbar--success .snackbar__icon:after {
  content: "\f00c";
  left: -1.0625rem;
}
.snackbar--success .snackbar__circs-1, .snackbar--success .snackbar__circs-2, .snackbar--success .snackbar__circs-3, .snackbar--success .snackbar__circs-4 {
  background-color: var(--green700);
}
.snackbar--success .snackbar__path1 {
  fill: var(--green700);
}


.social-name {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.social-name__title {
  padding: 0.5rem 1rem 0 1rem;
}
.social-name__title:first-of-type {
  border-bottom: 0.25rem solid var(--primary);
  color: var(--primary);
  font-weight: 600;
}
.social-name--performance .social-name__title:first-of-type {
  border-bottom: none;
  color: var(--text-color);
  font-weight: 400;
}
.social-name--performance .social-name__title:last-of-type {
  border-bottom: 0.25rem solid var(--primary);
  color: var(--primary);
  font-weight: 600;
}



.theme-builder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: " theme-settings template-builder" "ts-footer ts-footer ";
}
.theme-settings {
  grid-area: theme-settings;
  background-color: var(--white);
  border-right: 0.0625rem solid var(--card-border-color);
  padding: 0 1.5rem 0 0;
}
.theme-settings p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.theme-settings .upload-image {
  max-width: 12.5rem;
}
.theme-settings-header {
  grid-area: ts-header;
}
.theme-settings-footer {
  grid-area: ts-footer;
}
.theme-ctas {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.theme-cta {
  min-width: unset;
}

.template-builder {
  grid-area: template-builder;
  display: grid;
  grid-template-columns: 1.875rem 1fr;
  grid-template-rows: auto 2.5rem 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "template-builder-title template-builder-title" "template-builder__leftnav template-builder__header" "template-builder__leftnav template-builder__body";
  height: inherit;
  width: 100%;
  min-height: 37.5rem;
  background-color: var(--theme-page-bg-color);
  position: relative;
}
.template-builder-title {
  grid-area: template-builder-title;
  background-color: white;
  font-weight: 600;
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
}
.template-builder__leftnav {
  grid-area: template-builder__leftnav;
  background-color: var(--navbar-bg);
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: 0.0625rem solid var(--navbar-bg);
  border-bottom: 0.0625rem solid var(--navbar-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.template-builder__leftnav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--navbar-bg);
  font-size: 1.5rem;
}
.template-builder__leftnav-item:after {
  content: "\f004";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.875rem;
  font-weight: 300;
  position: absolute;
  top: 0.3125rem;
  left: 0.1875rem;
  bottom: 0;
  right: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  color: var(--navbar-item-color);
  border-radius: 6.25rem;
  display: flex;
}
.template-builder__leftnav-item--primary {
  color: var(--navbar-item-hover);
}
.template-builder__leftnav-item--primary:after {
  font-weight: 900;
  color: var(--navbar-item-active);
}
.template-builder__header {
  grid-area: template-builder__header;
  background-color: var(--white);
  display: flex;
  align-items: center;
  border-top: 0.0625rem solid var(--border-color);
  border-right: 0.0625rem solid var(--border-color);
  border-bottom: 0.0625rem solid var(--border-color);
  padding-left: 0.25rem;
  border-radius: 0 0.5rem 0 0;
}
.template-builder__header-logo {
  max-height: 1.25rem;
}
.template-builder__dashboard-title {
  line-height: 1.125rem;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  color: var(--accent);
  font-weight: 600;
}
.template-builder__body {
  grid-area: template-builder__body;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0 0 0.5rem 0;
  border-right: 0.0625rem solid var(--border-color);
  border-bottom: 0.0625rem solid var(--border-color);
}
.template-builder__body .mani-body__client-info {
  margin: -0.5rem -0.5rem 0 -0.5rem;
  box-shadow: none;
  font-size: 0.75rem;
  padding: 0.25rem;
}
.template-builder__body .breadcrumbs {
  margin: -0.5rem -0.5rem 0 -0.5rem;
}
.template-builder__body .breadcrumbs .breadcrumb {
  height: unset;
  padding: 0 0 0 0.5rem;
}
.template-builder__body .breadcrumbs .breadcrumb .breadcrumb-item {
  font-size: 0.75rem;
}
.template-builder__body .breadcrumbs .breadcrumb .breadcrumb-item a:after {
  font-size: 0.625rem;
}
.template-builder__body .dataTables_wrapper tr,
.template-builder__body .dataTables_wrapper td {
  font-size: 0.75rem;
}
.template-builder__body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  font-size: 0.75rem;
  padding: 0 0.5rem;
}
.template-builder__body .dataTables_info {
  font-size: 0.75rem;
  padding: 0;
  line-height: unset;
  height: 1.25rem;
}
.template-builder__body .paginate_button {
  font-size: 0.75rem;
}
.template-builder__body .bottom {
  font-size: 0.75rem;
}
.template-builder__body .card {
  margin: 0;
  padding: 1rem;
}
.template-builder__body .card-dash {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  gap: 0.5rem;
}
.template-builder__body .card-dash .card {
  min-width: 33.3333333%;
  border-radius: var(--card-border-radius);
}
.template-builder__body .card-dash .card .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-builder__body .card-title {
  padding: 0;
  margin: 0;
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.template-builder__body .card-body {
  font-size: 0.5rem;
  line-height: 0.9375rem;
  font-size: 0.625rem;
}
.template-builder__body .card-body img {
  width: 50%;
}
.template-builder__body .card-img img {
  width: 6.25rem;
}
.template-builder__body .primary-btn,
.template-builder__body .secondary-btn {
  padding: 0.375rem 0.875rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-builder__body .primary-btn {
  background-color: var(--primary);
  color: var(--white);
}
.template-builder__body .secondary-btn {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
}
.template-builder__body-btns {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem;
}
.template-builder__body-accent {
  color: var(--accent);
  font-weight: 600;
  padding: 0.5rem;
}
.template-builder__input {
  height: 1.5rem;
  font-size: 0.75rem;
  border: 0.0625rem solid var(--primary);
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
  padding: 0.625rem;
  width: 9.375rem;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  color: var(--gray400);
  position: relative;
}
.template-builder__input label {
  position: absolute;
  top: -1rem;
  left: 0;
  color: var(--gray900);
  font-weight: 600;
  font-size: 0.625rem;
}
.template-builder__input--dropdown {
  justify-content: space-between;
}
.template-builder__input--dropdown i {
  color: Var(--primary);
}
.template-builder__input--required {
  box-shadow: none;
  border-color: var(--border-color);
}
.template-builder__input--required label {
  color: var(--accent);
}
.template-builder__input--required label i {
  font-size: 0.5rem;
  position: absolute;
  left: -0.5625rem;
}
.template-builder__form-elements {
  margin: 1rem 0;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.template-builder__checkbox {
  color: var(--primary);
  font-size: 1.125rem;
}

@media only screen and (max-width: 1280px) {
  .theme-builder {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: " theme-settings" "template-builder" "ts-footer";
  }
}
.theme-tool {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  gap: 1.5rem 5rem;
  grid-auto-flow: row;
  grid-template-areas: "theme-tool__title theme-tool__title" "theme-tool__settings theme-tool__template";
  border: 0.0625rem solid var(--card-border-color);
  margin: 1.5rem;
  padding: 1rem;
  border-radius: var(--card-border-radius);
}

.theme-tool__login .login {
  padding: 4rem;
}
.theme-tool__login .login__bg-image {
  overflow: hidden;
  border-radius: var(--card-border-radius);
}

.theme-tool__title {
  grid-area: theme-tool__title;
  font-size: 1.5rem;
  color: var(--gray500);
  font-weight: 600;
}

.theme-tool__settings {
  grid-area: theme-tool__settings;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "theme-tool__settings-copy" "theme-tool__settings-form" "theme-tool__settings-footer";
}

.theme-tool__settings-copy {
  grid-area: theme-tool__settings-copy;
}

.theme-tool__settings-form {
  grid-area: theme-tool__settings-form;
  border-bottom: 0.0625rem solid var(--card-border-color);
}

.theme-tool__settings-form__cta {
  border-top: 0.0625rem solid var(--card-border-color);
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 1rem 0;
}

.theme-tool__settings-form__body {
  border-top: 0.0625rem solid var(--card-border-color);
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.theme-tool__settings-footer {
  grid-area: theme-tool__settings-footer;
}

.template-builder {
  border-radius: var(--card-border-radius);
}
.template-builder__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.template-builder__background:before {
  content: "";
  background: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  border-radius: var(--card-border-radius);
}
.template-builder__background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius);
}

.theme-tool__template {
  position: relative;
  grid-area: theme-tool__template;
}
.theme-tool__template .tab-content {
  margin-top: 1rem;
}



.integrations {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0.75rem;
  border: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
  border-radius: var(--card-border-radius);
  background: var(--white);
}
.integrations-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.integrations-panel__divider {
  position: relative;
  margin: 1rem 0 0;
  font-size: 1.125rem;
}
.integrations-panel__search {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.25rem 0.5rem;
}
.integrations-panel__search-bar {
  display: flex;
  justify-content: space-between;
}
.integrations-panel__item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 1.5rem;
  grid-template-areas: "." "." ".";
  width: 17.1875rem;
  max-width: 17.1875rem;
  min-width: 17.1875rem;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--border-radius);
  padding: 1rem;
  color: var(--text-color);
  font-weight: normal;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.integrations-panel__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.integrations-panel__item-cta {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.integrations-panel__item-cta a {
  display: flex;
  align-items: center;
  background-color: none !important;
  transition: all 0.3s ease-in-out;
}
.integrations-panel__item-cta a:focus {
  outline: none !important;
}
.integrations-panel__item-cta a:active {
  outline: none !important;
}
.integrations-panel__item-cta .btn {
  font-size: 0.75rem;
}
.integrations-panel__item-cta .dropdown .btn {
  min-width: unset;
  padding: 0.25rem 0.5rem;
}
.integrations-panel__item-cta.dropdown-menu .dropdown-item {
  font-size: 1rem !important;
}
.integrations-panel__item-cta i {
  margin-left: 0.5rem;
}
.integrations-panel__item-checkbox .form-check {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  grid-template-areas: "." " .";
  min-height: unset;
  padding-left: unset;
  margin-bottom: unset;
}
.integrations-panel__item-checkbox .form-check .form-check-label {
  font-size: 0.75rem;
  margin-left: -0.125rem;
  line-height: 0;
}
.integrations-panel__item-checkbox .form-check .form-check-input {
  float: unset;
  margin-left: 0;
}
.integrations-panel__item img {
  width: auto;
  max-height: 1.25rem;
}
.integrations-panel__item:hover {
  box-shadow: var(--box-shadow);
  border-color: var(--white);
}
.integrations-panel__item p, .integrations-panel__item-copy {
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
}
.integrations-panel__item--no-logo {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.integrations-panel__item--no-logo i {
  font-size: 2.25rem;
}
.integrations-panel--empty {
  display: flex;
  padding: 1.5rem 0;
  font-weight: 600;
}
.integrations-panel--adjusted .integrations-panel__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 12.5rem;
  max-width: 12.5rem;
}

.dark-mode .integrations {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
.dark-mode .integrations-panel__item {
  border-color: var(--dark-base);
  background: var(--dark-base);
  color: var(--text-color);
}


.radio-card {
  max-width: var(--max-view-width);
  padding: 1.5rem;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
}
.radio-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.radio-card__header-title {
  font-size: 1rem;
  font-weight: 600;
}
.radio-card__item {
  border-radius: var(--border-radius);
  margin-bottom: 0.75rem;
}
.radio-card__item-label {
  border-radius: var(--border-radius);
  width: 100%;
  padding: 1rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.radio-card__item-title {
  font-size: 1.125rem;
  font-weight: 37.5rem;
  color: var(--accent);
  margin-bottom: 1rem;
}
.radio-card__item-title--icon {
  padding-right: 0.5rem;
}
.radio-card__item-body {
  font-size: 1rem;
}
.radio-card__item.disabled {
  pointer-events: none;
  background: var(--disabled);
  color: var(--gray500);
}
.radio-card__item.checked {
  transition: ease-in-out 250ms;
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.radio-card__item:hover {
  cursor: pointer;
  transition: ease-in-out 250ms;
  background-color: var(--primary-ghost);
  -webkit-tap-highlight-color: var(--primary-ghost);
}

.radio-card__item input {
  display: none;
  position: absolute;
  right: 2rem;
}

.skip-link {
  position: absolute;
  top: -2.5rem;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 0.3125rem;
  text-decoration: none;
  z-index: 9999;
}

.skip-link:focus {
  top: 0;
}

.user-tools {
  min-width: 18.75rem;
  transition: all 0.3s ease-in-out;
}
.user-tools__wrapper {
  background: var(--gray600);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.user-tools__toggle {
  display: none;
  position: absolute;
  top: -2.4375rem;
  right: 0.25rem;
  background: var(--gray600);
  color: var(--white);
  height: 2.375rem;
  width: 3.125rem;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.user-tools .form-label {
  color: var(--white);
  margin-bottom: 0.125rem;
  font-size: 0.625rem;
}
.user-tools .form-check-label {
  color: var(--white);
  font-size: 0.875rem;
  margin-left: 0;
  margin-right: 0.375rem;
}
.user-tools .form-check-input {
  background-color: var(--gray500);
  border: 0.0625rem solid var(--card-border-color);
}
.user-tools .form-switch {
  padding: 0;
}
.user-tools .form-switch .form-check-input {
  width: 1.5625rem !important;
  min-width: 1.5625rem;
  height: 0.875rem;
  min-height: 0.875rem;
  margin: 0;
}
.user-tools .password-indicator {
  width: 0.875rem;
  height: 0.875rem;
  background-color: var(--gray500);
  border-radius: 6.25rem;
  margin-right: 0.375rem;
  transition: all 0.3s ease-in-out;
}
.user-tools .password-indicator--locked {
  background-color: var(--error);
}
.user-tools .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.user-tools .form-element {
  margin: 0;
}
.user-tools .bootstrap-select .filter-option-inner-inner {
  color: var(--white);
}
.user-tools .bootstrap-select .dropdown-toggle {
  max-height: unset;
  border: none;
  background: var(--gray500);
}
.user-tools .dropdown-toggle:after {
  color: var(--white);
}
.user-tools__row {
  display: flex;
  justify-content: space-between;
}
.user-tools__row .btn {
  padding: 0 0.9375rem;
  font-size: 0.75rem;
  min-width: unset;
  background: var(--gray500);
  color: var(--white);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.user-tools__row .btn:hover {
  background-color: var(--primary);
}

.personal-drawer {
  position: fixed;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0.125rem;
  grid-template-areas: "personal-drawer__header" "personal-drawer__body" "personal-drawer__footer";
  height: 100vh;
  background: var(--white);
  width: 21.875rem;
  top: 0;
  bottom: 0;
  right: -25rem;
  z-index: 9999999999;
  box-shadow: var(--shadow-2xl);
  padding: 1.5rem;
  transition: right 0.3s ease-in-out;
}
.personal-drawer__list-cta {
  padding: 0.25rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.personal-drawer__list-cta:hover {
  color: var(--primary);
}
.personal-drawer .logoutButton {
  color: var(--text-color);
  cursor: pointer;
  border: none;
  background: transparent;
  width: 100%;
  transition: all 0.3s ease-in-out;
  text-align: left;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0;
}
.personal-drawer .logoutButton:before {
  margin-top: -0.0625rem;
  content: "\f08b";
  font-family: var(--font-awesome);
}
.personal-drawer .logoutButton:hover {
  color: var(--primary);
}
.personal-drawer .mobile__qr-code {
  width: 6.25rem;
}
.personal-drawer__email {
  border-bottom: 0.0625rem solid var(--gray300);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.125rem;
  grid-template-areas: "." "." ".";
}
.personal-drawer__email-body + .readmore {
  width: -moz-fit-content;
  width: fit-content;
}
.personal-drawer__email-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-drawer__email-date {
  font-size: 0.75rem;
  font-weight: 600;
}
.personal-drawer__email-title {
  font-weight: 600;
}
.personal-drawer__email-title i {
  margin-right: 0.5rem;
}
.personal-drawer__header {
  grid-area: personal-drawer__header;
  display: flex;
  justify-content: space-between;
}
.personal-drawer__header .e-btn {
  color: var(--text-color);
}
.personal-drawer__header .e-btn .e-btn:hover {
  color: var(--primary);
}
.personal-drawer__user-info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-drawer__user-info__initials {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  background: var(--primary-ghost);
  border-radius: 6.25rem;
  color: var(--primary-text);
}
.personal-drawer__user-info__avatar {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: 6.25rem;
  background: var(--primary-ghost);
  color: var(--primary);
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
}
.personal-drawer__user-info__avatar img {
  border-radius: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.personal-drawer__user-info__avatar--image {
  width: 100%;
  width: 2rem;
  height: 2rem;
  border-radius: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.personal-drawer__user-info__avatar--initials {
  background-color: var(--primary-ghost);
  color: var(--primary);
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  box-shadow: 0 0 0 0.1875rem var(--primary-ghost);
}
.personal-drawer__user-info__avatar--cta .personal-drawer__user-info__avatar--initials {
  cursor: pointer;
}
.personal-drawer__user-info__avatar--cta .personal-drawer__user-info__avatar--initials:hover {
  background-color: var(--primary-info);
}
.personal-drawer__user-info__personal {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0.5rem;
  font-size: 0.875rem;
}
.personal-drawer__user-info__email, .personal-drawer__user-info__name {
  width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personal-drawer__user-info__name {
  font-weight: 600;
  font-size: 1.125rem;
}
.personal-drawer__body {
  grid-area: personal-drawer__body;
  margin: 1rem 0 0;
  font-size: 0.875rem;
  overflow: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-template-areas: "." "darkmode-switch";
}
.personal-drawer__body__nav {
  overflow-y: auto;
}
.personal-drawer__body__nav-item {
  padding: 0.25rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color);
  background: transparent;
  border: none;
  cursor: pointer;
}
.personal-drawer__body__nav-item:hover {
  color: var(--primary);
}
.personal-drawer__body__nav .email li:not(:first-of-type) .personal-drawer__email {
  padding-top: 0.5rem;
}
.personal-drawer__body .divider {
  margin: 0.125rem;
  padding: 0.125rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.personal-drawer__body--full {
  height: calc(100vh - 7.875rem);
}
.personal-drawer__version {
  border-top: 0.0625rem dashed var(--card-border-color);
  width: 100%;
  padding: 0.5rem 0;
}
.personal-drawer__version-title {
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.personal-drawer__version-info {
  line-height: 1.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.personal-drawer__footer {
  grid-area: personal-drawer__footer;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 0.5rem;
  grid-template-areas: "." ".";
  height: -moz-fit-content;
  height: fit-content;
}
.personal-drawer__footer-wrapper {
  border-top: 0.0625rem dashed var(--card-border-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
}
.personal-drawer__footer-img {
  width: 5rem;
  padding: 0.3125rem;
  background: white;
  border-radius: var(--border-radius);
}
.personal-drawer__footer-message {
  padding: 0 1.5rem 1rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.personal-drawer.drawer-open {
  right: 0;
}

.dark-mode .personal-drawer__user-info__initials,
.dark-mode .personal-drawer__user-info__avatar {
  color: var(--primary-text);
  background: var(--primary);
}
.dark-mode .personal-drawer {
  background: var(--dark-bg-light);
  border-left: 0.0625rem solid var(--dark-bg-light) !important;
  box-shadow: -0.75rem 0 1rem rgba(0, 0, 0, 0.4588235294);
}
.dark-mode .personal-drawer qrcode-generator svg {
  background: transparent !important;
}


.tax-table {
  grid-area: grid-panel__body;
  max-width: 90rem;
}
.tax-table--full {
  max-width: 100%;
}
.tax-table__title {
  color: var(--Accent, #063798);
  font-family: "Proxima Nova";
  font-weight: 700;
}
.tax-table .panel {
  box-shadow: none;
}
.tax-table__label {
  color: var(--text-text-color, #2a3742);
  font-family: var(--font-family);
  font-weight: 700;
}
.tax-table__col-rightborder {
  border-right: 0.0625rem solid var(--card-border-color, #dcdee0);
}
.tax-table__col-alignleft {
  justify-items: flex-end;
}
.tax-table__col-alignleft .tax-table__form-element {
  margin-left: 4rem;
}
.tax-table__col-noborder {
  align-items: flex-start;
  border-right: none;
}
.tax-table__form-check {
  display: flex;
  align-items: flex-start;
}
.tax-table__form-element .input-group-text {
  color: var(--card-border-color, #dcdee0);
  border: 0.0625rem solid var(--card-border-color, #dcdee0) !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tax-table__form-element .form-control {
  margin-left: 0 !important;
  border-color: var(--card-border-color, #dcdee0);
}
.tax-table__form-element .form-control ::-moz-placeholder {
  color: var(--card-border-color, #dcdee0);
}
.tax-table__form-element .form-control ::placeholder {
  color: var(--card-border-color, #dcdee0);
}
.tax-table__list {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1rem;
  padding-left: 1rem;
}
.tax .divider {
  display: none;
}


.checkbox-group {
  display: flex;
  justify-content: flex-end;
  height: 2rem;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.checkbox-group__item {
  cursor: pointer;
  width: 7rem;
}
.checkbox-group input {
  display: none;
}
.checkbox-group label {
  color: var(--text-color);
  text-align: center;
  display: inline-block;
  padding: 0.25rem 1rem;
  background-color: var(--white);
  width: 100%;
  font-size: 0.875rem;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, all 0.2s ease-in-out;
  border: 0.0625rem solid var(--card-border-color);
  border-right: none;
  border-radius: none !important;
}
.checkbox-group label:hover {
  background-color: var(--primary-ghost);
  transition: all 0.3s ease-in-out;
}
.checkbox-group input[type=checkbox].AllAccess:checked + label {
  background-color: var(--primary);
  color: var(--white);
  font-weight: 600;
  border-color: var(--primary);
}
.checkbox-group input[type=checkbox].NoAccess:checked + label {
  background-color: var(--error);
  color: var(--white);
  font-weight: 600;
  border-color: var(--error);
}
.checkbox-group input[type=checkbox].ReadAccess:checked + label {
  background-color: var(--green50);
  color: var(--white);
  font-weight: 600;
  border-color: var(--green50);
}
.checkbox-group input[type=checkbox].EditAccess:checked + label {
  background-color: var(--primary);
  color: var(--white);
  font-weight: 600;
  border-color: var(--primary);
}
.checkbox-group .checkbox-group__item:first-of-type label {
  border-radius: 0.375rem 0 0 0.375rem;
}
.checkbox-group .checkbox-group__item:last-of-type label {
  border-radius: 0 0.375rem 0.375rem 0;
  border-right: 0.0625rem solid var(--card-border-color);
}

@media screen and (max-width: 768px) {
  .checkbox-group {
    display: flex;
    height: 2rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
  }
  .checkbox-group__item {
    cursor: pointer;
    width: 100%;
  }
}

.message-panel {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "message-panel__img message-panel__wrapper";
  position: relative;
  margin: var(--base-margin);
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
  color: var(--text-color);
  padding: 1.5rem;
  margin: 1.5rem;
  font-size: 0.875rem;
  border-radius: var(--card-border-radius);
  max-width: 50rem;
  font-weight: 500;
  align-items: flex-start;
}
.message-panel__img {
  grid-area: message-panel__img;
}
.message-panel__img img,
.message-panel__img svg {
  width: 4.8125rem;
  height: 4.8125rem;
  margin-right: 1rem;
}
.message-panel__wrapper {
  grid-area: message-panel__wrapper;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  grid-template-areas: "message-panel__title" "message-panel__body";
  height: 100%;
}
.message-panel__cta {
  margin-top: 1rem;
}
.message-panel__title {
  grid-area: message-panel__title;
  display: flex;
  align-items: center;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  min-height: 0;
  margin-bottom: 0.5rem;
}
.message-panel__body {
  grid-area: message-panel__body;
  max-width: 50rem;
  font-size: 0.875rem;
  display: grid;
  grid-auto-rows: auto auto;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 1rem;
  grid-template-areas: "." ".";
}
.message-panel__body .btn {
  background: var(--primary);
  color: var(--white);
  border: 0.0625rem solid var(--primary);
  border-radius: var(--border-radius);
  min-width: 5rem;
  max-height: 2rem;
  padding: 0 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.message-panel__body .btn:hover {
  background-color: var(--primary-hover);
}
.message-panel__collapse-btn, .message-panel__close-button {
  background-color: transparent;
  color: var(--text-color);
  font-size: 1rem;
  border: none;
  cursor: pointer;
  min-width: unset;
  transition: all 0.3s ease-in-out;
}
.message-panel__collapse-btn:focus, .message-panel__collapse-btn:active, .message-panel__close-button:focus, .message-panel__close-button:active {
  background: transparent;
}
.message-panel__collapse-btn:hover, .message-panel__close-button:hover {
  color: var(--primary);
}
.message-panel__collapse-btn.btn-check:checked + .btn, .message-panel__collapse-btn.btn.active, .message-panel__collapse-btn.btn.show, .message-panel__collapse-btn.btn:first-child:active, .message-panel__collapse-btn:not(.btn-check) + .btn:active, .message-panel__close-button.btn-check:checked + .btn, .message-panel__close-button.btn.active, .message-panel__close-button.btn.show, .message-panel__close-button.btn:first-child:active, .message-panel__close-button:not(.btn-check) + .btn:active {
  background-color: transparent;
}
.message-panel__close {
  position: absolute;
  top: 0.625rem;
  right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.message-panel button {
  height: 2.125rem;
}
.message-panel--info {
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
}
.message-panel--warning {
  background: var(--yellow100);
  border: 0.0625rem solid var(--yellow100);
}
.message-panel--success {
  background: var(--green100);
  border: 0.0625rem solid var(--green100);
}
.message-panel--error, .message-panel--broken {
  background: var(--error-ghost);
  border: 0.0625rem solid var(--error-ghost);
}
.message-panel.collapsed .message-panel__body {
  display: none;
}
.message-panel.collapsed .message-panel__close {
  top: 1.25rem;
}
.message-panel.collapsed .message-panel__collapse-btn {
  transform: rotate(180deg);
}
.message-panel.collapsed .message-panel__img {
  display: none;
}
.message-panel.collapsed .message-panel__img img {
  height: 3.125rem;
}
.message-panel--disabled {
  background: var(--disabled);
  border: 0.0625rem solid var(--disabled);
  box-shadow: none;
}


.btn--working {
  position: relative;
}
.btn--working:before {
  font-family: var(--font-awesome);
  font-weight: 900;
  
  content: "\f3f4";
  
  margin-right: 0.375rem;
  display: inline-block;
  animation: spin 1s infinite linear;
}
.btn--success:before {
  font-family: var(--font-awesome);
  font-weight: 900;
  content: "\f058";
  
  margin-right: 0.375rem;
  color: var(--success);
}
.btn--error:before {
  font-family: var(--font-awesome);
  font-weight: 900;
  content: "\f057";
  
  margin-right: 0.375rem;
  color: var(--error);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sortable-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.sortable-section {
  max-width: 56.25rem;
  font-size: 0.875rem;
  display: grid;
  gap: 0.5rem;
}
.sortable-section__drag-area {
  display: grid;
  gap: 0.5rem;
}
.sortable-section__header {
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  color: var(--gray500);
  margin-bottom: 0.5rem;
}
.sortable-section__header-tools {
  display: flex;
}
.sortable-section__header .multiselect.form-element {
  margin: 0;
}
.sortable-section__header .multiselect.form-element .btn {
  font-size: 1.125rem;
}
.sortable-section__header .bootstrap-select .dropdown-toggle:after {
  font-size: 0.875rem;
}
.sortable-section__header .bootstrap-select .dropdown-toggle.show:after {
  margin-top: 0.3125rem;
}
.sortable-section .dropdown {
  width: 3.125rem;
}
.sortable-section .btn {
  min-width: unset;
  display: flex;
  align-items: center;
  padding: 0.0625rem 0.75rem;
}
.sortable-section__container {
  padding: 1rem;
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
}
.sortable-section__container:hover {
  box-shadow: var(--box-shadow);
}
.sortable-section__container:before {
  left: 0.625rem !important;
  top: 1.25rem !important;
  align-items: flex-start !important;
  cursor: n-resize;
}
.sortable-section__container-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.25rem;
  padding: 1rem;
  margin-left: 0.75rem;
  background-color: var(--white);
  border: 0.0625rem solid var(--border-color);
  border-radius: 0.625rem;
}
.sortable-section__container-title {
  display: flex;
  justify-content: space-between;
  margin-left: 0.75rem;
  margin-bottom: 0.875rem;
  background: transparent;
  font-size: 1rem;
  font-weight: 600;
  padding-right: 0.625rem;
}
.sortable-section__options {
  padding: 1rem;
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
}
.sortable-section__options:hover {
  box-shadow: var(--box-shadow);
}
.sortable-section__options:before {
  left: 0.625rem !important;
  top: 1.25rem !important;
  align-items: flex-start !important;
  cursor: n-resize;
}
.sortable-section__options-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.25rem;
  background-color: var(--white);
  border: none;
}
.sortable-section__options-title {
  display: flex;
  justify-content: space-between;
  margin-left: 0.75rem;
  margin-bottom: 0.875rem;
  background: transparent;
  font-size: 1rem;
  font-weight: 600;
  padding-right: 0.625rem;
}
.sortable-section__item {
  padding: 0.375rem 0.5rem 0.375rem 1.5rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  align-items: center;
  min-width: 33%;
}
.sortable-section__item:before {
  left: 0.625rem !important;
  cursor: move;
}
.sortable-section__item.disabled {
  background-color: var(--gray100);
  color: var(--gray400);
}
.sortable-section__item.disabled:before {
  display: none;
}
.sortable-section__item-editable {
  padding: 0.375rem 0.5rem 0.375rem 1.5rem;
  border: none;
  border-radius: var(--border-radius);
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  align-items: center;
  min-width: 33%;
}
.sortable-section__item-editable:before {
  left: 0.625rem !important;
  cursor: move;
}
.sortable-section__item-editable.disabled:before {
  display: none;
}
.sortable-section__item-editable-title {
  width: 100%;
}
.sortable-section__item-editable .form-element {
  margin: 0;
  min-width: 15.625rem;
  width: 100%;
}
.sortable-section__item-actions {
  display: flex;
  gap: 0.5rem;
}
.sortable-section__new {
  padding: 1rem;
  display: grid;
  gap: 0.5rem;
}
.sortable-section__new:before {
  display: none !important;
}
.dark-mode .sortable-section__item,
.dark-mode .sortable-section__container {
  background: var(--dark-bg-light);
}


.button-group {
  display: flex;
  justify-content: flex-end;
  height: 2rem;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.button-group__button {
  color: var(--text-color);
  text-align: center;
  display: inline-block;
  padding: 0.25rem 1rem;
  background-color: var(--white);
  width: 7rem;
  font-size: 0.875rem;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, all 0.2s ease-in-out;
  border: 0.0625rem solid var(--card-border-color);
  border-right: none;
  border-radius: none !important;
  
}
.button-group__button:hover {
  background-color: var(--primary-ghost);
  transition: all 0.3s ease-in-out;
}
.button-group__button:focus {
  background-color: var(--primary);
  color: var(--white);
  font-weight: 600;
}
.button-group__button:active {
  background-color: var(--primary-hover);
  color: var(--white);
}
.button-group__button-link {
  min-width: unset;
  min-height: unset;
  background-color: var(--primary);
  color: var(--white);
}
.button-group__button-link:hover {
  background-color: var(--primary-hover);
  color: var(--white);
}
.button-group__button-link:focus {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
.button-group__button.All-Selected {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  font-weight: 600 !important;
  border: 0.0625rem solid var(--primary) !important;
}

.All-Selected {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  font-weight: 600 !important;
  border: 0.0625rem solid var(--primary) !important;
}

.button-group .button-group__button:first-child {
  border-radius: 0.375rem 0 0 0.375rem;
}

.button-group .button-group__button:last-child {
  border-radius: 0 0.375rem 0.375rem 0;
  border-right: 0.0625rem solid var(--card-border-color);
}

@media screen and (max-width: 768px) {
  .button-group {
    display: flex;
    height: 2rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
  }
  .button-group__button {
    color: var(--text-color);
    text-align: center;
    display: inline-block;
    padding: 0.25rem 1rem;
    background-color: var(--white);
    width: 100%;
    font-size: 0.875rem;
    cursor: pointer;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, all 0.2s ease-in-out;
    border: 0.0625rem solid var(--card-border-color);
    border-radius: none !important;
  }
}

.multi-toggle {
  display: inline-flex;
  background: var(--gray300);
  position: relative;
  border-radius: 10rem;
  padding: 0.125rem;
  gap: 0.25rem;
  z-index: 0;
}
.multi-toggle__state {
  height: 1.75rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 10rem;
  white-space: nowrap;
  z-index: 1;
  transition: all 0.3s ease;
  cursor: pointer;
}
.multi-toggle__state:hover:not(.active) {
  background-color: var(--gray200);
}
.multi-toggle__button {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  height: 1.75rem;
  background-color: var(--white);
  border-radius: 10rem;
  transition: all 0.3s ease;
  z-index: 0;
}

.warning-panel {
  background-color: var(--warning-ghost);
  color: var(--warning-dark);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  font-size: 0.875rem;
}
.warning-panel__title {
  font-weight: 600;
}

:root {
  --canvas-bg-color: #a14646;
  
  --text-color: #000000;
  
}

.signature-tool {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  gap: 0;
  grid-auto-flow: row;
  grid-template-areas: "signature-tool__header" "signature-tool__message" "signature-tool__body" "signature-tool__footer";
  max-width: 40rem;
  padding: 1.5rem;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  margin: 1.5rem;
  background: var(--white);
}
.signature-tool h2 {
  margin: 0;
  color: var(--accent);
}
.signature-tool .form-control {
  max-width: 80ch;
}
.signature-tool .btn {
  transition: all 0.3s ease-in-out;
  min-height: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: unset;
}
.signature-tool .btn:hover {
  background: var(--primary);
  color: var(--white);
}
.signature-tool .btn.active {
  background: var(--primary);
  color: var(--white);
}
.signature-tool .btn.active:hover {
  background: var(--primary-hover);
  color: var(--white);
}
.signature-tool__message {
  grid-area: signature-tool__message;
  font-size: 0.875rem;
  font-weight: 600;
}
.signature-tool__body {
  grid-area: signature-tool__body;
}
.signature-tool__header {
  grid-area: signature-tool__header;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.signature-tool__header .form-check {
  padding-left: unset;
  margin-bottom: unset;
  gap: 0.5rem;
}
.signature-tool__header .form-check .form-check-label {
  margin-left: unset;
  line-height: unset;
  height: 1.5rem;
  font-size: 0.875rem;
}
.signature-tool__header .form-switch .form-check-input {
  margin-left: 0;
}
.signature-tool__text, .signature-tool__drawing {
  display: none;
}
.signature-tool__text.active, .signature-tool__drawing.active {
  display: block;
}
.signature-tool__drawing {
  width: 100%;
  margin: 1rem 0;
  position: relative;
}
.signature-tool__drawing:after {
  content: "Sign Above";
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  opacity: 0.5;
  pointer-events: none;
  font-size: 0.875rem;
}
.signature-tool__drawing canvas {
  width: 100%;
  height: 9.375rem;
  display: block;
  border: 0.0625rem dashed var(--card-border-color);
  border-radius: var(--border-radius);
}
.signature-tool__footer {
  grid-area: signature-tool__footer;
  border-top: 0.0625rem solid var(--card-border-color);
  padding-top: 0.75rem;
  height: 2.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.dark-mode .signature-tool {
  border: none;
  background: var(--dark-bg-light);
}

darkmode-switch {
  display: block;
  grid-area: darkmode-switch;
  padding: 1rem 0;
  border-top: 0.0625rem solid var(--card-border-color);
}

.darkmode-switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.125rem;
}
.darkmode-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.darkmode-switch .labels {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem;
  color: var(--white);
}
.darkmode-switch .label-light, .darkmode-switch .label-dark {
  font-size: 0.75rem;
}
.darkmode-switch .label-light {
  color: var(--text-color);
}
.darkmode-switch .label-dark {
  color: var(--text-color);
  opacity: 0.5;
}
.darkmode-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  filter: drop-shadow(0 -0.0625rem 0.04rem hsla(0deg, 0%, 0%, 0.3));
  border-radius: 2.125rem;
  transition: all 0.2s ease-in-out;
}
.darkmode-switch .slider:before {
  position: absolute;
  content: "";
  height: 1.625rem;
  width: 5.625rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: var(--white);
  border: 0.0625rem solid var(--gray300);
  transition: 0.4s;
  border-radius: 3.125rem;
}
.darkmode-switch input:checked + .slider {
  background-color: var(--dark-border);
  border-color: var(--dark-border);
}
.darkmode-switch input:checked + .slider:before {
  transform: translateX(13.0625rem);
  border-color: var(--dark-bg-light);
  background-color: var(--dark-bg-light);
  filter: drop-shadow(0 -0.0625rem 0.04rem hsla(0deg, 0%, 100%, 0.1));
  width: 5.25rem;
}
.darkmode-switch input:checked + .slider .label-light {
  opacity: 0.5;
}
.darkmode-switch input:checked + .slider .label-dark {
  opacity: 1;
}

.grid-filter {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-filter__left grid-filter__center";
  margin: 1.5rem;
  border-radius: var(--card-border-radius);
  border: 0.0625rem solid var(--card-border-color);
  min-height: 18.75rem;
}
.grid-filter__toggle-drawer {
  background: var(--white);
  color: var(--primary);
  border: none;
  border-radius: var(--border-radius);
  height: 2rem;
  width: 2rem;
  transition: all 0.3s ease-in-out;
}
.grid-filter__toggle-drawer:hover {
  background: var(--primary-ghost);
}
.grid-filter__new {
  background: var(--primary);
  color: var(--white);
  border: none;
  border-radius: var(--border-radius);
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.grid-filter__new:hover {
  background: var(--primary-hover);
}
.grid-filter.left-closed .grid-filter__center-tags {
  display: flex;
}
.grid-filter.left-closed .grid-filter__left {
  width: 0;
  border-right-color: transparent;
}

.grid-filter__left {
  grid-area: grid-filter__left;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3.125rem 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-filter__left-header" "grid-filter__left-body";
  overflow-y: hidden;
  width: 15.625rem;
  border-right: 0.0625rem solid var(--card-border-color);
  transition: all 0.3s ease-in-out;
}
.grid-filter__left-header {
  grid-area: grid-filter__left-header;
  border-bottom: 0.0625rem solid var(--card-border-color);
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  padding: 0 0.5rem;
}
.grid-filter__left-body {
  grid-area: grid-filter__left-body;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  overflow-y: auto;
}
.grid-filter__left-body .form-element {
  margin: 0;
}

.grid-filter__center {
  grid-area: grid-filter__center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3.125rem auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-filter__center-header" "grid-filter__center-tags" "grid-filter__center-table";
  overflow-y: hidden;
}
.grid-filter__center-header {
  grid-area: grid-filter__center-header;
  padding: 0.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-filter__center-header__left-col {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.grid-filter__center-header .form-element {
  margin: 0;
}
.grid-filter__center-tags {
  grid-area: grid-filter__center-tags;
  border-bottom: 0.0625rem solid var(--card-border-color);
  display: none;
}
.grid-filter__center [slot=filter-tags] {
  display: flex;
}
.grid-filter__center filter-tag-component:nth-child(n+4) {
  display: none;
}
.grid-filter__center-tag {
  background: var(--primary-ghost);
  margin: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius);
  font-size: 0.75rem;
  display: flex;
  gap: 0.375rem;
  cursor: pointer;
}
.grid-filter__center-tag .filter-value {
  font-weight: 600;
  color: var(--accent);
}
.grid-filter__center-tag--more {
  display: flex;
  padding: 0.375rem 0;
  font-size: 0.75rem;
  font-weight: 600;
}
.grid-filter__center-table {
  grid-area: grid-filter__center-table;
  overflow: auto;
}

.document-library {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  display: grid;
  gap: 1.5rem;
  grid-template-areas: "dll dlr";
  grid-template-columns: 18.75rem 1fr;
  grid-template-rows: 1fr;
  height: 70vh;
  margin: var(--base-margin);
  max-width: var(--max-view-width);
  overflow-y: hidden;
  padding: var(--base-padding);
}
.document-library--employee {
  margin: 1.5rem 0;
}
.document-library__search {
  display: block;
  position: relative;
  width: 100%;
}
.document-library__search-control {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.375rem 1.9375rem 0.375rem 1rem;
  position: relative;
  transition: all 0.3s ease-in-out;
  width: 100%;
  z-index: 1;
}
.document-library__search-control:focus {
  border: 0.0625rem solid var(--primary-link);
  box-shadow: var(--focus-shadow);
  outline: var(--primary-link);
}
.document-library__search-cta {
  position: absolute;
  right: 0.3125rem;
  top: 0.0625rem;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.document-library__search-cta:hover {
  color: var(--primary-hover);
}
.document-library__search .closeSearch {
  height: 2rem;
  border: none;
  background: transparent;
}
.document-library__search.filled .document-library__search-cta {
  display: flex;
}
.document-library__search.filled:after {
  content: "";
}
.document-library__left {
  align-self: start;
  background: white;
  grid-area: dll;
  position: sticky;
  top: 0;
  z-index: 100;
}
.document-library__left-wrapper {
  padding: 1.5rem;
}
.document-library__left-title {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0.625rem 0;
}
.document-library__right {
  display: grid;
  gap: 0;
  grid-area: dlr;
  grid-auto-flow: row;
  grid-template-areas: "document-library__top-wrapper" "document-library__right-drawer";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  max-width: 50rem;
}
.document-library__right-drawer {
  grid-area: document-library__right-drawer;
  height: 60vh;
  overflow-y: auto;
}
.document-library__top-wrapper {
  align-self: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 0.5rem;
  grid-area: document-library__top-wrapper;
  margin-bottom: 1.5rem;
  position: sticky;
  top: 0;
  z-index: 10;
}
.document-library__top-wrapper:before {
  background-color: var(--white);
  content: "";
  height: 3.8125rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -1rem;
  z-index: 0;
}
.document-library__top-wrapper-cta {
  z-index: 1;
}
.document-library__header {
  background-color: var(--light-gray);
  border-radius: var(--border-radius);
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 0.5rem var(--base-padding);
  position: sticky;
  top: 0;
}
.document-library__subtitle {
  line-height: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.document-library__list {
  margin-left: 0.5rem;
  max-height: 60vh;
  overflow-y: auto;
}
.document-library__list li {
  cursor: pointer;
  padding: 0.5rem;
  color: var(--text-color);
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.document-library__list li:hover {
  color: var(--primary);
}
.document-library__list li.active {
  color: var(--primary);
  font-weight: 700;
}
.document-library__card {
  border-bottom: var(--card-border);
  align-items: flex-start;
  display: flex;
  gap: 2.5rem;
  justify-content: space-between;
  min-height: 3.125rem;
  padding: 1rem;
  line-height: 0.875rem;
}
.document-library__card-cta {
  background-color: transparent;
  border: none;
  color: var(--primary);
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  padding: var(--base-padding);
}
.document-library__card-cta:after {
  content: "\f105";
  font-family: var(--font-awesome);
  font-weight: 400;
  margin-left: 0.25rem;
}
.document-library__card-subtitle {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.3125rem;
}
.document-library__card:last-child {
  border-bottom: 0;
}
.document-library__copy {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.75rem;
  grid-template-areas: "." "." ".";
}
.document-library__copy .read-more-toggle {
  background: none;
  border: none;
  color: var(--primary);
  cursor: pointer;
  font-size: 0.9em;
  padding: 0;
  margin-top: -0.25rem;
  font-size: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
}
.document-library__title {
  color: var(--accent);
  line-height: 1.4;
  font-weight: 600;
}
.document-library__description {
  font-size: 0.875rem;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: max-height 0.3s ease;
  max-height: 4.5em;
  
}
.document-library__description.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  
}

::ng-deep .dark-mode .document-library {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
::ng-deep .dark-mode .document-library__left {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}
::ng-deep .dark-mode .document-library__top-wrapper:before {
  background: var(--dark-bg-light);
}
::ng-deep .dark-mode .document-library__header {
  background: var(--dark-grid-border);
}
::ng-deep .dark-mode .document-library__search-control {
  border: 0.0625rem solid var(--dark-border);
  background: var(--dark-border);
  color: var(--gray100);
}


.action-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1rem;
  padding: 1rem;
  background-color: var(--yellow100);
  border: 0.0625rem solid var(--yellow100);
  border-radius: var(--card-border-radius);
  max-width: 68.75rem;
}
.action-panel__message {
  margin-right: 1rem;
}
.action-panel__CTA {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: auto;
}
.action-panel__CTA .btn-link {
  background-color: transparent;
  border: none;
}

.dark-mode .action-panel {
  background-color: var(--dark-warning-background);
  border: 0.0625rem solid var(--dark-warning-border);
}

#selected-client-info-container {
  z-index: 999;
}



.three-col {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "header header header " "left-nav sub-nav breadcrumbs " "left-nav sub-nav ee-notice " "left-nav sub-nav mani-body " "footer  footer footer ";
  height: 100vh;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.three-col .sub-nav {
  display: block;
}
.three-col.openleft-nav {
  grid-template-columns: 3.25rem 1fr;
  grid-template-areas: "header  header " "left-nav  breadcrumbs " "left-nav ee-notice " "left-nav  mani-body ";
}
.three-col.openleft-nav .sub-nav {
  display: none;
}
.three-col.shrink {
  grid-template-rows: auto auto auto 1fr auto;
}
.three-col.shrink .breadcrumb {
  display: flex;
  align-content: center;
  height: 1.875rem;
  padding: 0.3125rem 1rem;
  font-size: 0.75rem;
}

@media only screen and (max-width: 1024px) {
  .three-col .sub-nav {
    position: fixed;
    left: -18.75rem;
    top: 3.625rem;
    bottom: 0;
    width: 15.625rem;
    z-index: 99998;
    border-right: 0.0625rem solid var(--card-border-color);
    transition: left 0.4s ease-in-out;
  }
}
@media only screen and (max-width: 1024px) {
  .three-col {
    grid-template-columns: 1fr;
    grid-template-areas: "  header " "  breadcrumbs " "ee-notice " "  mani-body ";
  }
}

.two-col {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  grid-template-rows: 3.75rem auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "left-nav  header " "left-nav  breadcrumbs " "left-nav   mani-body ";
  height: 100vh;
  width: 100%;
  background: var(--white);
}
.two-col .sub-nav {
  display: none;
}



.dashboard {
  display: grid;
  grid-template-columns: 3.25rem 1fr;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "header header " "left-nav breadcrumbs " "left-nav ee-notice " "left-nav mani-body " "footer footer ";
  height: 100vh;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.dashboard .sub-nav {
  display: none;
}
.dashboard .mani-body__body {
  display: grid;
  grid-template-areas: "top-widgets " "body-widgets";
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  background-color: var(--body-color);
}
.dashboard .tc-grid {
  margin: 1rem;
}
.dashboard .mani-body__title {
  display: none;
}
.dashboard__message {
  background-color: var(--white);
  padding: 1rem;
  margin: 1rem 0;
  box-shadow: var(--box-shadow);
}
.dashboard__message-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard.shrink {
  grid-template-rows: 2.5rem auto auto 1fr auto;
}

.body-widgets {
  display: grid;
  grid-template-columns: 1fr 1fr 25rem;
  grid-template-rows: auto;
  grid-template-areas: "BWL BWC BWR";
  grid-auto-flow: dense;
  gap: 1rem;
  margin: 1rem;
}
.body-widgets.simple {
  grid-template-areas: "BWL  BWR";
  grid-template-columns: 1fr 25rem;
}
.body-widgets .card {
  margin: 1rem 0;
}
.body-widgets .card-title {
  font-size: 0.875rem;
  margin: 0;
  font-weight: 700;
  color: var(--gray600);
}
.body-widgets__col-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-gap: 0;
  grid-auto-flow: dense;
}
.body-widgets__col--left {
  grid-area: BWL;
}
.body-widgets__col--center {
  grid-area: BWC;
}
.body-widgets__col--right {
  grid-area: BWR;
}

@media only screen and (max-width: 1440px) {
  .body-widgets {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "BWR BWC" "BWL BWC";
  }
  .body-widgets__col--left {
    grid-row: span 6;
  }
}
@media only screen and (max-width: 1024px) {
  .body-widgets {
    grid-template-columns: 1fr;
    grid-template-areas: "BWR" "BWL" "BWC";
    grid-template-rows: auto auto auto;
  }
  .body-widgets__col--left {
    grid-row: span 1;
  }
}
@media only screen and (max-width: 768px) {
  .body-widgets.simple {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "BWL" "BWR";
  }
}
.left-column {
  grid-area: left-column;
}

.right-column {
  grid-area: right-column;
}
.right-column .calendar {
  background: white;
  padding: 1.25rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.125rem 0.375rem rgba(17, 24, 61, 0.08);
}
.right-column .calendar,
.right-column .card {
  margin: 0.625rem;
}
.right-column .fc .fc-toolbar {
  flex-direction: column;
}
.right-column .fc .fc-toolbar .fc-toolbar-chunk:last-of-type {
  justify-content: space-between;
  width: 100%;
  padding-top: 0.625rem;
}

@media only screen and (max-width: 1024px) {
  .dashboard {
    grid-template-columns: 1fr;
    grid-template-areas: " header  " " breadcrumbs  " " mani-body  " "footer ";
  }
}
@media only screen and (max-width: 768px) {
  .dashboard .mani-body__body {
    display: grid;
    grid-template-areas: "top-widgets " "left-column  " " right-column ";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.dark-mode .dtable {
  background-color: var(--dark-bg-light);
  border: 0.0625rem solid var(--dark-bg-light);
}
.dark-mode .dtable .table-body__row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--dark-base);
}
.dark-mode .dtable .table-body .inOut-block {
  background-color: var(--white);
  color: var(--gray100);
}
.dark-mode .dtable .table-body .morning-block {
  background-color: var(--dark-grid-border);
  color: var(--primary);
}

.dark-mode .dashboard-EE__item {
  background-color: var(--dark-bg-light);
  border: 0.0625rem solid var(--dark-bg-light);
}


.breadcrumb .e-dropdownlist {
  padding: 0 0.5rem;
  height: 1.625rem;
  margin: 0.1875rem 0;
  border-color: var(--primary-ghost);
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.breadcrumb .e-input-group {
  border-right: 0.0625rem solid var(--card-border-color);
  border-radius: 0 !important;
  margin-right: 0.375rem;
  padding-right: 0.375rem;
}
.breadcrumb .e-search-icon {
  color: var(--primary) !important;
}

.breadcrumbs {
  background: var(--white);
  z-index: 99;
}


.right-nav {
  grid-area: right-nav;
}


footer {
  grid-area: footer;
}


.sub-nav {
  grid-area: sub-nav;
  background-color: var(--gray100);
  color: var(--text-color);
  border-right: 0.0625rem solid var(--card-border-color);
  overflow-y: auto;
  width: 14.375rem;
}
.sub-nav__search {
  margin: 0 0.5rem 0.5rem 0.5rem;
}
.sub-nav__search .sg_search {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
  transition: box-shadow 0.1s ease-in-out;
}
.sub-nav__search .sg_search:focus-visible {
  border-color: var(--primary);
  outline: none;
  box-shadow: var(--focus-shadow);
}
.sub-nav__page-title {
  color: var(--text-color);
  background: var(--gray100);
  font-weight: 600;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
}
.sub-nav__title {
  color: var(--text-color);
  background: var(--gray100);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
}
.sub-nav__title:after {
  content: "";
  font-family: var(--font-awesome);
}
.sub-nav__title[aria-expanded=false]:after {
  content: "\f107";
}
.sub-nav__title[aria-expanded=true] {
  color: var(--primary);
  background-color: var(--white);
}
.sub-nav__title[aria-expanded=true]:after {
  content: "\f106";
}
.sub-nav__title + .show {
  padding-left: 0.5rem;
  background-color: var(--white);
}
.sub-nav__title.active {
  color: var(--primary);
  background-color: var(--white);
}
.sub-nav__nav-subItem, .sub-nav__nav-item {
  color: var(--gray500);
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
}
.sub-nav__nav-subItem:hover, .sub-nav__nav-subItem.active, .sub-nav__nav-item:hover, .sub-nav__nav-item.active {
  color: var(--primary);
}
.sub-nav__nav-subItem.active, .sub-nav__nav-item.active {
  font-weight: 600;
}
.sub-nav__nav-item {
  display: flex;
  justify-content: space-between;
  border-left: 0.1875rem solid var(--gray400);
  width: 96%;
  font-size: 0.75rem;
}
.sub-nav__nav-subItem {
  padding: 0.75rem 0.5rem;
  border-left: 0.125rem solid var(--gray400);
}
.sub-nav .collapse {
  transition: unset;
}
.sub-nav .collapse a {
  transition: unset;
}
.sub-nav .collapse.show ul {
  background-color: var(--white);
}
.sub-nav .collapse a {
  padding: 0.375rem 1rem;
  margin: 0 1rem;
  border-radius: 0.3125rem;
  background-color: transparent;
  font-size: 0.75rem;
}
.sub-nav .collapse a.sub-nav__title.active {
  background: var(--primary-ghost);
}
.sub-nav .collapse a.sub-nav__title.active:before, .sub-nav .collapse a.sub-nav__title.active:after {
  display: none;
}
.sub-nav__wrapper.searching .sub-nav__title:before, .sub-nav__wrapper.searching .sub-nav__title:after,
.sub-nav__wrapper.searching li:before,
.sub-nav__wrapper.searching li:after {
  display: none;
}

.dark-mode .sub-nav {
  background-color: var(--dark-base);
  color: var(--gray100);
  border-bottom: none;
  border-right: none;
}
.dark-mode .sub-nav__title {
  color: var(--gray100);
  background: var(--dark-base);
}
.dark-mode .sub-nav__title.active {
  color: var(--primary);
  background: var(--dark-grid-border) !important;
}
.dark-mode .sub-nav__title[aria-expanded=true] {
  color: var(--primary) !important;
  background-color: var(--white) !important;
}
.dark-mode .sub-nav__page-title {
  color: var(--gray100);
  background: var(--dark-base);
}
.dark-mode .sub-nav__search .sg_search {
  background: var(--dark-border);
}


.ee-notice {
  grid-area: ee-notice;
  padding: 1rem;
  background-color: var(--primary-ghost);
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 595px) {
  .ee-notice {
    display: flex;
    flex-direction: column;
  }
}

.left-nav {
  grid-area: left-nav;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-right: 0.0625rem solid var(--gray200);
  background-color: var(--navbar-bg);
}
.left-nav__search-close {
  color: var(--gray400);
  position: absolute;
  background: transparent;
  border: none;
  right: 0.0625rem;
  top: 0.3125rem;
  bottom: 0.0625rem;
  transition: all 0.3s ease-in-out;
}
.left-nav__search-close:hover {
  color: var(--gray600);
}
.left-nav nav {
  width: unset;
}
.left-nav__wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 10.1875rem);
  padding: 0;
  border: none;
}
.left-nav__bottom {
  width: 100%;
}
.left-nav__bottom-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left-nav__btn {
  min-height: 3.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--navbar-bg);
  border: none;
}
.left-nav__btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--navbar-bg);
  color: var(--navbar-item-color);
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  font-size: 1.4375rem;
}
.left-nav__btn .btn.closed i:before {
  content: "\f105";
}
.left-nav__btn .btn:hover {
  background-color: var(--navbar-item-hover);
  color: var(--navbar-item-active);
}
.left-nav__navigation {
  margin: 0;
  width: 3.25rem;
}
.left-nav__navigation li {
  margin: 0;
}
.left-nav__navigation__title {
  grid-area: text;
  padding: 0 0.625rem;
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.75rem;
  margin-top: 0.375rem;
  color: var(--gray600);
  display: none;
}
.left-nav__navigation-item {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0;
  margin: 0.25rem;
  border-radius: 0.25rem;
  color: var(--navbar-item-color);
}
.left-nav__navigation-item:hover {
  background-color: var(--navbar-item-hover);
}
.left-nav__navigation-item:hover i,
.left-nav__navigation-item:hover .left-nav__navigation__title {
  color: var(--navbar-item-color);
  font-weight: 200;
}
.left-nav__navigation-item i {
  text-align: center;
  grid-area: icon;
  font-size: 1.125rem;
  color: var(--navbar-item-color);
  font-weight: 100;
}
.left-nav__navigation-item.active {
  border: none;
  background-color: var(--navbar-item-hover);
}
.left-nav__navigation-item.active i {
  font-weight: 900;
  color: var(--navbar-icon-color);
}
.left-nav__navigation--mobile {
  display: none;
}
.left-nav__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left-nav__logo div {
  font-size: 0.625rem;
}
.left-nav__logo img {
  width: 1.5rem;
  height: 1.5rem;
}
.left-nav__logo--mobile {
  padding: 0.625rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  position: sticky;
  top: 0;
  background: var(--var(--white));
  z-index: 10;
}
.left-nav__navigation-item.active {
  color: var(--white);
}
.left-nav__navigation-item.active i {
  color: var(--white);
}
.left-nav__navigation-item.active i:before {
  font-weight: 900;
}

.search-results {
  z-index: 999999999999;
}
.search-results li:not(:first-of-type) {
  margin-top: 1.125rem;
}
.search-results h2,
.search-results h3,
.search-results h4,
.search-results h5,
.search-results h6 {
  margin: 0;
  font-weight: 600;
}
.search-results h2 {
  font-size: 0.875rem;
  border-bottom: 0.0625rem dashed var(--card-border-color);
}
.search-results h3,
.search-results h4,
.search-results h5,
.search-results h6 {
  font-size: 0.75rem;
}


@media only screen and (max-width: 1024px) {
  .left-nav {
    position: fixed;
    left: -20rem;
    top: 3.625rem;
    bottom: 0;
    width: 20rem;
    max-width: unset;
    z-index: 99999;
    height: unset;
    background-color: white;
    transition: left 0.3s ease-in-out;
  }
  .left-nav.open {
    left: 0;
  }
  .left-nav.open ~ .sub-nav {
    left: 20rem;
  }
  .left-nav__navigation .btn {
    text-align: left;
  }
  .left-nav__navigation__title {
    font-size: 1rem;
    margin: 0;
    text-align: left;
  }
  .left-nav__navigation-item {
    background-color: var(--white);
    border-top: 0.0625rem solid var(--card-border-color);
    font-size: 1rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1rem;
    position: relative;
    max-height: 2.5rem;
    height: 2.5rem;
  }
  .left-nav__navigation-item:after {
    display: none;
    font-family: var(--font-awesome);
    content: "\f104";
    position: absolute;
    right: 1.25rem;
    color: var(--gray300);
  }
  .left-nav__navigation-item.active:after {
    content: "\f105";
    color: var(--gray500);
  }
  .left-nav__navigation-item i {
    font-size: 1.125rem;
  }
  .left-nav__navigation-item[aria-expanded=false]:after {
    display: block;
    content: "\f107";
    color: var(--text-color);
  }
  .left-nav__navigation-item[aria-expanded=true]:after {
    display: block;
    content: "\f106";
    color: var(--primary);
  }
  .left-nav__top-logo {
    height: 4.0625rem;
    display: flex !important;
    align-items: center;
    padding: 1rem;
  }
  .left-nav__top-logo img {
    height: 3.125rem;
  }
  .left-nav__btn {
    display: none;
  }
  .left-nav__wrapper {
    width: 20rem;
    background: var(--white);
    height: calc(100vh - 6.6875rem);
    box-shadow: var(--shadow-2xl);
  }
  .left-nav__bottom {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    width: 3.25rem;
  }
  .left-nav__bottom .left-nav__navigation-item {
    border: 0.0625rem solid var(--card-border-color);
    flex-grow: 1;
  }
  .left-nav__bottom .left-nav__navigation-item:after {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .left-nav__navigation {
    width: 100%;
  }
  .left-nav__navigation__title {
    color: var(--text-color);
    display: block;
  }
  .left-nav__navigation-item {
    color: var(--text-color);
  }
  .left-nav__navigation-item i {
    color: var(--text-color);
  }
  .left-nav__navigation-item.active {
    color: var(--primary);
  }
  .left-nav__navigation-item.active i {
    color: var(--primary);
  }
  .left-nav__navigation-item:hover .left-nav__navigation__title,
  .left-nav__navigation-item:hover i {
    color: var(--primary);
    font-weight: 600;
  }
}
@media only screen and (max-width: 768px) {
  .left-nav + .sub-nav {
    display: none;
  }
  .left-nav__bottom {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    width: 100%;
    background: white;
    color: var(--text-color);
  }
  .left-nav:before {
    content: "";
    background: var(--gray600);
    top: 3.625rem;
    left: 0;
    width: 0;
    bottom: 0;
    position: fixed;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
  }
  .left-nav.open {
    top: 3.625rem;
    width: 20rem;
    max-width: 20rem;
  }
  .left-nav.open:before {
    width: 100%;
    opacity: 0.5;
  }
  .left-nav.open .left-nav__navigation-item.active {
    background-color: var(--info);
  }
  .left-nav__navigation.desktop {
    display: none !important;
  }
  .left-nav__navigation.mobile {
    display: block !important;
    background-color: var(--white);
    width: 100%;
  }
  .left-nav__navigation.mobile .left-nav__navigation__title {
    display: block;
  }
  .left-nav__navigation.mobile .btn {
    height: 3.125rem;
    width: 100%;
    border-bottom: 0.0625rem solid var(--card-border-color);
    text-align: left;
    font-weight: 400;
    position: relative;
    border-radius: 0;
    display: block;
    margin: 0;
  }
  .left-nav__navigation.mobile .btn i {
    width: 1.875rem;
  }
  .left-nav__navigation.mobile .btn:after {
    font-family: var(--font-awesome);
    content: "\f107";
    position: absolute;
    right: 1.25rem;
  }
  .left-nav__navigation.mobile .btn[aria-expanded=true]:after {
    content: "\f106";
  }
  .left-nav__navigation.mobile [aria-expanded=true] {
    border-bottom: 0.25rem solid var(--gray300);
  }
}
.dark-mode .leftnav-collapse {
  background-color: var(--dark-base);
  border-right: 0.0625rem solid var(--dark-border);
}
.dark-mode .left-nav__search-close {
  color: var(--dark-bg-light);
}
.dark-mode .left-nav__search-close:hover {
  color: var(--gray400);
}
.dark-mode .leftnav-collapse:before {
  background-color: var(--dark-border);
}

.dark-mode .leftnav-collapse .nav-item.active i {
  color: var(--gray100);
}
.dark-mode .left-nav {
  border-right: 0.0625rem solid var(--dark-border);
  background-color: var(--dark-border);
}
.dark-mode .left-nav__btn {
  background-color: var(--dark-border);
}
.dark-mode .left-nav__btn .btn {
  background-color: var(--dark-border);
}
.dark-mode .left-nav__navigation-item.active i {
  color: var(--gray300);
}


.newNav {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "left-nav header " "left-nav breadcrumbs " "left-nav ee-notice " "left-nav mani-body " "left-nav footer ";
  height: 100vh;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.newNav .footer__wrapper {
  max-width: calc(var(--max-view-width) + 14.875rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}
.newNav footer {
  display: none;
  min-height: 2.5rem;
  background: var(--gray100);
  border-top: 0.0625rem solid var(--card-border-color);
}
.newNav footer.show {
  display: block;
}
.newNav .breadcrumbs {
  display: initial;
}
.newNav .breadcrumb {
  padding: 0 1.5rem;
  background-color: var(--white);
}
.newNav .breadcrumb .breadcrumb-item {
  padding: 0.125rem 0.625rem 0.125rem 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.newNav .breadcrumb .bootstrap-select .dropdown-toggle {
  padding: 0.25rem 0.625rem 0.25rem 0;
}
.newNav .mani-body__title h1 {
  padding: 0 1.5rem;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray500);
  transition: all 0.3s ease-in-out;
}
.newNav.shrink {
  grid-template-rows: auto auto auto 1fr auto;
}
.newNav.shrink .header {
  height: 2.5rem;
}
.newNav.shrink .header__client-logo img {
  height: 1.875rem;
  max-height: 1.875rem;
  max-width: unset;
}
.newNav.shrink .mani-body__title {
  height: 2.5rem;
}
.newNav.shrink .user-tools {
  position: fixed;
  right: 0;
  margin-top: 2.5625rem;
}
.newNav.shrink .user-tools__toggle {
  display: flex;
}

@media only screen and (max-width: 595px) {
  :root {
    --navbar-item-color: var(--text-color) !important ;
  }
  .new-header {
    padding: 0 0 0 3.0625rem !important;
  }
  .leftnav-collapse {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10;
    margin-left: unset;
  }
  .leftnav-collapse:before {
    display: none;
  }
  .leftnav-collapse .nav-link {
    gap: 1rem !important;
  }
  .leftnav-collapse__header {
    gap: 0.75rem !important;
    position: absolute;
    right: 0;
    z-index: 100;
  }
  .leftnav-collapse.closed {
    margin-left: -3.75rem;
  }
  .leftnav-collapse.closed .leftnav-collapse__header {
    right: -3.75rem;
  }
  .newNav {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr auto;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "header header " "breadcrumbs breadcrumbs " "ee-notice ee-notice " "mani-body mani-body " "footer footer ";
    height: 100vh;
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
}
.leftnav-collapse {
  grid-area: left-nav;
  position: relative;
  background-color: var(--gray100);
  padding: 0;
  max-width: 20rem;
  width: 18.75rem;
  height: 100%;
  border-right: 0.0625rem solid var(--card-border-color);
  box-shadow: var(--box-shadow);
  transition: width 0.1s ease-in-out;
}
.leftnav-collapse:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3.1875rem;
  background: var(--navbar-bg);
}
.leftnav-collapse ul {
  margin: 0;
}
.leftnav-collapse.closed {
  width: 3.1875rem;
}
.leftnav-collapse.closed .nav-wrapper .nav-item {
  max-height: 1.875rem;
}
.leftnav-collapse.closed .nav-item:after {
  display: none;
}
.leftnav-collapse.closed .nav-item:before {
  width: 1.8125rem;
  height: 1.8125rem;
  top: 0.25rem;
  left: 0.25rem;
}
.leftnav-collapse.closed .nav-item:hover .nav-item__title {
  display: block;
}
.leftnav-collapse.closed .leftnav-collapse__sub-nav {
  display: none !important;
}
.leftnav-collapse.closed .nav-link span,
.leftnav-collapse.closed .parent-toggle span {
  display: none;
}
.leftnav-collapse.closed .nav-link:after,
.leftnav-collapse.closed .parent-toggle:after {
  display: none;
}
.leftnav-collapse.closed .leftnav-collapse__header-wrapper {
  display: none;
}
.leftnav-collapse__sub-nav {
  display: none;
}
.leftnav-collapse .parent-toggle,
.leftnav-collapse .nav-link {
  text-decoration: none;
}
.leftnav-collapse .parent-toggle:hover,
.leftnav-collapse .nav-link:hover {
  color: var(--white);
}
.leftnav-collapse .parent-toggle:after {
  font-family: var(--font-awesome);
  content: "\f107";
  position: absolute;
  right: 0;
}
.leftnav-collapse .search-result-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.leftnav-collapse .search-result-container:not(:first-child) {
  padding-top: 0.625rem;
}
.leftnav-collapse .ancestor-text {
  font-weight: 700;
  font-size: 0.75rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.leftnav-collapse .nav-search-result {
  margin-left: 0.625rem;
  cursor: pointer;
}
.leftnav-collapse__header-wrapper {
  width: 100%;
  position: relative;
}
.leftnav-collapse__header-wrapper .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  height: 1.875rem;
  width: 1.375rem;
  font-size: 0.625rem;
  background: unset;
  padding: 0;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
}
.leftnav-collapse__header-wrapper .btn-close:before {
  content: "\f00d";
  font-family: var(--font-awesome);
  font-size: 0.875rem;
}

.leftnav-collapse .nav-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 6.25rem;
  padding-left: 0.375rem;
}
.leftnav-collapse .nav-wrapper .nav-item {
  padding: 0 0.625rem;
}
.leftnav-collapse .nav-wrapper .nav-item:hover .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav .nav-title {
  font-size: 0.75rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 {
  margin-left: 2.5rem !important;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item:hover .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-title {
  font-size: 0.8125rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-link {
  padding: 0.25rem 0.625rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item:before {
  display: none;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item:hover:before {
  content: "\f0e7";
  background-color: transparent;
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item.active .nav-title {
  color: var(--primary);
  font-weight: 600;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item .nav-title {
  color: var(--text-color);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic {
  padding-left: 1.375rem;
  border-radius: var(--border-radius);
  background: var(--white);
  padding: 0.25rem 0.625rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic:before {
  display: block;
  font-family: var(--font-awesome);
  content: "\f0e7";
  font-weight: 900;
  font-size: 0.875rem;
  top: 0.4375rem;
  left: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--accent);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic.has-subnav:after {
  top: 0.4375rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic:hover .nav-link {
  background-color: transparent;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic:hover .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic.open .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic.active {
  background-color: var(--primary-ghost);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--1 .nav-item--dynamic .nav-link {
  padding: 0 0 0 1rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 {
  margin: 0 0 0 1rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2:before {
  content: "";
  height: 1.875rem;
  width: 1.875rem;
  display: none;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item {
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: unset;
  font-weight: 500;
  border-radius: var(--border-radius);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item:hover .nav-link {
  color: var(--primary);
  background-color: var(--primary-ghost);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item:hover .nav-link .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item:hover .leftnav-collapse__sub-nav--2 .nav-item:hover .nav-link {
  color: var(--text-color);
  background-color: transparent;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item:hover .leftnav-collapse__sub-nav--2 .nav-item:hover .nav-link .nav-title {
  color: var(--primary);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item i {
  display: none;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item .nav-link {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius);
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item .nav-title {
  font-size: 0.8125rem;
  color: var(--text-color) !important;
  font-weight: 400 !important;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item.active {
  background: var(--primary-ghost);
  border-radius: var(--border-radius) !important;
  color: var(--primary) !important;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav--2 .nav-item.active .nav-title {
  color: var(--primary) !important;
  font-weight: 600 !important;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav.open {
  display: grid;
  gap: 0.25rem;
}
.leftnav-collapse .nav-wrapper .leftnav-collapse__sub-nav.open .nav-link {
  color: var(--text-color);
}

.leftnav-collapse__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.8125rem;
  margin: 0.5rem 0 0.75rem 0;
  position: relative;
  padding: 0 0.9375rem;
}
.leftnav-collapse__header .sg_search {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
  padding-right: 1.875rem;
  transition: box-shadow 0.1s ease-in-out;
}
.leftnav-collapse__header .hamburger {
  position: relative;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  margin-left: -0.6875rem;
}
.leftnav-collapse__header .hamburger span {
  display: block;
  height: 0.125rem;
  width: 1.25rem;
  left: 0.625rem;
  background: var(--navbar-item-color);
  position: absolute;
  transform: rotate(0deg);
  border-radius: 6.25rem;
  width: 20px;
  transition: all 0.18s ease-in-out;
}
.leftnav-collapse__header .hamburger span:first-child {
  top: 0.8125rem;
  width: 1.25rem;
}
.leftnav-collapse__header .hamburger span:last-child {
  bottom: 0.625rem;
  width: 1.25rem;
}
.leftnav-collapse__header .hamburger[aria-expanded=true] span {
  top: 1.1875rem;
  width: 0;
}
.leftnav-collapse__header .hamburger[aria-expanded=true] span:first-child {
  transform: rotate(45deg);
  width: 1.25rem;
  opacity: 1;
}
.leftnav-collapse__header .hamburger[aria-expanded=true] span:last-child {
  transform: rotate(-45deg);
  width: 1.25rem;
  opacity: 1;
}
.leftnav-collapse__header .hamburger:hover span {
  background: var(--primary);
}

.leftnav-collapse .nav-title {
  color: var(--text-color);
  display: block;
  font-size: 0.875rem;
}
.leftnav-collapse .nav-title:hover {
  color: var(--primary);
}
.leftnav-collapse .nav-link {
  display: flex;
  align-items: center;
  gap: 1.9375rem;
  color: var(--navbar-item-color);
  padding: 0.625rem 0;
  font-size: 0.875rem;
}
.leftnav-collapse .nav-link:focus {
  outline: none;
}
.leftnav-collapse .nav-link i {
  min-height: 1.0625rem;
  min-width: 1.0625rem;
  max-width: 1.0625rem;
  font-size: 1.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leftnav-collapse .nav-link i:before {
  transition: all 0.3s ease-in-out;
}
.leftnav-collapse .nav-link[aria-expanded=true] .nav-title {
  color: var(--primary);
  font-weight: 700;
}
.leftnav-collapse .nav-item {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.leftnav-collapse .nav-item:before {
  content: "";
  background-color: transparent;
  position: absolute;
  left: -0.0625rem;
  top: 0.0625rem;
  height: 2.5rem;
  width: 2.5rem;
  transition: all 0.3s ease-in-out;
}
.leftnav-collapse .nav-item::marker {
  display: inline;
}
.leftnav-collapse .nav-item:hover:before {
  content: "";
  background-color: var(--navbar-item-hover);
}
.leftnav-collapse .nav-item:hover .nav-link i:before {
  font-weight: 900;
}
.leftnav-collapse .nav-item.has-subnav:after {
  font-family: var(--font-awesome);
  content: "\f107";
  position: absolute;
  top: 0.875rem;
  right: 0.625rem;
  font-size: 0.875rem;
  pointer-events: none;
}
.leftnav-collapse .nav-item.has-subnav.open i {
  color: var(--white);
}
.leftnav-collapse .nav-item.has-subnav.open i:before {
  font-weight: 900;
}
.leftnav-collapse .nav-item.has-subnav.open:after {
  content: "\f106";
  color: var(--primary);
}
.leftnav-collapse .nav-item.active i {
  color: var(--white);
}
.leftnav-collapse .nav-item.active i:before {
  font-weight: 900;
}
.leftnav-collapse .nav-item.active:before {
  background-color: var(--navbar-item-hover);
}

.leftnav-collapse .search-results {
  position: absolute;
  top: 2.8125rem;
  background: var(--white);
  left: 3.125rem;
  width: 16.875rem;
  z-index: 11;
  padding: 1rem;
  box-shadow: var(--box-shadow-large);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
}
.leftnav-collapse .search-results .nav-link {
  color: var(--text-color);
  gap: 0;
}
.leftnav-collapse .search-results .nav-link:hover {
  color: var(--primary);
}
.leftnav-collapse .search-results.empty {
  display: none;
}
.leftnav-collapse .search-results .search-result-container {
  max-height: 18.75rem;
  overflow-y: auto;
}

.leftnav-collapse .nav-item .nav-lateral-select {
  width: 14.5625rem;
  margin: 0 0 0.3125rem 2.4375rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.375rem;
}
.leftnav-collapse .nav-item .nav-lateral-select .bootstrap-select .filter-option-inner-inner {
  color: var(--primary);
}
.leftnav-collapse .nav-item .nav-lateral-select .bootstrap-select .dropdown-toggle {
  background-color: var(--primary-ghost);
}
.leftnav-collapse .nav-item .nav-lateral-select .bootstrap-select .bootstrap-select .filter-option-inner-inner {
  color: var(--primary);
}
.leftnav-collapse .nav-item .nav-lateral-select .bootstrap-select .bootstrap-select .dropdown-toggle {
  background-color: var(--primary-ghost);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .filter-option-inner-inner {
  color: var(--text-color);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .dropdown-toggle {
  max-height: unset;
  background: var(--white);
  border: 0.0625rem solid var(--card-border-color);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .dropdown-toggle:after {
  color: var(--text-color);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .dropdown-toggle:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .dropdown-toggle:hover:after {
  color: var(--white);
}
.leftnav-collapse .nav-item.open .nav-lateral-select .bootstrap-select .dropdown-toggle:hover .filter-option-inner-inner {
  color: var(--white);
}

.mani-body__title.adjusted h1 {
  line-height: 0;
  display: flex;
  align-items: center;
}

.dark-mode .leftnav-collapse .nav-item.has-subnav.open i {
  color: var(--gray100);
}

.new-nav {
  
  
}
.new-nav .three-col {
  display: grid;
  grid-template-columns: 18.75rem 1fr;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "left-nav  header " "left-nav  breadcrumbs " "left-nav  ee-notice " "left-nav  mani-body " "footer   footer ";
  height: 100vh;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.new-nav .three-col .sub-nav {
  display: block;
}
.new-nav .three-col .leftnav-collapse__header-wrapper {
  display: block;
}
.new-nav .three-col.openleft-nav {
  grid-template-columns: 3.25rem 1fr;
  grid-template-areas: "left-nav  header " "left-nav  breadcrumbs " "left-nav ee-notice " "left-nav  mani-body ";
  transition: all 0.3s ease-in-out;
}
.new-nav .three-col.openleft-nav .leftnav-collapse__header-wrapper {
  display: none;
}
.new-nav .three-col.openleft-nav .leftnav-collapse .nav-link {
  width: 2rem;
  height: 2.5rem;
}
.new-nav .three-col.openleft-nav .nav-title {
  display: none;
}
.new-nav .three-col.shrink {
  grid-template-rows: auto auto auto 1fr auto;
}
.new-nav .three-col.shrink .breadcrumb {
  display: flex;
  align-content: center;
  height: 1.875rem;
  padding: 0.3125rem 1rem;
  font-size: 0.75rem;
}
.new-nav .left-nav {
  grid-area: left-nav;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-right: 0.0625rem solid var(--gray200);
  background-color: var(--navbar-bg);
  transition: all 0.3s ease-in-out;
}
.new-nav .left-nav__search-close {
  color: var(--gray400);
  position: absolute;
  background: transparent;
  border: none;
  right: 0.0625rem;
  top: 0.3125rem;
  bottom: 0.0625rem;
  transition: all 0.3s ease-in-out;
}
.new-nav .left-nav__search-close:hover {
  color: var(--gray600);
}
.new-nav .left-nav nav {
  width: unset;
}
.new-nav .left-nav__wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 10.1875rem);
  padding: 0;
  border: none;
}
.new-nav .left-nav__bottom {
  width: 100%;
}
.new-nav .left-nav__bottom-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-nav .left-nav__btn {
  min-height: 3.6875rem;
  align-items: center;
  justify-content: center;
  background-color: var(--navbar-bg);
  border: none;
  display: none;
}
.new-nav .left-nav__btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--navbar-bg);
  color: var(--navbar-item-color);
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  font-size: 1.4375rem;
}
.new-nav .left-nav__btn .btn.closed i:before {
  content: "\f105";
}
.new-nav .left-nav__btn .btn:hover {
  background-color: var(--navbar-item-hover);
  color: var(--navbar-item-active);
}
.new-nav .left-nav__navigation {
  margin: 0;
  width: 3.25rem;
}
.new-nav .left-nav__navigation li {
  margin: 0;
}
.new-nav .left-nav__navigation__title {
  grid-area: text;
  padding: 0 0.625rem;
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.75rem;
  margin-top: 0.375rem;
  color: var(--gray600);
  display: none;
}
.new-nav .left-nav__navigation-item {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0;
  margin: 0.25rem;
  border-radius: 0.25rem;
  color: var(--navbar-item-color);
}
.new-nav .left-nav__navigation-item:hover {
  background-color: var(--navbar-item-hover);
}
.new-nav .left-nav__navigation-item:hover i,
.new-nav .left-nav__navigation-item:hover .left-nav__navigation__title {
  color: var(--navbar-item-color);
  font-weight: 200;
}
.new-nav .left-nav__navigation-item i {
  text-align: center;
  grid-area: icon;
  font-size: 1.125rem;
  color: var(--navbar-item-color);
  font-weight: 100;
}
.new-nav .left-nav__navigation-item.active {
  border: none;
  background-color: var(--navbar-item-hover);
}
.new-nav .left-nav__navigation-item.active i {
  font-weight: 900;
  color: var(--navbar-icon-color);
}
.new-nav .left-nav__navigation--mobile {
  display: none;
}
.new-nav .left-nav__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-nav .left-nav__logo div {
  font-size: 0.625rem;
}
.new-nav .left-nav__logo img {
  width: 1.5rem;
  height: 1.5rem;
}
.new-nav .left-nav__logo--mobile {
  padding: 0.625rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
  position: sticky;
  top: 0;
  background: var(--var(--white));
  z-index: 10;
}
.new-nav .left-nav__navigation-item.active {
  color: var(--white);
}
.new-nav .left-nav__navigation-item.active i {
  color: var(--white);
}
.new-nav .left-nav__navigation-item.active i:before {
  font-weight: 900;
}
.new-nav .search-results {
  width: 15.125rem !important;
  z-index: 999999;
}
.new-nav .search-results .ancestor-text + .ancestor-text {
  margin-left: 0.5rem;
  border-bottom: 0.0625rem dashed var(--card-border-color);
  padding-bottom: 0.25rem;
}
.new-nav .search-results li {
  font-size: 0.75rem;
  font-weight: 600;
}
.new-nav .search-results li:not(:first-of-type) {
  margin-top: unset;
}
.new-nav .search-results li a {
  margin-left: 0.25rem;
  font-size: 0.875rem;
}
.new-nav .search-results li ul > li {
  margin-left: 0.25rem;
}
.new-nav .search-results li ul > li > ul > li {
  margin-left: 0.25rem;
}
.new-nav .search-results li ul > li > ul > li > ul > li {
  margin-left: 0.25rem;
}
.new-nav .search-results li ul > li > ul > li > ul > li > ul > li {
  margin-left: 0.25rem;
}
.new-nav .search-results h2,
.new-nav .search-results h3,
.new-nav .search-results h4,
.new-nav .search-results h5,
.new-nav .search-results h6 {
  margin: 0;
  font-weight: 600;
}
.new-nav .search-results h2 {
  font-size: 0.875rem;
  border-bottom: 0.0625rem dashed var(--card-border-color);
}
.new-nav .search-results h3,
.new-nav .search-results h4,
.new-nav .search-results h5,
.new-nav .search-results h6 {
  font-size: 0.75rem;
}
.new-nav .leftnav-collapse__header .hamburger {
  margin-left: -1.0625rem;
}
.new-nav #newLeftNav .nav-item.open:before {
  background-color: var(--navbar-item-hover);
}
@media only screen and (max-width: 595px) {
  .new-nav .left-nav:before {
    content: "";
    background: var(--gray600);
    top: 3.625rem;
    left: 0;
    width: 0;
    bottom: 0;
    position: fixed;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
  }
  .new-nav .left-nav.open {
    top: 3.625rem;
    width: 20rem;
    max-width: 20rem;
  }
  .new-nav .left-nav.open:before {
    width: 100%;
    opacity: 0.5;
  }
  .new-nav .left-nav.open .left-nav__navigation-item.active {
    background-color: var(--info);
  }
  .new-nav .left-nav__navigation.desktop {
    display: none !important;
  }
  .new-nav .left-nav__navigation.mobile {
    display: block !important;
    background-color: var(--white);
  }
  .new-nav .left-nav__navigation.mobile .btn {
    height: 3.125rem;
    width: 100%;
    border-bottom: 0.0625rem solid var(--card-border-color);
    text-align: left;
    font-weight: 400;
    position: relative;
    border-radius: 0;
    display: block;
    margin: 0;
  }
  .new-nav .left-nav__navigation.mobile .btn i {
    width: 1.875rem;
  }
  .new-nav .left-nav__navigation.mobile .btn:after {
    font-family: var(--font-awesome);
    content: "\f107";
    position: absolute;
    right: 1.25rem;
  }
  .new-nav .left-nav__navigation.mobile .btn[aria-expanded=true]:after {
    content: "\f106";
  }
  .new-nav .left-nav__navigation.mobile [aria-expanded=true] {
    border-bottom: 0.25rem solid var(--gray300);
  }
}
@media only screen and (max-width: 1024px) {
  .new-nav .left-nav {
    position: fixed;
    left: -20rem;
    top: 3.625rem;
    bottom: 0;
    width: 20rem;
    max-width: unset;
    z-index: 999;
    height: unset;
    background-color: var(--white);
    transition: left 0.3s ease-in-out;
  }
  .new-nav .left-nav.open {
    left: 0;
  }
  .new-nav .left-nav.open ~ .sub-nav {
    left: 18.75rem;
  }
  .new-nav .left-nav__navigation .btn {
    text-align: left;
  }
  .new-nav .left-nav__navigation__title {
    font-size: 1rem;
    margin: 0;
    text-align: left;
  }
  .new-nav .left-nav__navigation-item {
    background-color: var(--white);
    border-top: 0.0625rem solid var(--card-border-color);
    font-size: 1rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1rem;
    position: relative;
    max-height: 2.5rem;
    height: 2.5rem;
  }
  .new-nav .left-nav__navigation-item:after {
    display: none;
    font-family: var(--font-awesome);
    content: "\f104";
    position: absolute;
    right: 1.25rem;
    color: var(--gray300);
  }
  .new-nav .left-nav__navigation-item.active:after {
    content: "\f105";
    color: var(--gray500);
  }
  .new-nav .left-nav__navigation-item i {
    font-size: 1.125rem;
  }
  .new-nav .left-nav__navigation-item[aria-expanded=false]:after {
    display: block;
    content: "\f107";
    color: var(--text-color);
  }
  .new-nav .left-nav__navigation-item[aria-expanded=true]:after {
    display: block;
    content: "\f106";
    color: var(--primary);
  }
  .new-nav .left-nav__top-logo {
    height: 4.0625rem;
    display: flex !important;
    align-items: center;
    padding: 1rem;
  }
  .new-nav .left-nav__top-logo img {
    height: 3.125rem;
  }
  .new-nav .left-nav__btn {
    display: none;
  }
  .new-nav .left-nav__wrapper {
    width: 20rem;
    background: var(--white);
    height: calc(100vh - 6.6875rem);
    box-shadow: var(--shadow-2xl);
  }
  .new-nav .left-nav__bottom {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    width: 3.25rem;
  }
  .new-nav .left-nav__bottom .left-nav__navigation-item {
    border: 0.0625rem solid var(--card-border-color);
    flex-grow: 1;
  }
  .new-nav .left-nav__bottom .left-nav__navigation-item:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .new-nav .left-nav__navigation-item:hover .left-nav__navigation__title,
  .new-nav .left-nav__navigation-item:hover i {
    color: var(--primary);
    font-weight: 600;
  }
}
.new-nav .dark-mode .leftnav-collapse {
  background-color: var(--dark-base);
  border-right: 0.0625rem solid var(--dark-border);
}
.new-nav .dark-mode .left-nav__search-close {
  color: var(--dark-bg-light);
}
.new-nav .dark-mode .left-nav__search-close:hover {
  color: var(--gray400);
}
.new-nav .dark-mode .leftnav-collapse:before {
  background-color: var(--dark-border);
}
.new-nav .dark-mode .left-nav {
  border-right: 0.0625rem solid var(--dark-border);
  background-color: var(--dark-border);
}
.new-nav .dark-mode .left-nav__btn {
  background-color: var(--dark-border);
}
.new-nav .dark-mode .left-nav__btn .btn {
  background-color: var(--dark-border);
}
.new-nav .dark-mode .left-nav__navigation-item.active i {
  color: var(--gray300);
}
@media only screen and (max-width: 1024px) {
  .new-nav .three-col {
    grid-template-columns: 1fr;
    grid-template-areas: "  header " "  breadcrumbs " "ee-notice " "  mani-body ";
  }
  .new-nav .three-col .leftnav-collapse {
    position: fixed;
    z-index: 99999999;
    left: -25rem;
    transition: all 0.4s ease-in-out;
  }
  .new-nav .three-col .leftnav-collapse .leftnav-collapse__header .hamburger {
    position: fixed;
    top: 0.375rem;
    left: 1rem;
  }
  .new-nav .three-col .leftnav-collapse .nav-item.has-subnav.open i {
    color: var(--primary);
  }
  .new-nav .three-col .sub-nav {
    position: fixed;
    left: -18.75rem;
    top: 3.625rem;
    bottom: 0;
    width: 15.625rem;
    z-index: 99998;
    border-right: 0.0625rem solid var(--card-border-color);
    transition: left 0.2s ease-in-out;
  }
  .new-nav .three-col .sub-nav__title {
    padding: 0.5rem 0;
  }
  .new-nav .three-col .sub-nav__wrapper .sub-nav {
    position: relative;
    left: 0;
    top: 0;
    width: unset;
  }
  .new-nav .three-col .sub-nav__wrapper .sub-nav__title {
    padding: 0.5rem 0;
    background-color: transparent;
  }
  .new-nav .three-col .leftnav-collapse__header-wrapper {
    display: none;
  }
  .new-nav .three-col .nav-title {
    display: none;
  }
  .new-nav .three-col.openleft-nav {
    grid-template-columns: 1fr;
    grid-template-areas: "  header " "  breadcrumbs " "ee-notice " "  mani-body ";
  }
  .new-nav .three-col.openleft-nav .leftnav-collapse {
    left: 0;
  }
  .new-nav .three-col.openleft-nav .leftnav-collapse .leftnav-collapse__header .hamburger {
    position: relative;
    top: unset;
    left: unset;
  }
  .new-nav .three-col.openleft-nav .leftnav-collapse__header-wrapper {
    display: block;
  }
  .new-nav .three-col.openleft-nav .nav-link {
    width: unset !important;
    height: unset;
  }
  .new-nav .three-col.openleft-nav .nav-title {
    display: block;
  }
  .new-nav #toggleleft-nav {
    opacity: 0 !important;
    pointer-events: none;
    width: 2.5rem !important;
  }
}
@media only screen and (min-width: 1025px) {
  .new-nav .openleft-nav .leftnav-collapse__sub-nav {
    display: none !important;
  }
}


.header {
  grid-area: header;
  position: sticky;
  top: 0;
  z-index: 101;
  background-color: var(--white);
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--gray200);
  height: 3.75rem;
  transition: all 0.3s ease-in-out;
}
.header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  background-color: var(--white);
  color: var(--gray500);
  position: relative;
  border-radius: var(--border-radius);
}
.header__cta:focus, .header__cta:active {
  outline: none;
}
.header__cta:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.header__cta--message i, .header__cta--error i, .header__cta--warning i, .header__cta--success i, .header__cta--info i, .header__cta--help i {
  position: relative;
  display: block;
}
.header__cta--message i:after, .header__cta--error i:after, .header__cta--warning i:after, .header__cta--success i:after, .header__cta--info i:after, .header__cta--help i:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 6.25rem;
  top: 0;
  right: 0;
}
.header__cta--message i:after, .header__cta--error i:after {
  content: "";
  background-color: var(--error);
  box-shadow: 0 0 0 0.125rem var(--error-ghost);
}
.header__cta--warning i:after {
  content: "";
  background-color: var(--warning);
  box-shadow: 0 0 0 0.125rem var(--warning-ghost);
}
.header__cta--success i:after {
  content: "";
  background-color: var(--success);
  box-shadow: 0 0 0 0.125rem var(--success-ghost);
}
.header__cta--help i:after {
  content: "";
  background-color: var(--help);
  box-shadow: 0 0 0 0.125rem var(--help-ghost);
}
.header__cta--information i:after {
  content: "";
  background-color: var(--primary);
  box-shadow: 0 0 0 0.125rem var(--primary-ghost);
}
.header:before {
  content: "";
  position: fixed;
  height: 2.5rem;
}
.header .bootstrap-select {
  margin: 0;
}
.header .left-nav__btn {
  width: 3.25rem;
  min-width: 3.25rem;
  height: 3.75rem;
  border-right: 0.0625rem solid var(--card-border-color);
  transition: all 0.3s ease-in-out;
}
.header .left-nav__btn {
  border-bottom: 0.0625rem solid rgba(229, 243, 255, 0.1882352941);
}
.header__client-logo {
  display: flex;
  grid-area: logo;
  margin-left: 0;
  justify-content: flex-start;
}
.header__client-logo a {
  display: flex;
  align-items: center;
  height: 100%;
}
.header__client-logo img {
  height: 2.1875rem;
  max-height: 2.1875rem;
  max-width: 15rem;
  transition: all 0.3s ease-in-out;
}
.header__client-info {
  grid-area: clientinfo;
  padding: 0 1rem;
  margin: -0.625rem 0;
  border-left: 0.0625rem solid var(--card-border-color);
  border-right: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  background-color: var(--gray100);
  display: none;
}
.header__client-name {
  font-weight: 600;
  font-size: 0.875rem;
  width: 100%;
}
.header__client-id {
  font-size: 0.875rem;
  width: 100%;
}
.header__wrapper {
  width: 100%;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: 14.375rem 1fr auto;
  grid-template-rows: 1fr;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: " logo  search user";
}
.header__wrapper--obe .header__client-logo a {
  margin-left: 0.5rem;
}
.header__progress {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  justify-content: flex-end;
  align-items: flex-start;
  margin-right: 2rem;
}
.header__progress .progress {
  width: 100%;
}
.header__progress-title {
  text-align: start;
  padding-top: 0.1875rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.header .dropdown-menu--mobile {
  display: none;
}
.header__avatar {
  display: flex;
  margin-right: 0.5rem;
}
.header__avatar img {
  height: 1.875rem;
  width: 1.875rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
}
.header__initials {
  background-color: var(--info);
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  width: 1.75rem;
  height: 1.75rem;
}
.header_user .btn {
  background: transparent !important;
}
.header_user .dropdown-toggle {
  width: 100%;
  height: 2.5rem;
  padding: 0;
  min-width: unset;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: 0.0625rem solid var(--border-color);
  padding: 0 0.5rem;
  border-radius: var(--border-radius);
}
.header_user .dropdown-toggle.show {
  display: flex !important;
  align-items: center;
}
.header_user .dropdown-toggle:focus, .header_user .dropdown-toggle:active {
  background: transparent !important;
}
.header__right {
  grid-area: user;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.header__right--mobile {
  display: none;
}
.header__right .e-input-group {
  margin-right: 0.5rem;
}
.header__icon-btn img {
  transition: all 0.3s ease-in-out;
}
.header__icon-btn .dropdown {
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gray200);
  border-radius: var(--border-radius);
}
.header__icon-btn .btn {
  display: flex;
  align-items: center;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  min-width: unset;
  font-size: 1.5rem;
  box-shadow: unset;
  color: var(--gray500);
  background-color: transparent;
}
.header__icon-btn .btn:after {
  display: none;
}
.header__icon-btn .btn .badge {
  top: -0.625rem;
  padding: 0;
  min-width: 0.875rem;
  margin-top: 0.6875rem;
  margin-left: -0.6875rem;
  height: 0.875rem;
  max-height: 0.875rem;
}
.header__icon-btn .btn-link {
  background-color: var(--gray200);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__icon-btn a.btn {
  background: var(--gray200);
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
}
.header__icon-btn--secondary .dropdown {
  background-color: var(--white);
}
.header__icon-btn--secondary .btn {
  font-size: 2rem;
  padding: 0.25rem 0.5rem;
  color: var(--gray600);
  border: none;
}
.header__left {
  display: flex;
}
.header__search {
  grid-area: search;
  display: flex;
  gap: 0.5rem;
  width: 90%;
}
.header__search--er {
  display: none;
}
.header__search .bootstrap-select {
  width: 9.375rem !important;
}
.header__search .form-select {
  width: 20%;
  margin-right: 0.5rem;
}
.header__search .form-search {
  width: 50%;
}
.header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: -moz-max-content !important;
  width: max-content !important;
  min-width: 12.5rem !important;
}
.header .form-control {
  height: 2rem;
  transition: all 0.1s ease-in-out;
}
.header .bootstrap-select .dropdown-toggle {
  height: 2rem;
  transition: all 0.1s ease-in-out;
}
.header.shrink {
  height: 2.5rem;
}
.header.shrink .left-nav__btn {
  height: 1.875rem;
}
.header.shrink .left-nav__btn .btn {
  font-size: 0.875rem;
}
.header.shrink img.header__client-logo {
  height: 1.875rem;
}
.header.shrink .form-search .btn-search {
  height: 1.875rem;
  width: 1.875rem;
  font-size: 0.875rem;
  transition: all 0.1s ease-in-out;
}
.header.shrink .btn {
  font-size: 0.875rem;
  height: 1.875rem;
}
.header.shrink .btn img {
  height: 1.875rem;
  width: 1.875rem;
}
.header.shrink .bootstrap-select .dropdown-toggle {
  padding: 0.25rem 1rem;
}
.header.shrink .form-control {
  font-size: 0.875rem;
  height: 1.875rem;
}
.header.shrink .header__avatar img {
  width: 1.4375rem;
  height: 1.4375rem;
}
.header.shrink .header__icon-btn img {
  width: 2.5rem;
}
.header.shrink .header__icon-btn a {
  font-size: 1.25rem;
}
.header.shrink .header__icon-btn .dropdown {
  width: 2.5rem;
}
.header.shrink .header__icon-btn .dropdown .btn {
  font-size: 1.875rem;
}
.header.shrink .header__icon-btn .dropdown .dropdown-item {
  font-size: 1rem;
}
.header.shrink .header__initials {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header.shrink .left-nav__btn .btn {
  font-size: 1.4375rem;
  margin-top: 0.5rem;
}

#toggleleft-nav {
  width: 7.5rem;
  height: 3.75rem;
  padding: 0;
  min-width: unset;
  font-size: 1.8125rem;
  margin-left: -1.0625rem;
  background: transparent;
}



@media only screen and (min-width: 1350px) {
  .header__progress {
    margin: 0;
    width: 67rem;
  }
}
@media only screen and (max-width: 1300px) {
  .header__search {
    display: none;
  }
  .header__search--er {
    display: flex;
  }
}

@media only screen and (max-width: 1200px) {
  .header__right {
    margin: 0;
    justify-content: flex-end;
    padding: 0 1.25rem;
  }
  .header__wrapper {
    grid-template-columns: 13.75rem 1fr auto;
  }
  .header__client-logo {
    margin: 0;
    width: 100%;
  }
  .header__name {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .header .dropdown-menu--mobile {
    display: block;
    width: 17.5rem;
    padding: 0.25rem 1rem;
  }
  .header .dropdown-menu--desktop {
    display: none;
  }
  .header__right--mobile {
    display: block;
  }
  .header__wrapper {
    grid-template-columns: auto auto;
    grid-template-areas: "logo  user";
    padding: 0;
  }
  .header__wrapper--obe {
    grid-template-columns: auto 1fr;
  }
  .header__wrapper--er {
    grid-template-columns: auto 14.375rem 1fr auto;
    grid-template-areas: " logo   search user";
  }
  .header__wrapper--er .header__client-logo {
    justify-content: flex-start;
    margin-left: 0;
  }
  .header__wrapper--er .header__client-logo img {
    height: 2.5rem;
  }
  .header__search {
    display: none;
  }
  .header__client-logo {
    justify-content: flex-start;
    margin: 0;
  }
  .header__client-logo img {
    height: 2.5rem;
  }
  .header__client-info {
    display: none;
    margin: -0.5625rem 1rem;
  }
  .header__progress {
    margin: 0 1.875rem 0 3.125rem;
  }
}

@media only screen and (max-width: 768px) {
  .header .btn {
    margin: 0 !important;
  }
  .header__progress {
    margin: 0 1.875rem 0 1.875rem;
  }
  .header__search--er {
    display: none;
  }
}

@media only screen and (max-width: 595px) {
  #toggleleft-nav {
    width: 4.375rem;
  }
  .header__wrapper--er {
    grid-template-columns: auto auto auto auto;
  }
  .header_user .dropdown-toggle {
    width: 2.5rem;
    min-width: unset;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
  }
  .header_user .dropdown-toggle:after {
    display: none;
  }
  .header__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .header__avatar img {
    height: 2.8125rem;
    width: 2.8125rem;
  }
  .header__progress {
    justify-content: center;
  }
  .header__progress-step {
    display: none;
  }
  .header__icon-btn {
    display: none;
  }
  .header__right--mobile {
    display: none;
  }
}
.new-header {
  justify-content: space-between;
  padding: 0 1.5rem;
}
.new-header .header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-header .header__logo img {
  height: 2.5rem;
}
.new-header .header__right .btn {
  min-width: unset;
  max-height: unset;
}
.new-header .header__right .personal-drawer__avatar {
  border-radius: 6.25rem;
  background: var(--primary-ghost);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dark-mode .new-header {
  border-bottom-color: var(--dark-border);
}
.dark-mode .header__logo img {
  mix-blend-mode: color-burn;
}

.dark-mode .header {
  background-color: var(--dark-base);
  border-bottom: 0.0625rem solid var(--dark-border);
}
.dark-mode .header .left-nav__btn {
  border-right: 0.0625rem solid var(--dark-border);
}
.dark-mode .header .bootstrap-select .dropdown-toggle {
  background: var(--dark-border);
  border: 0.0625rem solid var(--dark-border);
  color: var(--gray100);
}
.dark-mode .header .form-control {
  background: var(--dark-border);
  border: 0.0625rem solid var(--dark-border);
  color: var(--gray100);
}
.dark-mode .header .e-input-group,
.dark-mode .header .e-input-group.e-control-wrapper,
.dark-mode .header .e-float-input,
.dark-mode .header .e-float-input.e-input-group,
.dark-mode .header .e-float-input.e-control-wrapper,
.dark-mode .header .e-float-input.e-input-group.e-control-wrapper {
  background: var(--dark-border) !important;
}


.mani-body {
  grid-area: mani-body;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "mani-body__title" "mani-body__client-info" "mani-body__warning" "mani-body__progress" "mani-body__tool-bar" "mani-body__subhead" "mani-body__body";
  background-color: var(--white);
}
.mani-body__progress {
  grid-area: mani-body__progress;
  padding: 1rem 1rem 0.5rem 1rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.mani-body__progress-title {
  text-align: start;
  padding-top: 0.1875rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.875rem;
}
.mani-body__progress .progress {
  height: 0.25rem;
}
.mani-body__progress .progress-bar {
  background: var(--teal300);
  background: linear-gradient(90deg, rgb(77, 193, 185) 75%, rgb(39, 109, 246) 100%);
  position: relative;
}
.mani-body__warning {
  grid-area: mani-body__warning;
  background-color: var(--yellow10);
  color: var(--warning-text);
  padding: 0.5rem;
  border-bottom: 0.0625rem solid var(--warning);
  text-align: center;
}
.mani-body__status {
  margin: 0.5rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0 0.75rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  font-weight: 600;
}
.mani-body__status:before {
  font-family: var(--font-awesome);
}
.mani-body__status i {
  font-size: 0.75rem;
}
.mani-body__status--complete {
  background: var(--success);
  color: var(--white);
}
.mani-body__status--complete:before {
  content: "\f058";
}
.mani-body__status--error {
  background: var(--error);
  color: var(--white);
}
.mani-body__status--error:before {
  content: "\f06a";
}
.mani-body__status--warning {
  background: var(--warning);
  color: var(--warning-dark);
}
.mani-body__status--warning:before {
  content: "\f071";
}
.mani-body__status--info {
  background: var(--primary-ghost);
  color: var(--primary-dark);
}
.mani-body__status--info:before {
  content: "\f05a";
}
.mani-body__body {
  display: block;
  grid-area: mani-body__body;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.9s ease-in-out;
  position: relative;
}

.mani-body__body--noscroll {
  overflow: hidden;
}
.mani-body__client-info {
  grid-area: mani-body__client-info;
}
.mani-body__title {
  width: 100%;
  grid-area: mani-body__title;
  position: relative;
  display: flex;
  z-index: 8;
  background-color: var(--white);
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
.mani-body__title a[href="#"] {
  display: none;
}
.mani-body__title h1 {
  font-weight: 300;
  line-height: 2.0625rem;
  font-size: 1.375rem;
  margin: 0.5rem 1rem;
  transition: all 0.3s ease-in-out;
  font-family: var(--font-family-header);
}
.mani-body__title .subtitle {
  color: var(--accent);
  font-weight: 600;
}
.mani-body__title.shrink {
  display: flex;
  align-items: center;
  height: 1.875rem;
  background-color: var(--gray100);
}
.mani-body__title.shrink h1 {
  font-size: 1rem;
  font-weight: 600;
}
.mani-body__subhead {
  grid-area: mani-body__subhead;
  position: relative;
  top: 0;
  transition: all 0.9s ease-in-out;
}
.mani-body__subhead.shrink {
  position: relative;
  z-index: 0;
}
.mani-body__tool-bar {
  grid-area: mani-body__tool-bar;
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
  background-color: var(--white);
  min-height: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.mani-body__tool-bar .bootstrap-select {
  margin: 0;
}
.mani-body__tool-bar .form-element {
  margin: 0;
  min-width: 13.75rem;
  transition: all 0.3s ease-in-out;
}
.mani-body__tool-bar a {
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  height: 2.375rem;
}
.mani-body__tool-bar .btn {
  transition: all 0.3s ease-in-out;
  height: 2.375rem;
}
.mani-body__tool-bar.shrink {
  min-height: unset;
  padding: 0.5rem;
}
.mani-body__tool-bar.shrink .btn {
  min-height: 1.8125rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
}
.mani-body__tool-bar.shrink .upload-btn label {
  min-height: 1.8125rem;
  height: 1.8125rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
}
.mani-body__tool-bar.shrink .form-control {
  padding: 0.5rem;
  font-size: 0.875rem;
  height: 1.875rem;
}
.mani-body__cta {
  margin: 1.25rem;
}
.mani-body__tools {
  display: flex;
  align-items: center;
}
.mani-body__tools .btn {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.375rem;
  min-width: 0;
}
.mani-body__tools .upload-btn label {
  width: -moz-fit-content;
  width: fit-content;
  max-height: 2.375rem;
  min-width: 0;
}
.mani-body__tools--desktop {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mani-body__tools .btn-link {
  padding: 0;
}
.mani-body__title--tablet, .mani-body__title--mobile, .mani-body__tools--tablet, .mani-body__tools--mobile {
  display: none;
}
.mani-body__client-info {
  background-color: var(--primary-ghost);
  padding: 0.5rem 1rem;
  color: var(--navbar-bg);
  border-bottom: 0.0625rem solid var(--card-border-color);
  display: flex;
  justify-content: center;
  box-shadow: var(--box-shadow);
}
.mani-body__client-name {
  font-weight: 600;
}
.mani-body__client-name:after {
  content: ":";
  margin-right: 0.5rem;
}

.mani-body__tool-bar + .table {
  top: 3.5625rem;
}

@media only screen and (min-width: 595px) {
  .mani-body__subhead.shrink {
    height: 8.375rem;
  }
  .mani-body__subhead.shrink .people-panel {
    grid-template-columns: 3.125rem 1fr 3.125rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  .mani-body__subhead.shrink .people-panel__info {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding-left: 1rem;
  }
  .mani-body__subhead.shrink .people-panel__info-name,
  .mani-body__subhead.shrink .people-panel__info-title {
    margin-bottom: 0;
    line-height: inherit;
  }
  .mani-body__subhead.shrink .people-panel__info-name {
    font-size: 1.25rem;
  }
  .mani-body__subhead.shrink .people-panel__info-title {
    font-size: 1rem;
    font-weight: 400;
  }
  .mani-body__subhead.shrink .people-panel__controls .btn {
    padding: 0.5rem;
    max-height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mani-body__subhead.shrink .people-panel__info-subtitle,
  .mani-body__subhead.shrink .people-panel__row {
    display: none;
  }
  .mani-body__subhead.shrink .people-panel__avatar .dash-table__avatar {
    height: 3.125rem;
    width: 3.125rem;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .mani-body__subhead.shrink .people-panel__avatar img {
    height: 3.125rem;
    width: 3.125rem;
  }
}
@media only screen and (max-width: 1024px) {
  .mani-body__title {
    display: flex;
    align-items: center;
  }
  .mani-body__tools--tablet {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .mani-body__subhead.shrink {
    height: 10.375rem;
  }
}
@media only screen and (max-width: 595px) {
  .mani-body {
    background-color: var(--gray300);
  }
  .mani-body__body {
    padding-bottom: 3.75rem;
  }
  .mani-body__cta .btn {
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .mani-body__tools--mobile {
    display: block;
    padding: 0.5rem 0.875rem;
    min-width: unset;
    font-size: 1.25rem;
  }
  .mani-body__tools--mobile.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.125rem;
    min-width: 3.125rem;
    margin: 0 !important;
  }
  .mani-body__tools--desktop {
    display: none;
  }
  .mani-body__tool-bar {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
  .mani-body__tool-bar--left {
    display: flex;
    width: 100%;
  }
  .mani-body__subhead.shrink {
    top: -40rem;
  }
  .mani-body__subhead.shrink + .mani-body__body {
    margin-top: -10rem;
  }
}
@media only screen and (max-width: 400px) {
  .mani-body__subhead.shrink {
    top: -40rem;
  }
  .mani-body__subhead.shrink + .mani-body__body {
    margin-top: -104%;
  }
}
.dark-mode .mani-body {
  border-color: var(--dark-bg-light);
  background: var(--dark-border);
}
.dark-mode .mani-body__tool-bar {
  background: var(--dark-bg-light);
}
.dark-mode .mani-body__title {
  background: var(--dark-base);
  color: var(--gray200);
}
.dark-mode .mani-body__client-info {
  background-color: var(--dark-highlight);
}
.dark-mode .progress {
  --bs-progress-bg: unset;
  --bs-progress-bar-color: unset;
  --bs-progress-bar-bg: unset;
  background-color: var(--dark-grid-border);
}


.login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  font-size: 1rem;
}
.login__bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.login__bg-image img {
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
}
.login__bg-image:before {
  content: "";
  background-color: var(--primary);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.05;
}
.login__wrapper {
  position: relative;
  z-index: 1;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "login__left-col login__right-col";
  border-radius: var(--card-border-radius);
  -webkit-backdrop-filter: blur(1.25rem);
          backdrop-filter: blur(1.25rem);
  background: linear-gradient(149deg, rgba(255, 255, 255, 0.7) 0%, rgba(243, 243, 243, 0.7) 44%, rgba(211, 211, 211, 0.7) 100%);
}
.login__soc {
  margin: 1rem;
  position: relative;
  z-index: 1;
}
.login__soc img {
  width: 3.75rem;
}
.login__left-col, .login__right-col {
  width: 27rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
.login__left-col {
  grid-area: login__left-col;
}
.login__right-col {
  position: relative;
  display: flex;
  align-items: center;
  border-left: 0.0625rem solid var(--card-border-color);
}
.login__right-col:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary);
  background: linear-gradient(50deg, var(--primary-info) 0%, var(--primary-link) 53.65%, var(--primary-ghost) 100%);
  opacity: 0.6;
}
.login__right-col--placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login__right-col--placeholder:before {
  display: none;
  background: var(--primary);
  opacity: 0.05;
}
.login__header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
  min-height: 3.75rem;
  height: 4.375rem;
}
.login__header img {
  max-height: 3.125rem;
}
.login__copy {
  color: var(--white);
  font-size: 1.5rem;
  padding: 0 2rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.login__body-logo {
  margin: 1.5rem 0 2rem 0;
}
.login__body-logo img {
  max-height: 3.75rem;
}
.login__body-content form {
  gap: 1rem;
  display: grid;
  padding: 0 2rem;
}
.login__body-message {
  color: var(--gray500);
  font-weight: 500;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.login__mfa {
  padding: 1rem;
}
.login__mfa-content form {
  row-gap: 0.5rem;
  display: grid;
}
.login__mfa-content form label {
  font-size: 1rem;
  text-align: left;
}
.login__mfa-content .small-text {
  font-size: 0.75rem;
  text-align: left;
  margin-left: 2rem;
  margin-top: -0.75rem;
  color: var(--gray500);
}
.login__mfa-message {
  text-align: left;
  margin: 1.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.login__mfa-title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gray500);
}
.login__download {
  display: flex;
}
.login__download a {
  width: 50%;
}
.login__download a img {
  height: 3.125rem;
}
.login__footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  padding: 1.5rem;
  border-top: 0.0625rem solid var(--card-border-color);
}
.login__footer ul {
  display: flex;
  justify-content: space-around;
}
.login__footer ul li {
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__footer ul li a {
  font-size: 0.75rem;
}
.login__footer ul li a:hover {
  text-decoration: underline;
}
.login__footer ul li:not(:last-of-type):after {
  content: "";
  height: 100%;
}
.login__footer-copy {
  color: var(--gray500);
  font-size: 0.875rem;
}
.login--bg-image {
  position: relative;
  z-index: 0;
  background-image: var(--login-bg2);
}
.login--bg-image .login__wrapper {
  box-shadow: none;
}

@media only screen and (max-width: 768px) {
  .login {
    overflow-y: auto;
  }
  .login__wrapper {
    grid-template-columns: auto;
    grid-template-areas: "login__left-col ";
    row-gap: 1rem;
    background: transparent;
  }
  .login__copy {
    margin-top: 2.5rem;
  }
  .login__right-col {
    display: none;
  }
}
@media only screen and (max-width: 595px) {
  .login {
    background: var(--white);
  }
  .login__left-col {
    width: 100vw;
  }
  .login .btn {
    height: 2.5rem;
    max-height: unset;
  }
  .login .row {
    margin: 0;
    padding: 0;
    flex-wrap: unset;
    flex-direction: row;
    gap: 0.5rem;
  }
  .login .row > * {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .login__wrapper {
    box-shadow: none;
  }
}

.register-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.5fr 2fr 0.5fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "register__header register__header" "register-form-left register-form-right" "register-form-text register-form-text";
}

.register-form-left {
  grid-area: register-form-left;
}

.register-form-text {
  grid-area: register-form-text;
}

.register__header {
  grid-area: register__header;
}

.register-form-right {
  grid-area: register-form-right;
}

.register {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: var(--body-color);
  font-size: 1rem;
  background-size: cover;
}
.register:before {
  content: "";
}
.register__wrapper {
  box-shadow: var(--shadow-lg);
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: var(--white);
}
.register__top {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.5fr 0.5fr 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "register__header register__header" "register__subheader register__subheader" "register__text register__text";
}
.register__left-col, .register__right-col {
  background: var(--white);
  width: 27rem;
  text-align: center;
}
.register__left-col {
  grid-area: register__left-col;
}
.register__right-col {
  grid-area: register__right-col;
}
.register__header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
  min-height: 5.3125rem;
  grid-area: register__header;
}
.register__header img {
  max-width: 10rem;
}
.register__subheader {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.3125rem;
  grid-area: register__subheader;
}
.register__subheader img {
  max-width: 14.375rem;
}
.register__text {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray500);
}
.register__text-label {
  font-weight: 500;
}
.register__text-description {
  font-weight: 400;
}
.register__body {
  padding: 2rem;
  align-items: center;
  justify-content: center;
  overflow-y: scroll;
  background-color: var(--white);
}
.register__body-logo {
  margin: 1.5rem 0 2rem 0;
}
.register__body-logo img {
  max-width: 14.375rem;
}
.register__body-content form {
  gap: 1.25rem;
  display: grid;
}
.register__body-message {
  color: var(--gray500);
  font-weight: 400;
  margin-bottom: 2.5rem;
}
.register__compliance {
  padding: 1rem;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
}
.register__compliance form {
  gap: 1.25rem;
  display: grid;
}
.register__footer {
  margin-top: 2rem;
  padding: 1.5rem;
  border-top: 0.0625rem solid var(--card-border-color);
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.register__footer ul {
  display: flex;
  justify-content: space-around;
}
.register__footer ul li {
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register__footer ul li:not(:last-of-type):after {
  content: "";
  margin-left: 1.6875rem;
  height: 100%;
  border-right: 0.0625rem solid var(--card-border-color);
}
.register__footer-copy {
  margin-top: 1.25rem;
  color: var(--gray500);
  font-size: 0.875rem;
}
.register--bg-image {
  background-image: var(--login-bg1);
}
.register--bg-image .register__wrapper {
  box-shadow: none;
}

.register__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 5.3125rem 5.625rem 1fr 5.3125rem;
  gap: 0;
  grid-auto-flow: row;
  grid-template-areas: "register__header " "register__subheader " "register__body " "register__footer ";
  margin: 1rem;
  max-width: 56.25rem;
}

.register__header {
  grid-area: register__header;
}

.register__subheader {
  grid-area: register__subheader;
}

.register__text {
  grid-area: register__text;
  text-align: left !important;
}

.register__body {
  grid-area: register__body;
  overflow: hidden;
}

.register__footer {
  grid-area: register__footer;
}

@media only screen and (max-width: 1366px) {
  .register__wrapper {
    max-width: unset;
    height: 95vh;
  }
  .register__body {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1280px) {
  .register__wrapper {
    height: 96vh;
    width: 96vw;
    max-width: unset;
  }
  .register__body {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .register__text {
    text-align: initial !important;
  }
  .register__wrapper {
    height: 97vh;
    width: 96vw;
    max-width: unset;
  }
  .register__wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 5.625rem 5.625rem 1fr auto;
    grid-template-areas: "register__header register__header" "register__subheader register__subheader" "register__text register__text" "register__body register__body" "register__footer register__footer";
  }
}
@media only screen and (max-width: 873px) {
  .register__wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "register__header register__header" "register__subheader register__text" "register__body register__body" "register__footer register__footer";
  }
}
@media only screen and (max-width: 768px) {
  .register__wrapper {
    height: 97vh;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "register__header register__header" "register__subheader register__text" "register__body register__body" "register__footer register__footer";
  }
  .register__right-col {
    display: none;
  }
  .register__body {
    padding-top: 0.5rem;
  }
  .register__body .form-element {
    margin: 0.5rem 0;
  }
}
@media only screen and (max-width: 595px) {
  .register__left-col {
    width: 95vw;
  }
  .register__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "register__header register__header" "register__subheader register__subheader" "register__text register__text" "register__body register__body" "register__footer register__footer";
  }
  .register__body {
    overflow-y: auto;
  }
}

.w4__step5 {
  display: grid;
  grid-template-columns: 9.375rem 1fr 3.4375rem auto;
  grid-template-rows: auto auto auto auto auto auto auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "step3 q3 q3-col1 q3-v1" "step4 q4-q1 q4-col1 q4-v1" "step4 q4-q2 q4-col2 q4-v2" "step4 q4-q3 q4-col3 q4-v3" "exemption exemption exemption exemption" "exemption-sign exemption-sign exemption-sign exemption-sign" "nonresident-alien nonresident-alien nonresident-alien nonresident-alien";
  margin: 0 1rem;
  border: 0.0625rem solid var(--card-border-color);
  border-top: none;
}
.w4__step5 .step5 {
  grid-area: step5;
}
.w4__step5 .q5 {
  grid-area: q5;
}
.w4__step5 .q5-date {
  grid-area: q5-date;
}

.w4__step3 {
  display: grid;
  grid-template-columns: 9.375rem 1fr 3.4375rem auto;
  grid-template-rows: auto auto auto auto auto auto auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "step3 q3 q3-col1 q3-v1" "step4 q4-q1 q4-col1 q4-v1" "step4 q4-q2 q4-col2 q4-v2" "step4 q4-q3 q4-col3 q4-v3" "exemption exemption exemption exemption" "exemption-sign exemption-sign exemption-sign exemption-sign" "nonresident-alien nonresident-alien nonresident-alien nonresident-alien";
  margin: 0 1rem;
  border: 0.0625rem solid var(--card-border-color);
  border-top: none;
}
.w4__step3 .step3,
.w4__step3 .q3,
.w4__step3 .q3-col1,
.w4__step3 .q3-v1 {
  padding: 1rem;
}
.w4__step3 .step3 {
  grid-area: step3;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q3 {
  grid-area: q3;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q3-col1 {
  grid-area: q3-col1;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q3-v1 {
  grid-area: q3-v1;
}
.w4__step3 .step4,
.w4__step3 .q4-col1,
.w4__step3 .q4-col2,
.w4__step3 .q4-col3,
.w4__step3 .q4-v1,
.w4__step3 .q4-v2,
.w4__step3 .q4-v3,
.w4__step3 .q4-q1,
.w4__step3 .q4-q2,
.w4__step3 .q4-q3,
.w4__step3 .exemption,
.w4__step3 .exemption-sign,
.w4__step3 .nonresident-alien {
  padding: 1rem;
}
.w4__step3 .step4 {
  grid-area: step4;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-col1 {
  grid-area: q4-col1;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-col2 {
  grid-area: q4-col2;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-col3 {
  grid-area: q4-col3;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-v1 {
  grid-area: q4-v1;
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-v2 {
  grid-area: q4-v2;
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-v3 {
  grid-area: q4-v3;
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-q1 {
  grid-area: q4-q1;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-q2 {
  grid-area: q4-q2;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .q4-q3 {
  grid-area: q4-q3;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .exemption {
  grid-area: exemption;
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .exemption-sign {
  grid-area: exemption-sign;
  border-top: 0.0625rem solid var(--card-border-color);
}
.w4__step3 .nonresident-alien {
  grid-area: nonresident-alien;
  border-top: 0.0625rem solid var(--card-border-color);
}

.w4__step2 {
  display: grid;
  grid-template-columns: 9.375rem 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "complete1 complete1 complete1 complete1" "step2 q2 q2 q2";
  margin: 0 1rem;
  border: 0.0625rem solid var(--card-border-color);
  border-top: none;
}
.w4__step2 .complete1,
.w4__step2 .step2,
.w4__step2 .q2 {
  padding: 1rem;
}
.w4__step2 .complete1 {
  grid-area: complete1;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.w4__step2 .step2 {
  grid-area: step2;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step2 .q2 {
  grid-area: q2;
}

.w4__step1 {
  display: grid;
  grid-template-columns: 8.125rem 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  grid-auto-flow: row;
  grid-template-areas: "step1 first_name last_name ssn" "step1 address address q1" "step1 city city q1" "step1 married-status married-status q1";
  margin: 0 1rem;
  border: 0.0625rem solid var(--card-border-color);
}
.w4__step1 .first_name {
  grid-area: first_name;
  border-right: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .last_name {
  grid-area: last_name;
  border-right: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .ssn {
  grid-area: ssn;
  padding: 1rem;
}
.w4__step1 .address {
  grid-area: address;
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .city {
  grid-area: city;
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .step1 {
  grid-area: step1;
  padding: 1rem;
  border-right: 0.0625rem solid var(--card-border-color);
}
.w4__step1 .married-status {
  grid-area: married-status;
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .q1 {
  grid-area: q1;
  border-top: 0.0625rem solid var(--card-border-color);
  border-left: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
}
.w4__step1 .form-element {
  margin: 0;
}
.w4__step1 .form-element .form-label {
  font-weight: 600;
}


.pay-table {
  width: 100%;
  font-size: 0.875rem;
}
.pay-table thead tr {
  background-color: var(--gray200);
  position: sticky;
  top: -0.0625rem;
}
.pay-table tbody tr:hover {
  background-color: var(--gray200);
}
.pay-table th,
.pay-table td {
  padding: 0.5rem;
}
.pay-table th {
  border: 0.0625rem solid var(--card-border-color);
}
.pay-table td {
  border: 0.0625rem solid var(--card-border-color);
}
.pay-table tr:nth-child(even) {
  background: var(--gray100);
}

.pay .form-control:disabled {
  border: none;
  background-color: transparent;
  padding: 0;
  font-weight: 600;
}
.pay .form-label {
  margin: 0;
}
.pay .form-element {
  margin: 0 0 1rem 0;
}

.pay__ytd {
  border-top: 0.0625rem solid var(--card-border-color);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.pay__title {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  background: var(--gray200);
  position: relative;
  z-index: 1;
  padding: 1rem 0 0.5rem 0;
}
.pay__title span {
  font-size: 0.8125rem;
  font-weight: 400;
}
.pay__title:before {
  content: "";
  position: absolute;
  border-top: 0.375rem solid var(--gray300);
  left: -1.125rem;
  right: -1.125rem;
  top: 0;
  bottom: 0;
  background-color: var(--gray200);
  z-index: -1;
}
.pay__item {
  width: 50%;
  min-width: 12.5%;
  padding: 0.5rem;
}
.pay__item--total, .pay__item--ytd {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.pay__item--ytd .pay__class, .pay__item--ytd .pay__total {
  font-size: 0.875rem;
  font-weight: 600;
}
.pay__item--total {
  padding: 1rem 0;
  position: relative;
  margin-bottom: -0.5rem;
  z-index: 1;
}
.pay__item--total:before {
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: 0;
  bottom: 0;
  border-top: 0.0625rem solid var(--card-border-color);
  z-index: -1;
}
.pay__item--total .pay__total {
  color: var(--primary);
  font-size: 1.5rem;
}
.pay__class, .pay__total {
  text-align: center;
}
.pay__total {
  font-size: 1.25rem;
  font-weight: 600;
}
.pay__class {
  font-size: 0.875rem;
}
.pay__amount {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--blue400);
}
.pay__dates {
  font-size: 0.8125rem;
}
.pay__details {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
  .pay-table td {
    border: none;
  }
  .pay-table tbody {
    background: white;
  }
}

.check {
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  gap: 1rem;
  grid-template-areas: "check__summary check__summary check__summary check__user-info " "check__gross check__gross-ytd check__period check__user-info " "check__taxes check__taxes-ytd check__pto check__user-info " "check__deductions check__deductions-ytd check__pto check__user-info " "check__401k check__401k-ytd check__pto check__user-info ";
  margin: 1rem;
}
.check.no-pto {
  grid-template-areas: "check__summary check__summary check__summary check__user-info " "check__gross check__gross-ytd check__period check__user-info " "check__taxes check__taxes-ytd check__period check__user-info " "check__deductions check__deductions-ytd check__period check__user-info " "check__401k check__401k-ytd check__period check__user-info ";
}
.check .two-cols {
  grid-column: span 2;
}
.check__details {
  padding: 1rem;
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  border: none;
  background: var(--white);
}
.check__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin-bottom: 1rem;
  padding: 0.5rem 0;
}
.check__title {
  color: var(--gray500);
  font-weight: 600;
  position: relative;
  width: 100%;
}
.check__subtitle {
  font-size: 0.75rem;
  position: absolute;
  top: -1rem;
}
.check__amount {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--gray500);
}
.check__payperiod {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--gray500);
}
.check__body {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.check__body-item {
  display: flex;
  justify-content: space-between;
  color: var(--gray500);
}
.check__body-item span:last-of-type {
  font-weight: 400;
}
.check__summary {
  background: var(--white);
  grid-area: check__summary;
  border-radius: var(--card-border-radius);
  box-shadow: var(--box-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
}
.check__summary-amount {
  color: var(--accent);
  font-size: 3rem;
  font-weight: 600;
}
.check__summary-note {
  margin-top: -0.625rem;
}
.check__summary-payperiod--title {
  font-size: 0.875rem;
  color: var(--gray500);
}
.check__summary-checkdate--title {
  font-size: 0.875rem;
  color: var(--gray500);
}
.check__user-info {
  grid-area: check__user-info;
  height: 100%;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  background: var(--gray100);
  border-radius: var(--card-border-radius);
}
.check__user-block {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.check__user-name label, .check__user-address label {
  font-weight: 700;
}
.check__gross {
  grid-area: check__gross;
}
.check__period {
  grid-area: check__period;
}
.check__taxes {
  grid-area: check__taxes;
}
.check__taxes-ytd {
  grid-area: check__taxes-ytd;
}
.check__deductions {
  grid-area: check__deductions;
}
.check__deductions-ytd {
  grid-area: check__deductions-ytd;
}
.check__pto {
  grid-area: check__pto;
}
.check__gross-ytd {
  grid-area: check__gross-ytd;
}

.check__summary {
  grid-area: check__summary;
}

.check__user-info {
  grid-area: check__user-info;
}

.check__gross {
  grid-area: check__gross;
}

.check__gross-ytd {
  grid-area: check__gross-ytd;
}

.check__period {
  grid-area: check__period;
}

.check__taxes {
  grid-area: check__taxes;
}

.check__taxes-ytd {
  grid-area: check__taxes-ytd;
}

.check__pto {
  grid-area: check__pto;
}

.check__deductions {
  grid-area: check__deductions;
}

.check__deductions-ytd {
  grid-area: check__deductions-ytd;
}

.check__401k {
  grid-area: check__401k;
}

.check__401k-ytd {
  grid-area: check__401k-ytd;
}

@container (max-width: 1000px) {
  .check {
    grid-template-areas: "check__summary check__summary check__user-info check__user-info " "check__gross check__gross check__user-info check__user-info " "check__gross-ytd check__gross-ytd check__period check__period" "check__taxes check__taxes check__period check__period " "check__taxes-ytd check__taxes-ytd check__pto check__pto " "check__deductions check__deductions . . " "check__deductions-ytd check__deductions-ytd . ." "check__401k check__401k . . " "check__401k-ytd check__401k-ytd . . ";
  }
  .check.no-pto {
    grid-template-areas: "check__summary check__summary check__summary check__user-info " "check__gross check__gross check__gross check__user-info " "check__gross-ytd check__gross-ytd check__gross-ytd check__period " "check__taxes check__taxes  check__taxes  check__period " "check__taxes-ytd  check__taxes-ytd check__taxes-ytd check__period  " "check__deductions check__deductions check__deductions ." "check__deductions-ytd check__deductions-ytd check__deductions-ytd ." "check__401k check__401k check__401k ." "check__401k-ytd check__401k-ytd check__401k-ytd .";
  }
  .check__user-info {
    gap: 0;
  }
}
@media only screen and (max-width: 768px) {
  .check {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    grid-template-areas: "check__summary " "check__user-info " "check__period " "check__gross " "check__taxes " "check__deductions " "check__401k " "check__pto " "check__contributions " "check__gross-ytd " "check__taxes-ytd " "check__deductions-ytd " "check__401k-ytd " "check__contributions-ytd ";
  }
  .check.no-pto {
    grid-template-areas: "check__summary " "check__user-info " "check__period " "check__gross " "check__taxes " "check__deductions " "check__401k " "check__contributions " "check__gross-ytd " "check__taxes-ytd " "check__deductions-ytd " "check__401k-ytd " "check__contributions-ytd ";
  }
  .check__summary {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
  }
  .check__summary-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .check__summary-note {
    text-align: center;
  }
}
.dark-mode .check__user-info {
  background: var(--white);
  background: var(--dark-border);
}
.dark-mode .check__body,
.dark-mode .check__body-item,
.dark-mode .check__amount,
.dark-mode .check__title {
  color: var(--gray300);
}


.box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1rem 1rem;
  grid-auto-flow: row;
  grid-template-areas: "box__left box__right" "box__body box__body";
}
.box__wrapper {
  display: flex;
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.box__title {
  font-weight: 600;
  padding: 0 0 1rem 0;
}
.box__value {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 6.25rem;
  font-weight: 600;
  padding: 0 2.5rem;
  color: var(--accent);
  border-right: 0.0625rem solid var(--card-border-color);
}
.box__label {
  font-size: 1.125rem;
  margin-top: -1.5rem;
  margin-bottom: 1.875rem;
}
.box__row {
  padding-bottom: 1rem;
}
.box__row-title {
  font-size: 1rem;
  font-weight: 600;
}
.box__row-value {
  font-weight: 400;
  font-weight: 1.125rem;
}
.box__footer {
  padding: 1rem 0 0 0;
}

.box__left {
  grid-area: box__left;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: var(--box-shadow);
  padding: 1rem;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
}

.box__right {
  grid-area: box__right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: var(--box-shadow);
  overflow: hidden;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
}
.box__right-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2.5rem;
  font-weight: 600;
  font-size: 1.125rem;
}

.box__body {
  grid-area: box__body;
}
.box__body .accordion {
  margin: 0;
}

@media only screen and (max-width: 595px) {
  .box__right-body {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .box__body {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .box {
    margin: 0;
    padding: 0.5rem;
    grid-template-areas: "box__left " "box__right" "box__body ";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
@media only screen and (max-width: 1440px) {
  .box__value {
    padding: 0 1rem;
  }
}

.pto-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: "pto-container_left pto-container_right" "pto-container_body pto-container_body";
  margin: 1rem;
}
.pto-container__wrapper {
  display: flex;
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.pto-container__title {
  font-weight: 600;
  padding: 0 0 1rem 0;
}
.pto-container__value {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 6.25rem;
  line-height: 9.375rem;
  font-weight: 600;
  padding: 0 2.5rem;
  color: var(--accent);
  border-right: 0.0625rem solid var(--card-border-color);
}
.pto-container__label {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: -1.5rem;
  margin-bottom: 1.875rem;
}
.pto-container__row {
  padding-bottom: 1rem;
}
.pto-container__row-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.pto-container__row-value {
  font-weight: 400;
  font-weight: 1.125rem;
}
.pto-container__footer {
  padding: 1rem 0 0 0;
}
.pto-container__left {
  grid-area: pto-container_left;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: var(--box-shadow);
  padding: 1rem;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
}
.pto-container__right {
  grid-area: pto-container_right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: var(--box-shadow);
  overflow: hidden;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: var(--white);
  border-radius: var(--card-border-radius);
}
.pto-container__right-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2.5rem;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.pto-container__body {
  grid-area: pto-container_body;
}
.pto-container__body .accordion {
  margin: 0;
}

@media only screen and (max-width: 595px) {
  .pto-container_right-body {
    flex-direction: column;
    gap: 0;
    align-items: flex-spto-containert;
  }
  .pto-container_body {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .pto-container {
    margin: 0;
    padding: 0.5rem;
    grid-template-areas: "pto-container_left " "pto-container_right" "pto-container_body ";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
@media only screen and (max-width: 1290px) {
  .pto-container {
    grid-template-areas: "pto-container_left " "pto-container_right" "pto-container_body ";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
@media only screen and (max-width: 1440px) {
  .pto-container_value {
    padding: 0 1rem;
  }
}
.dark-mode .pto__available {
  color: var(--gray100);
}
.dark-mode .pto__available-title {
  color: var(--gray300);
}


.grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  grid-gap: 1rem;
  padding: 1rem;
}
.grid-layout--large {
  grid-template-columns: repeat(auto-fit, minmax(37.5rem, 1fr));
}
.grid-layout__col {
  background-color: var(--white);
  padding: 1rem;
  border-radius: var(--card-border-radius);
  box-shadow: var(--box-shadow);
  position: relative;
}
.grid-layout__col-title {
  display: flex;
  align-items: flex-start;
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--accent);
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.5rem;
}
.grid-layout__col-title label {
  color: var(--text-color);
}
.grid-layout__col-title .btn {
  min-width: unset;
  padding: 0.5rem;
  margin-left: 1rem;
}

@media only screen and (max-width: 1575px) {
  .grid-layout--large {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  }
}
@media only screen and (max-width: 595px) {
  .grid-layout {
    padding: 0;
    margin: 0.5rem;
    grid-gap: 0.5rem;
  }
  .grid-layout--large {
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
  }
}

.w2 {
  display: grid;
  grid-template-columns: 1fr 18.75rem;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "w2__left w2__right";
  height: 100%;
}
.w2__left {
  grid-area: w2__left;
}
.w2__right {
  grid-area: w2__right;
  padding: 1rem;
  background-color: var(--gray100);
  border-left: 0.0625rem solid var(--card-border-color);
}

@media only screen and (max-width: 768px) {
  .w2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "w2__right" "w2__left";
  }
}

.obe__item {
  position: relative;
}
.obe__item:before {
  content: "";
  border-right: 0.0625rem solid var(--card-border-color);
  position: absolute;
  left: 0.75rem;
  top: 2rem;
  bottom: 0;
}
.obe__item.complete:before {
  display: none;
}
.obe__item.complete .obe__number {
  visibility: hidden;
  display: block;
}
.obe__item.complete .obe__number:before {
  background-color: transparent;
  color: var(--success);
  visibility: visible;
  font-family: var(--font-awesome);
  content: "\f058";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.obe__item.incomplete:before {
  display: none;
}
.obe__item.incomplete .obe__number {
  visibility: hidden;
  display: block;
}
.obe__item.incomplete .obe__number:before {
  background-color: transparent;
  color: var(--warning);
  visibility: visible;
  font-family: var(--font-awesome);
  content: "\e405";
  font-size: 1.625rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.obe__item.active .obe__title {
  color: var(--gray600);
}
.obe__item.active .obe__number {
  background-color: var(--gray600);
  color: var(--white);
}
.obe__title {
  display: flex;
  font-weight: 700;
  font-size: 0.875rem;
  margin: 1rem 0;
  color: var(--gray500);
}
.obe__number {
  background-color: var(--white);
  color: var(--gray500);
  border: 0.0625rem solid var(--gray500);
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  margin-right: 0.5rem;
  font-size: 0.8125rem;
}
.obe__body {
  margin-left: 2.5rem;
}
.obe-header__mobile-nav {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .obe__body {
    margin: 0;
  }
  .obe__body .file-uploader__directions-body {
    margin: 1.5rem;
  }
  .obe__item:before {
    display: none;
  }
  .obe__number {
    min-width: 1.5rem;
  }
  .d-flex {
    flex-direction: column;
  }
  .btn {
    margin: 0;
  }
  ol.list {
    margin: 1rem;
  }
  ol.list li:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .table tbody {
    background-color: var(--white);
  }
  .table tbody tr {
    margin: 0;
    border: none;
  }
  .obe-header__mobile-nav {
    display: block;
  }
  .obe-header__mobile-nav .btn {
    width: 3.125rem;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    font-size: 1.5rem;
  }
  .obe-body .grid-panel__left-nav {
    position: fixed;
    left: -18.75rem;
    display: block;
    z-index: 100;
    background: white;
    top: 3.75rem;
    bottom: 0.1875rem;
    box-shadow: var(--box-shadow);
    width: 18.75rem;
    padding: 0 1.5rem;
    transition: left 0.3s ease-in-out;
  }
  .obe-body .grid-panel__left-nav:before {
    position: fixed;
    top: 3.6875rem;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    z-index: 0;
  }
  .obe-body .grid-panel__left-nav.open {
    left: 0;
  }
  .header__wrapper--obe .header__client-logo {
    display: none;
  }
}

.taxes {
  display: grid;
  grid-template-columns: 1fr 18.75rem;
  grid-template-rows: 9.375rem auto auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: "taxes__header taxes__ee-info" "taxes__wages  taxes__ee-info" "taxes__wages-ytd  taxes__ee-info";
  width: 100%;
  padding: 1rem;
}
.taxes__item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--gray500);
}
.taxes__item-amount {
  font-weight: 700;
  font-size: 1.5rem;
}
.taxes__item-subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: -0.25rem;
}
.taxes__item-body {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.taxes__item-body-block {
  display: flex;
  justify-content: space-between;
  color: var(--gray500);
}
.taxes__item-block {
  display: flex;
  justify-content: space-between;
}
.taxes__item-block span {
  width: 6.25rem;
}
.taxes__item-block span:first-of-type {
  width: 15.625rem;
  font-weight: 500;
}
.taxes__item-block span:last-of-type {
  text-align: right;
  font-weight: 600;
}
.taxes__header {
  grid-area: taxes__header;
  background: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.taxes__summary-amount {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--accent);
}
.taxes__ee-info {
  grid-area: taxes__ee-info;
  background-color: var(--gray100);
  padding: 1rem;
}
.taxes__ee-info-item {
  margin-bottom: 1rem;
}
.taxes__ee-info-item label {
  font-weight: 400;
}
.taxes__ee-info-item span {
  display: block;
  font-weight: 600;
}
.taxes__wages, .taxes__wages-ytd {
  background: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  padding: 1rem;
}
.taxes__wages {
  grid-area: taxes__wages;
}
.taxes__wages-ytd {
  grid-area: taxes__wages-ytd;
}
.taxes .block + .block {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}


.tc-grid {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  grid-gap: 1rem;
  grid-auto-flow: dense;
  margin: 0 1rem 1rem 1rem;
}
.tc-grid__item {
  box-shadow: var(--box-shadow);
  background-color: var(--white);
  padding: 1rem;
  border-radius: 0.25rem;
}
.tc-grid__item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 1.125rem;
  gap: 0.5rem;
  color: var(--gray500);
  margin-bottom: 1.5rem;
}
.tc-grid__item-title-icon {
  width: 3.125rem;
}
.tc-grid__item-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tc-grid__item-body {
  padding: 0 0.5rem;
  max-height: 23.125rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.tc-grid__item-small-title {
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
}
.tc-grid__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tc-grid__item-icon img {
  width: 5rem;
}
.tc-grid__item-cta {
  display: flex;
  color: var(--text-color);
  flex-direction: column;
}
.tc-grid__item-cta img {
  height: 3.375rem;
}

@media screen and (max-width: 1600px) {
  .tc-grid__item-icon img {
    width: 3.375rem;
  }
}
@media screen and (max-width: 768px) {
  .tc-grid__item-icon img {
    width: 5.625rem;
  }
  .tc-grid__item-title .btn {
    min-width: unset;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 375px) {
  .tc-grid__item-title-wrapper {
    max-width: 13.5rem;
  }
}
@media (min-width: 320px) {
  .sm\:r-1 {
    grid-row: span 1;
  }
  .sm\:r--start-1 {
    grid-row-start: 1;
  }
  .sm\:c-1 {
    grid-column: span 1;
  }
  .sm\:c--start-1 {
    grid-column-start: 1;
  }
  .sm\:r-2 {
    grid-row: span 2;
  }
  .sm\:r--start-2 {
    grid-row-start: 2;
  }
  .sm\:c-2 {
    grid-column: span 2;
  }
  .sm\:c--start-2 {
    grid-column-start: 2;
  }
  .sm\:r-3 {
    grid-row: span 3;
  }
  .sm\:r--start-3 {
    grid-row-start: 3;
  }
  .sm\:c-3 {
    grid-column: span 3;
  }
  .sm\:c--start-3 {
    grid-column-start: 3;
  }
  .sm\:r-4 {
    grid-row: span 4;
  }
  .sm\:r--start-4 {
    grid-row-start: 4;
  }
  .sm\:c-4 {
    grid-column: span 4;
  }
  .sm\:c--start-4 {
    grid-column-start: 4;
  }
  .sm\:r-5 {
    grid-row: span 5;
  }
  .sm\:r--start-5 {
    grid-row-start: 5;
  }
  .sm\:c-5 {
    grid-column: span 5;
  }
  .sm\:c--start-5 {
    grid-column-start: 5;
  }
  .sm\:r-6 {
    grid-row: span 6;
  }
  .sm\:r--start-6 {
    grid-row-start: 6;
  }
  .sm\:c-6 {
    grid-column: span 6;
  }
  .sm\:c--start-6 {
    grid-column-start: 6;
  }
  .sm\:r-7 {
    grid-row: span 7;
  }
  .sm\:r--start-7 {
    grid-row-start: 7;
  }
  .sm\:c-7 {
    grid-column: span 7;
  }
  .sm\:c--start-7 {
    grid-column-start: 7;
  }
  .sm\:r-8 {
    grid-row: span 8;
  }
  .sm\:r--start-8 {
    grid-row-start: 8;
  }
  .sm\:c-8 {
    grid-column: span 8;
  }
  .sm\:c--start-8 {
    grid-column-start: 8;
  }
  .sm\:r-9 {
    grid-row: span 9;
  }
  .sm\:r--start-9 {
    grid-row-start: 9;
  }
  .sm\:c-9 {
    grid-column: span 9;
  }
  .sm\:c--start-9 {
    grid-column-start: 9;
  }
  .sm\:r-10 {
    grid-row: span 10;
  }
  .sm\:r--start-10 {
    grid-row-start: 10;
  }
  .sm\:c-10 {
    grid-column: span 10;
  }
  .sm\:c--start-10 {
    grid-column-start: 10;
  }
  .sm\:r-11 {
    grid-row: span 11;
  }
  .sm\:r--start-11 {
    grid-row-start: 11;
  }
  .sm\:c-11 {
    grid-column: span 11;
  }
  .sm\:c--start-11 {
    grid-column-start: 11;
  }
  .sm\:r-12 {
    grid-row: span 12;
  }
  .sm\:r--start-12 {
    grid-row-start: 12;
  }
  .sm\:c-12 {
    grid-column: span 12;
  }
  .sm\:c--start-12 {
    grid-column-start: 12;
  }
}
@media screen and (min-width: 768px) {
  .md\:r-1 {
    grid-row: span 1;
  }
  .md\:r--start-1 {
    grid-row-start: 1;
  }
  .md\:c-1 {
    grid-column: span 1;
  }
  .md\:c--start-1 {
    grid-column-start: 1;
  }
  .md\:r-2 {
    grid-row: span 2;
  }
  .md\:r--start-2 {
    grid-row-start: 2;
  }
  .md\:c-2 {
    grid-column: span 2;
  }
  .md\:c--start-2 {
    grid-column-start: 2;
  }
  .md\:r-3 {
    grid-row: span 3;
  }
  .md\:r--start-3 {
    grid-row-start: 3;
  }
  .md\:c-3 {
    grid-column: span 3;
  }
  .md\:c--start-3 {
    grid-column-start: 3;
  }
  .md\:r-4 {
    grid-row: span 4;
  }
  .md\:r--start-4 {
    grid-row-start: 4;
  }
  .md\:c-4 {
    grid-column: span 4;
  }
  .md\:c--start-4 {
    grid-column-start: 4;
  }
  .md\:r-5 {
    grid-row: span 5;
  }
  .md\:r--start-5 {
    grid-row-start: 5;
  }
  .md\:c-5 {
    grid-column: span 5;
  }
  .md\:c--start-5 {
    grid-column-start: 5;
  }
  .md\:r-6 {
    grid-row: span 6;
  }
  .md\:r--start-6 {
    grid-row-start: 6;
  }
  .md\:c-6 {
    grid-column: span 6;
  }
  .md\:c--start-6 {
    grid-column-start: 6;
  }
  .md\:r-7 {
    grid-row: span 7;
  }
  .md\:r--start-7 {
    grid-row-start: 7;
  }
  .md\:c-7 {
    grid-column: span 7;
  }
  .md\:c--start-7 {
    grid-column-start: 7;
  }
  .md\:r-8 {
    grid-row: span 8;
  }
  .md\:r--start-8 {
    grid-row-start: 8;
  }
  .md\:c-8 {
    grid-column: span 8;
  }
  .md\:c--start-8 {
    grid-column-start: 8;
  }
  .md\:r-9 {
    grid-row: span 9;
  }
  .md\:r--start-9 {
    grid-row-start: 9;
  }
  .md\:c-9 {
    grid-column: span 9;
  }
  .md\:c--start-9 {
    grid-column-start: 9;
  }
  .md\:r-10 {
    grid-row: span 10;
  }
  .md\:r--start-10 {
    grid-row-start: 10;
  }
  .md\:c-10 {
    grid-column: span 10;
  }
  .md\:c--start-10 {
    grid-column-start: 10;
  }
  .md\:r-11 {
    grid-row: span 11;
  }
  .md\:r--start-11 {
    grid-row-start: 11;
  }
  .md\:c-11 {
    grid-column: span 11;
  }
  .md\:c--start-11 {
    grid-column-start: 11;
  }
  .md\:r-12 {
    grid-row: span 12;
  }
  .md\:r--start-12 {
    grid-row-start: 12;
  }
  .md\:c-12 {
    grid-column: span 12;
  }
  .md\:c--start-12 {
    grid-column-start: 12;
  }
}
@media screen and (min-width: 992px) {
  .lg\:r-1 {
    grid-row: span 1;
  }
  .lg\:r--start-1 {
    grid-row-start: 1;
  }
  .lg\:c-1 {
    grid-column: span 1;
  }
  .lg\:c--start-1 {
    grid-column-start: 1;
  }
  .lg\:r-2 {
    grid-row: span 2;
  }
  .lg\:r--start-2 {
    grid-row-start: 2;
  }
  .lg\:c-2 {
    grid-column: span 2;
  }
  .lg\:c--start-2 {
    grid-column-start: 2;
  }
  .lg\:r-3 {
    grid-row: span 3;
  }
  .lg\:r--start-3 {
    grid-row-start: 3;
  }
  .lg\:c-3 {
    grid-column: span 3;
  }
  .lg\:c--start-3 {
    grid-column-start: 3;
  }
  .lg\:r-4 {
    grid-row: span 4;
  }
  .lg\:r--start-4 {
    grid-row-start: 4;
  }
  .lg\:c-4 {
    grid-column: span 4;
  }
  .lg\:c--start-4 {
    grid-column-start: 4;
  }
  .lg\:r-5 {
    grid-row: span 5;
  }
  .lg\:r--start-5 {
    grid-row-start: 5;
  }
  .lg\:c-5 {
    grid-column: span 5;
  }
  .lg\:c--start-5 {
    grid-column-start: 5;
  }
  .lg\:r-6 {
    grid-row: span 6;
  }
  .lg\:r--start-6 {
    grid-row-start: 6;
  }
  .lg\:c-6 {
    grid-column: span 6;
  }
  .lg\:c--start-6 {
    grid-column-start: 6;
  }
  .lg\:r-7 {
    grid-row: span 7;
  }
  .lg\:r--start-7 {
    grid-row-start: 7;
  }
  .lg\:c-7 {
    grid-column: span 7;
  }
  .lg\:c--start-7 {
    grid-column-start: 7;
  }
  .lg\:r-8 {
    grid-row: span 8;
  }
  .lg\:r--start-8 {
    grid-row-start: 8;
  }
  .lg\:c-8 {
    grid-column: span 8;
  }
  .lg\:c--start-8 {
    grid-column-start: 8;
  }
  .lg\:r-9 {
    grid-row: span 9;
  }
  .lg\:r--start-9 {
    grid-row-start: 9;
  }
  .lg\:c-9 {
    grid-column: span 9;
  }
  .lg\:c--start-9 {
    grid-column-start: 9;
  }
  .lg\:r-10 {
    grid-row: span 10;
  }
  .lg\:r--start-10 {
    grid-row-start: 10;
  }
  .lg\:c-10 {
    grid-column: span 10;
  }
  .lg\:c--start-10 {
    grid-column-start: 10;
  }
  .lg\:r-11 {
    grid-row: span 11;
  }
  .lg\:r--start-11 {
    grid-row-start: 11;
  }
  .lg\:c-11 {
    grid-column: span 11;
  }
  .lg\:c--start-11 {
    grid-column-start: 11;
  }
  .lg\:r-12 {
    grid-row: span 12;
  }
  .lg\:r--start-12 {
    grid-row-start: 12;
  }
  .lg\:c-12 {
    grid-column: span 12;
  }
  .lg\:c--start-12 {
    grid-column-start: 12;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:r-1 {
    grid-row: span 1;
  }
  .xl\:r--start-1 {
    grid-row-start: 1;
  }
  .xl\:c-1 {
    grid-column: span 1;
  }
  .xl\:c--start-1 {
    grid-column-start: 1;
  }
  .xl\:r-2 {
    grid-row: span 2;
  }
  .xl\:r--start-2 {
    grid-row-start: 2;
  }
  .xl\:c-2 {
    grid-column: span 2;
  }
  .xl\:c--start-2 {
    grid-column-start: 2;
  }
  .xl\:r-3 {
    grid-row: span 3;
  }
  .xl\:r--start-3 {
    grid-row-start: 3;
  }
  .xl\:c-3 {
    grid-column: span 3;
  }
  .xl\:c--start-3 {
    grid-column-start: 3;
  }
  .xl\:r-4 {
    grid-row: span 4;
  }
  .xl\:r--start-4 {
    grid-row-start: 4;
  }
  .xl\:c-4 {
    grid-column: span 4;
  }
  .xl\:c--start-4 {
    grid-column-start: 4;
  }
  .xl\:r-5 {
    grid-row: span 5;
  }
  .xl\:r--start-5 {
    grid-row-start: 5;
  }
  .xl\:c-5 {
    grid-column: span 5;
  }
  .xl\:c--start-5 {
    grid-column-start: 5;
  }
  .xl\:r-6 {
    grid-row: span 6;
  }
  .xl\:r--start-6 {
    grid-row-start: 6;
  }
  .xl\:c-6 {
    grid-column: span 6;
  }
  .xl\:c--start-6 {
    grid-column-start: 6;
  }
  .xl\:r-7 {
    grid-row: span 7;
  }
  .xl\:r--start-7 {
    grid-row-start: 7;
  }
  .xl\:c-7 {
    grid-column: span 7;
  }
  .xl\:c--start-7 {
    grid-column-start: 7;
  }
  .xl\:r-8 {
    grid-row: span 8;
  }
  .xl\:r--start-8 {
    grid-row-start: 8;
  }
  .xl\:c-8 {
    grid-column: span 8;
  }
  .xl\:c--start-8 {
    grid-column-start: 8;
  }
  .xl\:r-9 {
    grid-row: span 9;
  }
  .xl\:r--start-9 {
    grid-row-start: 9;
  }
  .xl\:c-9 {
    grid-column: span 9;
  }
  .xl\:c--start-9 {
    grid-column-start: 9;
  }
  .xl\:r-10 {
    grid-row: span 10;
  }
  .xl\:r--start-10 {
    grid-row-start: 10;
  }
  .xl\:c-10 {
    grid-column: span 10;
  }
  .xl\:c--start-10 {
    grid-column-start: 10;
  }
  .xl\:r-11 {
    grid-row: span 11;
  }
  .xl\:r--start-11 {
    grid-row-start: 11;
  }
  .xl\:c-11 {
    grid-column: span 11;
  }
  .xl\:c--start-11 {
    grid-column-start: 11;
  }
  .xl\:r-12 {
    grid-row: span 12;
  }
  .xl\:r--start-12 {
    grid-row-start: 12;
  }
  .xl\:c-12 {
    grid-column: span 12;
  }
  .xl\:c--start-12 {
    grid-column-start: 12;
  }
}
@media screen and (min-width: 1800px) {
  .xxl\:r-1 {
    grid-row: span 1;
  }
  .xxl\:c-1 {
    grid-column: span 1;
  }
  .xxl\:c--start-1 {
    grid-column-start: 1;
  }
  .xxl\:r-2 {
    grid-row: span 2;
  }
  .xxl\:c-2 {
    grid-column: span 2;
  }
  .xxl\:c--start-2 {
    grid-column-start: 2;
  }
  .xxl\:r-3 {
    grid-row: span 3;
  }
  .xxl\:c-3 {
    grid-column: span 3;
  }
  .xxl\:c--start-3 {
    grid-column-start: 3;
  }
  .xxl\:r-4 {
    grid-row: span 4;
  }
  .xxl\:c-4 {
    grid-column: span 4;
  }
  .xxl\:c--start-4 {
    grid-column-start: 4;
  }
  .xxl\:r-5 {
    grid-row: span 5;
  }
  .xxl\:c-5 {
    grid-column: span 5;
  }
  .xxl\:c--start-5 {
    grid-column-start: 5;
  }
  .xxl\:r-6 {
    grid-row: span 6;
  }
  .xxl\:c-6 {
    grid-column: span 6;
  }
  .xxl\:c--start-6 {
    grid-column-start: 6;
  }
  .xxl\:r-7 {
    grid-row: span 7;
  }
  .xxl\:c-7 {
    grid-column: span 7;
  }
  .xxl\:c--start-7 {
    grid-column-start: 7;
  }
  .xxl\:r-8 {
    grid-row: span 8;
  }
  .xxl\:c-8 {
    grid-column: span 8;
  }
  .xxl\:c--start-8 {
    grid-column-start: 8;
  }
  .xxl\:r-9 {
    grid-row: span 9;
  }
  .xxl\:c-9 {
    grid-column: span 9;
  }
  .xxl\:c--start-9 {
    grid-column-start: 9;
  }
  .xxl\:r-10 {
    grid-row: span 10;
  }
  .xxl\:c-10 {
    grid-column: span 10;
  }
  .xxl\:c--start-10 {
    grid-column-start: 10;
  }
  .xxl\:r-11 {
    grid-row: span 11;
  }
  .xxl\:c-11 {
    grid-column: span 11;
  }
  .xxl\:c--start-11 {
    grid-column-start: 11;
  }
  .xxl\:r-12 {
    grid-row: span 12;
  }
  .xxl\:c-12 {
    grid-column: span 12;
  }
  .xxl\:c--start-12 {
    grid-column-start: 12;
  }
}

.dependants {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-template-rows: repeat(6, auto);
  grid-gap: 1rem;
  grid-auto-flow: dense;
  padding: 1rem;
}
.dependants__col {
  background-color: var(--white);
  padding: 1rem;
  border-radius: var(--card-border-radius);
  box-shadow: var(--box-shadow);
  position: relative;
}
.dependants__col--empty {
  cursor: pointer;
  background-color: var(--gray200);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.dependants__col--empty i {
  font-size: 5rem;
  color: var(--gray400);
  margin-bottom: 1rem;
}
.dependants__add-user {
  font-size: 1rem;
}
.dependants__add-user i {
  font-size: 1rem;
  color: var(--gray600);
}
.dependants__wrapper {
  display: flex;
  align-items: center;
}
.dependants__user {
  color: var(--gray300);
  font-size: 6.25rem;
  padding: 1.5rem;
}
.dependants__delete {
  position: absolute;
  right: 0;
  top: 0.5rem;
}
.dependants__cta {
  display: flex;
  align-items: center;
}
.dependants__cta .btn {
  min-width: unset;
  padding: 0.5rem 1rem;
  height: 2.5rem;
}
.dependants__name {
  justify-content: space-between;
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.5rem;
}
.dependants__name .btn-sm {
  min-width: unset;
}
.dependants__body {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0.5rem 0;
  width: 100%;
}
.dependants__ssn {
  font-size: 1.125rem;
}
.dependants__relation {
  font-size: 1.125rem;
}
.dependants__label {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  font-weight: 600;
}

@media only screen and (max-width: 595px) {
  .dependants {
    padding: 0;
    margin: 0.5rem;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
  .dependants__wrapper {
    flex-direction: column;
  }
  .dependants__name {
    justify-content: space-between;
    align-items: center;
  }
  .dependants__name a {
    width: 3.125rem;
  }
  .dependants__cta span {
    width: 100%;
  }
  .dependants__col--empty {
    padding: 1.5rem;
  }
  .dependants__col--empty i {
    font-size: 3.75rem;
    margin: 0;
  }
  .dependants__add-user {
    font-size: 1rem;
  }
  .dependants__add-user i {
    font-size: 1rem;
  }
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32.5rem, 1fr));
}
.benefits-grid__header {
  display: grid;
  grid-template-columns: 1fr 6.25rem;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "benefits-grid__title  benefits-grid__img";
  margin-bottom: 1.5rem;
  position: sticky;
  top: 0;
  background: var(--white);
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding-bottom: 0.5rem;
}
.benefits-grid__title {
  grid-area: benefits-grid__title;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--accent);
}
.benefits-grid__img {
  grid-area: benefits-grid__img;
  max-height: 3.125rem;
  max-width: 6.25rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.benefits-grid__subtitle {
  color: var(--text-color);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.benefits-grid__chart {
  margin-top: 1.75rem;
}
.benefits-grid__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row dense;
  grid-template-areas: ". .";
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin: 0.875rem 0;
}
.benefits-grid__plan {
  padding-bottom: 0.875rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.benefits-grid__rate {
  justify-content: flex-end;
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
}
.benefits-grid__showmore {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}
.benefits-grid__showmore-btn {
  color: var(--primary);
  border-radius: var(--border-radius);
  font-weight: 600;
  min-width: 6.25rem;
  border: none;
  padding: 0.5rem 0;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.2s ease-in-out;
}

.benefits-card-select {
  position: relative;
  box-shadow: 0 0.1875rem 1.25rem var(--primary), inset 0 0 0 0.125rem var(--primary), inset 0 0 0 -0.0625rem var(--primary);
}
.benefits-card-compare {
  position: relative;
  box-shadow: inset 0 0 0 0.125rem var(--accent), inset 0 0 0 -0.0625rem var(--accent);
}

@media only screen and (max-width: 595px) {
  .benefits-grid {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
  .benefits-grid__img img {
    max-height: 1.875rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.onboarding {
  position: relative;
  margin-top: 2rem;
}
.onboarding__step {
  position: relative;
  min-height: 3.5rem;
  color: var(--gray400);
  display: flex;
}
.onboarding__step:not(:last-of-type):before {
  content: "";
  position: absolute;
  display: block;
  top: 2rem;
  bottom: 0.5rem;
  left: 0.75rem;
  width: 0.0625rem;
  background-color: var(--gray300);
}
.onboarding__step.active .onboarding__title {
  font-weight: 700 !important;
  color: var(--accent) !important;
}
.onboarding__step.active .onboarding__caption {
  color: var(--text-color);
}
.onboarding__step.active .onboarding__circle {
  background: var(--primary);
  color: var(--white);
  border: none;
}
.onboarding__step.complete .onboarding__circle, .onboarding__step.incomplete .onboarding__circle {
  border: none;
}
.onboarding__step.complete .onboarding__circle:before, .onboarding__step.incomplete .onboarding__circle:before {
  font-family: var(--font-awesome);
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  font-weight: 900;
}
.onboarding__step.complete .onboarding__title {
  font-size: 0.875rem;
}
.onboarding__step.complete .onboarding__circle {
  background: var(--success);
  color: var(--success);
}
.onboarding__step.complete .onboarding__circle:before {
  content: "\f00c";
  color: var(--white);
  font-size: 0.75rem;
}
.onboarding__step.incomplete .onboarding__circle {
  background: var(--warning);
  color: transparent;
}
.onboarding__step.incomplete .onboarding__circle:before {
  content: "\f06a";
  color: var(--warning-text);
  font-size: 1.5625rem;
  font-weight: 400;
}
.onboarding__step a {
  font-size: 1rem;
  cursor: pointer;
}
.onboarding__step a.onboarding__title:hover {
  color: var(--primary) !important;
}
.onboarding__wrapper {
  margin-left: 0.5rem;
}
.onboarding__title {
  color: var(--gray600) !important;
  cursor: no-drop;
  font-size: 0.875rem;
}
.onboarding__title a {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}
.onboarding__title a:hover {
  color: var(--primary-hover);
}
.onboarding__caption {
  font-size: 0.75rem;
  color: var(--gray600);
  max-width: 8.75rem;
  border-top: 0.0625rem dashed var(--gray400);
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  padding-top: 0.25rem;
}
.onboarding__circle {
  background: var(--gray100);
  border: 0.0625rem solid var(--gray600);
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 100%;
  color: var(--gray600);
  text-align: center;
}
.onboarding__completed-title {
  font-size: 1.5rem;
  color: var(--accent);
  font-weight: 700;
}

.dark-mode .onboarding__title {
  color: #757575 !important;
  font-style: italic;
}
.dark-mode .grid-panel__left-nav a {
  color: var(--gray400);
  font-style: normal;
}
.dark-mode .onboarding__step.active .onboarding__title {
  font-style: normal;
}


.onboarding-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
}
.onboarding-grid__employeeinfo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: ". .";
  margin-bottom: 1.5rem;
}
.onboarding-grid__title {
  color: var(--text-color);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.onboarding-grid__subtitle {
  align-self: flex-start;
  justify-content: space-between;
  padding: 1.5rem 0;
  width: 100%;
  padding: 1rem 0;
  display: flex;
  align-items: baseline;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.onboarding-grid__mailing {
  grid-area: onboarding-grid__mailing;
}
.onboarding-grid__home {
  grid-area: onboarding-grid__home;
}
.onboarding-grid__chart {
  margin-top: 1.75rem;
}
.onboarding-grid__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row dense;
  grid-template-areas: ". .";
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin: 0.875rem 0;
}
.onboarding-grid__plan {
  padding-bottom: 0.875rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.onboarding-grid__rate {
  justify-content: flex-end;
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
}
.onboarding-grid__showmore {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}
.onboarding-grid__show-more-btn {
  color: var(--primary);
  border-radius: var(--border-radius);
  font-weight: 600;
  min-width: 6.25rem;
  border: none;
  padding: 0.5rem 0;
  width: -moz-fit-content;
  width: fit-content;
}

.onboarding-terms {
  max-height: 18.75rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.onboarding-terms .row {
  max-width: 41.875rem;
}

.onboarding-checkbox {
  margin: 0.875rem 0;
  padding: 1.25rem 0;
  border-top: 0.0625rem solid var(--card-border-color);
}

@media only screen and (max-width: 595px) {
  .onboarding-grid {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
  .onboarding-grid__img img {
    max-height: 1.875rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.time-card {
  color: var(--accent);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row dense;
  grid-template-areas: ". . . .";
}
.time-card__item {
  color: var(--primary);
}
.time-card__title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.time-card__number {
  font-size: 1.75rem;
  font-weight: 400;
}
.time-card__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6c757d;
}
.time-card__totalnumber {
  color: var(--accent);
  font-size: 1.75rem;
  font-weight: 700;
}
.time-card__totalnumber + .time-card__label {
  font-weight: 700;
}
.time-card__divider {
  width: 0.125rem;
  height: 2.75rem;
  margin-right: 2.5vw;
  margin-left: 2.5vw;
  background: #6c757d;
}

@media only screen and (max-width: 595px) {
  .time-card {
    grid-template-areas: ". ." ". .";
    grid-template-columns: 1fr 1fr;
  }
}
.leave-card {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row dense;
  grid-template-areas: ". . . .";
}
.leave-card__item {
  color: var(--primary);
}
.leave-card__title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.leave-card__totalnumber {
  color: var(--primary);
  font-size: 1.75rem;
  font-weight: 600;
}
.leave-card__number {
  font-size: 1.75rem;
  font-weight: 400;
}
.leave-card__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray500);
  max-width: 7.5rem;
}
.leave-card__divider {
  width: 0.125rem;
  height: 2.75rem;
  margin-right: 2.5vw;
  margin-left: 2.5vw;
  background: var(--gray500);
}


.dashboard-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.25rem, 1fr));
  gap: 1rem;
  margin: 1rem;
}

.dashboard-widget {
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  padding: 1.5rem;
}
.dashboard-widget__title {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.dashboard-widget__work-schedule {
  overflow-y: auto;
  max-height: 25rem;
  min-height: 12.5rem;
}
.dashboard-widget__work-schedule-wrapper {
  display: flex;
}
.dashboard-widget__work-schedule-user {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-widget__work-schedule-user--name {
  font-weight: 600;
}
.dashboard-widget__work-schedule-user--worksched {
  font-size: 0.875rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-template-areas: ". .";
}
.dashboard-widget__work-schedule-cta {
  display: flex;
  align-items: center;
}
.dashboard-widget__work-schedule-cta a {
  width: 3.125rem;
  min-width: unset;
}
.dashboard-widget__work-schedule-avatar {
  font-size: 2.5rem;
}
.dashboard-widget__work-schedule-avatar img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard-widget__work-schedule-item {
  display: grid;
  grid-template-columns: 2.5rem 1fr 3.125rem;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-template-areas: ". . .";
  width: 100%;
}
.dashboard-widget__work-schedule-item:not(:last-of-type) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--gray300);
}

@media only screen and (max-width: 595px) {
  .dashboard-widgets {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}
@media only screen and (max-width: 1024px) {
  .dashboard-widgets {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  }
}

.feed-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}
.feed-widgets__item {
  display: flex;
  align-items: center;
  gap: 2.25rem;
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  margin: 0.5rem;
  padding: 1rem;
  background-color: var(--white);
}
.feed-widgets__item-title {
  font-weight: 700;
}
.feed-widgets__item--info, .feed-widgets__item--warning, .feed-widgets__item--alert {
  padding-left: 3.125rem;
  position: relative;
  border-left: 0.5rem solid var(--gray300);
}
.feed-widgets__item--info:before, .feed-widgets__item--warning:before, .feed-widgets__item--alert:before {
  font-family: var(--font-awesome);
  content: "";
  position: absolute;
  left: 0.8125rem;
  z-index: 100;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 900;
}
.feed-widgets__item--info {
  border-color: var(--accent);
}
.feed-widgets__item--info:before {
  content: "\f05a" !important;
  color: var(--accent) !important;
}
.feed-widgets__item--warning {
  border-color: var(--warning);
}
.feed-widgets__item--warning:before {
  content: "\f06a" !important;
  color: var(--warning) !important;
}
.feed-widgets__item--alert {
  border-color: var(--danger);
}
.feed-widgets__item--alert:before {
  content: "\f06a" !important;
  color: var(--danger) !important;
}

.feed-widgets__item:before {
  content: "\f06a";
  font-family: var(--font-awesome);
  position: absolute;
  color: var(--accent);
  left: 0.8125rem;
  z-index: 100;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 900;
}

@media only screen and (max-width: 595px) {
  .feed-widgets {
    margin-top: 0.25rem;
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    row-gap: 0;
  }
  .feed-widgets__item {
    margin: 0.125rem 0.25rem;
  }
} 
.carousel__nav {
  padding: 0 1rem;
}
.carousel__nav .btn {
  font-size: 0.875rem;
}

.top-widgets {
  grid-area: top-widgets;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-auto-flow: dense;
  grid-gap: 1rem;
  margin: 1rem;
  margin-bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.top-widgets .widget {
  box-shadow: var(--box-shadow);
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  display: grid;
  position: relative;
  grid-template-rows: 3.125rem auto auto;
  grid-auto-flow: row;
  background-color: var(--white);
}
.top-widgets .widget__benefits {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "widget__title   " "pay__block   " "widget__footer   ";
}
.top-widgets .widget__benefits-cat {
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
  background: var(--accent);
  width: 100%;
  text-align: center;
  color: var(--white);
}
.top-widgets .widget__benefits-plan {
  font-size: 0.875rem;
  word-break: break-word;
  border-top: 0.0625rem solid var(--card-border-color);
  text-align: center;
  font-weight: 600;
  padding: 0.5rem;
}
.top-widgets .widget__benefits-logo {
  padding: 0.5rem 0;
}
.top-widgets .widget__benefits-body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . . ";
  gap: 0.5rem;
  align-items: center;
  justify-content: space-around;
}
.top-widgets .widget__benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  word-break: break-word;
  min-height: 9.5625rem;
  border: 0.0625rem solid var(--accent);
  border-radius: var(--border-radius);
}
.top-widgets .widget__benefits-item img {
  height: 1.875rem;
}
.top-widgets .widget__paycheck {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "widget__title  widget__title" "pay__block  paycheck__block" "widget__footer  widget__footer";
}
.top-widgets .widget__paycheck.unpaid {
  grid-template-areas: "widget__title  widget__title" "paycheck__block  paycheck__block" "widget__footer  widget__footer";
}
.top-widgets .widget__pto {
  grid-template-columns: 1fr;
  grid-template-areas: "widget__title" "pay__block" "widget__footer";
}
.top-widgets .widget__list {
  grid-template-columns: 1fr;
  grid-template-areas: "widget__title" "widget__body" "widget__footer";
}
.top-widgets .widget__title {
  grid-area: widget__title;
  font-weight: 700;
  height: 2.5rem;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
}
.top-widgets .widget__title .btn {
  font-size: 0.875rem !important;
  margin-top: -0.4375rem !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0;
}
.top-widgets .widget__body-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: 0.5rem 0;
}
.top-widgets .widget__body-item:first-of-type {
  border-top: 0.0625rem solid var(--card-border-color);
}
.top-widgets .widget__footer {
  grid-area: widget__footer;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid var(--card-border-color);
}
.top-widgets .widget__footer-title {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  color: var(--gray500);
}
.top-widgets .widget__footer-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-widgets .widget__footer-wrapper-title {
  font-size: 0.875rem;
}
.top-widgets .widget__footer-wrapper-value {
  font-weight: 600;
  font-size: 1.125rem;
}
.top-widgets .widget .pay__block {
  grid-area: pay__block;
}
.top-widgets .widget .paycheck__block {
  grid-area: paycheck__block;
}
.top-widgets .widget .pto__block {
  grid-area: pto__block;
}
.top-widgets .widget .paycheck__block,
.top-widgets .widget .pay__block,
.top-widgets .widget .pto__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top-widgets .widget .paycheck__block-title,
.top-widgets .widget .pay__block-title,
.top-widgets .widget .pto__block-title {
  font-weight: 600;
  color: var(--gray500);
  font-size: 0.875rem;
}
.top-widgets .widget .paycheck__block-value,
.top-widgets .widget .pay__block-value,
.top-widgets .widget .pto__block-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent);
}
.top-widgets .widget .paycheck__block-value--small,
.top-widgets .widget .pay__block-value--small,
.top-widgets .widget .pto__block-value--small {
  font-size: 1.125rem;
  color: var(--gray600);
}
.top-widgets .widget .paycheck__block-date,
.top-widgets .widget .pay__block-date,
.top-widgets .widget .pto__block-date {
  font-size: 0.875rem;
  color: var(--gray500);
}
.top-widgets .widget--two-cols {
  grid-column: span 2;
}
.top-widgets .widget--three-cols {
  grid-column: span 3;
}

@media only screen and (max-width: 1361px) {
  .top-widgets .widget__benefits {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 768px) {
  .top-widgets .widget__benefits {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 595px) {
  .top-widgets {
    grid-template-columns: 1fr;
  }
  .top-widgets .widget {
    grid-template-areas: "widget__title " "pay__block   " "paycheck__block" "widget__footer   ";
    grid-template-columns: 1fr;
    grid-template-rows: 3.125rem auto auto auto auto;
  }
  .top-widgets .widget__title .btn {
    width: unset !important;
    margin: 0 !important;
    padding: 0;
    height: 1.125rem;
    font-size: 0.875rem !important;
  }
  .top-widgets .widget .pay__block {
    margin-bottom: 1rem;
  }
  .top-widgets .widget__benefits {
    padding: 0.5rem;
  }
  .top-widgets .widget__benefits-body {
    grid-template-columns: 1fr;
    grid-template-areas: "." "." ". ";
  }
  .widget__footer-wrapper-item {
    min-width: 50%;
  }
}

.open-enrollment {
  display: grid;
  grid-template-columns: 9.375rem 1fr;
  grid-template-rows: 1fr 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "oe__days oe__title" "oe__days oe__msg" "oe__days oe__cta";
  background-color: var(--white);
  color: var(--text-color);
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  padding: 1rem;
  overflow: hidden;
  position: relative;
}
.open-enrollment__cta {
  grid-area: oe__cta;
  text-align: right;
}
.open-enrollment__days {
  grid-area: oe__days;
  font-size: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--white);
  color: var(--accent);
  margin: -0.625rem 1rem -0.625rem -0.625rem;
}
.open-enrollment__days-title {
  font-size: 0.875rem;
  width: 100%;
  text-align: center;
}
.open-enrollment__days span:first-of-type {
  margin-top: -2.375rem;
}
.open-enrollment__days span:last-of-type {
  font-size: 1rem;
  margin-top: -1.5625rem;
  font-weight: 600;
  color: var(--text-color);
}
.open-enrollment__title {
  grid-area: oe__title;
  position: relative;
  display: flex;
  align-items: self-end;
  font-weight: 700;
  border-bottom: 0.125rem solid var(--gray600);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.open-enrollment__msg {
  grid-area: oe__msg;
}


.social__widget {
  grid-area: social__widget;
  margin-top: 1rem;
}
.social__widget-msg {
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  background: var(--white);
  padding: 1rem;
}
.social__widget-msg:not(:first-of-type) {
  margin: 0.5rem 0;
}
.social__tool-bar {
  display: flex;
}
.social__close-btn {
  min-width: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.social__close-btn i {
  color: var(--gray500) !important;
}
.social__close-btn:hover {
  background-color: var(--primary-ghost);
}
.social__tools {
  box-shadow: var(--box-shadow);
  margin-top: 0.25rem;
}
.social__tools .form-control {
  resize: none;
  border: none;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  box-shadow: inset 0 0 0 0.0625rem var(--gray500);
  height: 6.25rem;
}
.social__tools .form-control:focus {
  box-shadow: none;
  box-shadow: inset 0 0 0 0.0625rem var(--primary-info), 0 0 0.25rem var(--primary-info);
  border-bottom: none;
}
.social__tools-footer {
  background: var(--gray600);
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  align-items: center;
  color: var(--white);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.social__tools-footer .btn {
  border-radius: 6.25rem;
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  min-width: 0;
}
.social__msg {
  position: relative;
  box-shadow: var(--box-shadow);
  border-radius: var(--card-border-radius);
  background: var(--white);
  padding: 1rem;
  margin: 1rem;
  overflow: hidden;
}
.social__msg:not(:first-of-type) {
  margin: 1rem 0;
}
.social__msg-header {
  display: flex;
  align-items: center;
}
.social__msg-img img {
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.1875rem;
  clip-path: polygon(0% 5%, 2% 2%, 3% 1%, 6% 0%, 94% 0%, 98% 2%, 100% 7%, 100% 85%, 98% 88%, 96% 89%, 73% 90%, 73% 100%, 47% 90%, 4% 90%, 5% 90%, 0% 86%);
}
.social__msg-subtitle {
  font-size: 0.875rem;
  color: var(--gray500);
}
.social__msg-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.social__msg-user {
  margin-left: 1rem;
}
.social__msg-name {
  font-weight: 700;
}
.social__msg-love {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 1rem;
}
.social__msg-love i {
  font-size: 0.875rem;
}
.social__msg-view-all {
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
.social__msg-view-all a {
  padding: 0.5rem 1rem;
  margin-left: 2.125rem;
}
.social__msg-view-all i {
  color: var(--primary);
}
.social__msg-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 0.0625rem solid var(--card-border-color);
  margin: 0 -1rem -1rem -1rem;
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  padding: 0.5rem;
  color: var(--white);
}
.social__msg-footer .form-control {
  font-size: 0.875rem;
}
.social__msg-footer .btn {
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  min-width: 0;
}
.social__body {
  margin-left: 4.125rem;
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.social__replies {
  display: grid;
  margin-left: 4.1875rem;
}
.social__reply {
  position: relative;
  display: flex;
  padding: 1rem 0.5rem;
  border-radius: var(--border-radius);
  border-top: 0.0625rem solid var(--card-border-color);
}
.social__reply:last-of-type {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.social__reply-tools {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.social__reply-tools i {
  color: var(--gray400);
  font-size: 0.75rem;
}
.social__reply-img img {
  height: 3.75rem;
  width: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
}
.social__reply-wrapper {
  margin-left: 1rem;
  margin-top: 0.625rem;
}
.social__reply-name {
  font-weight: 700;
  font-size: 0.875rem;
}
.social__reply-body {
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.social__reply-footer {
  color: var(--gray500);
  font-weight: 600;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.social__reply-footer .btn {
  padding: 0 0.5rem;
  color: var(--primary);
  font-size: 0.75rem;
  min-width: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin: -0.3125rem 0 0 0.5rem;
}
.social__reply-footer .btn:hover {
  background-color: var(--primary-ghost);
}
.social__reply-op {
  color: var(--primary);
  font-weight: 700;
}
.social__reply-sub-wrapper {
  display: flex;
}
.social__reply--sub {
  margin-left: 3.125rem;
}
.social__reply--sub:before {
  font-family: var(--font-awesome);
  content: "\e3d6";
  position: absolute;
  left: -1.125rem;
  top: 1.8125rem;
  color: var(--gray500);
  font-weight: 300;
  font-size: 0.75rem;
}
.social__reply-input {
  display: flex;
  gap: 0.5rem;
}
.social__reply-input .btn {
  margin: 0 !important;
}
.social__tool-bar {
  position: absolute;
  right: 0;
}
.social__page {
  display: grid;
  grid-template-columns: 1fr 25rem;
  grid-template-areas: "social__widget social__info-panel";
}
.social__page .social__tools {
  margin: 0;
}
.social__info-panel {
  grid-area: social__info-panel;
  background-color: var(--gray300);
  position: sticky;
  top: 0.5rem;
  align-self: start;
  padding: 0.5rem;
  margin: 1rem;
}
.social__info-panel-sender {
  font-size: 0.8125rem;
}
.social__info-panel-row {
  display: grid;
  gap: 0.5rem;
}
.social__info-panel-item {
  background-color: var(--white);
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: var(--card-border-radius);
}
.social__info-panel-title {
  font-weight: 700;
  font-size: 1.125rem;
  padding: 0.5rem 0 1rem 0;
}
.social__info-panel-img {
  padding: 0.5rem;
}
.social__info-panel-img img {
  height: 2.5rem;
  width: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
}

@media only screen and (max-width: 1440px) {
  .social__page {
    grid-template-columns: 1fr 18.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .social__page {
    grid-template-columns: 1fr 18.75rem;
  }
}
@media only screen and (max-width: 1024px) {
  .social__page {
    grid-template-columns: 1fr 21.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .social__page {
    grid-template-columns: 1fr;
    grid-template-areas: "social__widget" "social__info-panel";
  }
  .social__info-panel {
    display: none;
  }
}
@media only screen and (max-width: 595px) {
  .social__reply-input {
    flex-direction: column;
  }
  .social__reply--sub {
    margin-left: 0;
  }
  .social__reply--sub:before {
    left: 2.25rem;
    top: 5.625rem;
  }
  .social__close-btn {
    display: none;
  }
  .social__msg-footer {
    flex-direction: column;
    gap: 0;
  }
  .social__msg-footer .form-control {
    width: 100%;
  }
  .social__tools-footer {
    flex-direction: column-reverse;
  }
  .social__reply-tools {
    right: 0.625rem;
    left: unset;
  }
  .social__tool-bar {
    top: 0.9375rem;
    right: 0.625rem;
  }
  .social__body {
    margin: 1rem 0 0 0;
  }
  .social__replies {
    margin-left: 0;
  }
  .social__replies .social__tool-bar {
    top: 1.5625rem;
    right: 0.625rem;
  }
  .social__reply-footer .btn {
    text-align: left;
    padding: 0;
  }
  .social__reply-footer .btn:focus, .social__reply-footer .btn:active {
    background-color: transparent;
  }
}

.payroll-summary {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 0.5fr 3.75rem 3.75rem;
  grid-template-rows: auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "payroll-summary__name payroll-summary__net-check payroll-summary__total-taxes payroll-summary__total-deductions payroll-summary__total-contributions payroll-summary__edit-taxes payroll-summary__cta" "payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body  payroll-summary__body";
  border-radius: var(--border-radius);
  padding: 1rem 0;
}
.payroll-summary .form-element {
  margin: 0.5rem 0 0 0;
}
.payroll-summary:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--gray300);
}
.payroll-summary__name {
  grid-area: payroll-summary__name;
  display: flex;
}
.payroll-summary__net-check {
  grid-area: payroll-summary__net-check;
}
.payroll-summary__total-taxes {
  grid-area: payroll-summary__total-taxes;
}
.payroll-summary__total-deductions {
  grid-area: payroll-summary__total-deductions;
}
.payroll-summary__total-contributions {
  grid-area: payroll-summary__total-contributions;
}
.payroll-summary__edit-taxes, .payroll-summary__cta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payroll-summary__edit-taxes .btn, .payroll-summary__cta .btn {
  min-width: unset;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
}
.payroll-summary__edit-taxes [aria-expanded=true] .fa-angle-down:before, .payroll-summary__cta [aria-expanded=true] .fa-angle-down:before {
  content: "\f106";
}
.payroll-summary__edit-taxes {
  grid-area: payroll-summary__edit-taxes;
}
.payroll-summary__cta {
  grid-area: payroll-summary__cta;
}
.payroll-summary__body {
  grid-area: payroll-summary__body;
  margin-top: 1.5rem;
}

.ps {
  display: grid;
  grid-template-columns: 1fr 5.9375rem 5.9375rem 8.125rem 8.125rem 12.5rem 8.125rem 12.5rem;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "ps__wages ps__hours ps__rate ps__this-check1 ps__ytd1 ps__deductions-and-taxes ps__this-check ps__year-to-date";
  margin: 0.5rem 0;
  border-top: 0.0625rem solid var(--card-border-color);
  padding: 1rem 0 0.25rem;
}
.ps--titles {
  font-weight: 700;
}
.ps__wages, .ps__hours, .ps__rate, .ps__this-check1, .ps__ytd1, .ps__deductions-and-taxes, .ps__this-check {
  display: grid;
  row-gap: 0.5rem;
}
.ps__wages {
  grid-area: ps__wages;
}
.ps__hours {
  grid-area: ps__hours;
}
.ps__rate {
  grid-area: ps__rate;
}
.ps__this-check1 {
  grid-area: ps__this-check1;
}
.ps__ytd1 {
  grid-area: ps__ytd1;
}
.ps__deductions-and-taxes {
  grid-area: ps__deductions-and-taxes;
}
.ps__this-check {
  grid-area: ps__this-check;
}
.ps__year-to-date {
  grid-area: ps__year-to-date;
  display: grid;
  row-gap: 0.5rem;
}


@media only screen and (max-width: 1600px) {
  .payroll-summary {
    grid-template-areas: "payroll-summary__name payroll-summary__net-check payroll-summary__total-taxes payroll-summary__edit-taxes payroll-summary__cta" "payroll-summary__name payroll-summary__total-deductions payroll-summary__total-contributions payroll-summary__edit-taxes payroll-summary__cta" "payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body ";
    grid-template-columns: 1fr 0.5fr 0.5fr;
    grid-template-rows: auto auto auto;
  }
  .payroll-summary__cta {
    top: 3.125rem;
  }
  .ps {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
  }
}
@media only screen and (max-width: 595px) {
  .payroll-summary {
    grid-template-areas: "payroll-summary__name  payroll-summary__name  payroll-summary__name  payroll-summary__edit-taxes" "payroll-summary__net-check payroll-summary__net-check payroll-summary__total-taxes  payroll-summary__total-taxes  " "payroll-summary__total-deductions payroll-summary__total-deductions payroll-summary__total-contributions payroll-summary__total-contributions" "payroll-summary__body payroll-summary__body payroll-summary__body payroll-summary__body";
    grid-template-columns: 1fr 1fr 1fr 3.75rem;
    grid-template-rows: auto auto auto;
    margin: 0 -1.0625rem;
    padding: 1rem;
  }
  .payroll-summary:not(:last-of-type) {
    border-bottom: 0.25rem solid var(--gray300);
  }
  .payroll-summary__name, .payroll-summary__edit-taxes {
    border-bottom: 0.0625rem dashed var(--blue100);
    margin-bottom: 1rem;
  }
  .payroll-summary__name .form-label {
    display: none;
  }
  .payroll-summary__name .form-control {
    font-weight: 700;
    font-size: 1.125rem;
  }
  .payroll-summary__edit-taxes .btn {
    border: 0.0625rem solid var(--primary);
  }
  .payroll-summary__cta {
    display: none;
  }
  .ps {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
  }
}

.filters-table__row {
  display: grid;
  grid-template-columns: 0.5fr 1fr auto;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "fti ftb ftcta";
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.filters-table__row:first-of-type {
  border-top: 0.0625rem solid var(--card-border-color);
}
.filters-table__body, .filters-table__cta, .filters-table__item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.filters-table__body .form-element, .filters-table__cta .form-element, .filters-table__item .form-element {
  width: 100%;
  margin: 0;
}
.filters-table__body {
  grid-area: ftb;
  display: flex;
  gap: 1rem;
}
.filters-table__cta {
  grid-area: ftcta;
  max-width: 5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.filters-table__cta .btn {
  min-width: unset;
}
.filters-table__item {
  grid-area: fti;
  font-weight: 600;
}

@media only screen and (max-width: 1366px) {
  .filters-table__row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "fti ftcta" "ftb ftb";
  }
}
@media only screen and (max-width: 595px) {
  .filters-table__row {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "fti " "ftb " "ftcta";
  }
  .filters-table__body {
    flex-direction: column;
    justify-content: flex-start;
  }
  .filters-table__body .form-switch {
    display: flex;
    gap: 2.875rem;
  }
  .filters-table__body .form-switch:before {
    content: attr(data-bs-title);
  }
  .filters-table__cta {
    width: 100%;
    max-width: unset;
  }
  .filters-table__cta span {
    width: 100%;
  }
  .filters-table__cta .btn {
    width: 100%;
    border: 0.0625rem solid var(--primary);
  }
}

.leave-request {
  display: grid;
  grid-template-columns: 0.65fr 0.35fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "leave-request__left-col leave-request__right-col";
  height: 100%;
}
.leave-request__left-col {
  grid-area: leave-request__left-col;
}
.leave-request__right-col {
  grid-area: leave-request__right-col;
}
.leave-request .balance {
  grid-area: balance;
  height: -moz-fit-content;
  height: fit-content;
}
.leave-request .request-form {
  grid-area: request-form;
}

.holiday-calendar {
  grid-area: holiday-calendar;
  background-color: var(--gray100);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  height: 100%;
}
.holiday-calendar__title {
  font-size: 1.5rem;
}
.holiday-calendar__item {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .leave-request {
    grid-template-columns: 0.6fr 0.4fr;
  }
}
@media screen and (max-width: 768px) {
  .leave-request {
    grid-template-columns: 1fr;
    grid-template-areas: "leave-request__left-col" "leave-request__right-col";
  }
}
@media screen and (max-width: 595px) {
  .holiday-calendar__item {
    flex-direction: column;
  }
  .holiday-calendar__item span:first-of-type {
    font-weight: 400;
  }
  .holiday-calendar__item span:last-of-type {
    font-size: 1.125rem;
  }
}

.prism-live {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  padding: 1.25rem 9.375rem;
  background-color: #081631;
  background-image: radial-gradient(at 34% 39%, rgb(22, 44, 92) 0, hsla(145deg, 86%, 65%, 0) 50%), radial-gradient(at 59% 52%, rgb(27, 41, 70) 0, hsla(165deg, 92%, 70%, 0) 50%), radial-gradient(at 75% 95%, rgb(18, 49, 110) 0, hsla(102deg, 90%, 50%, 0) 50%), radial-gradient(at 94% 41%, rgb(12, 41, 100) 0, hsla(229deg, 93%, 60%, 0) 50%);
  font-size: 1rem;
}
.prism-live__bg-image {
  height: 149rem;
  width: 189rem;
  position: relative;
  left: -25.42%;
  right: -32.12%;
  top: -58.98%;
  bottom: -61.82%;
}
.prism-live__bg-image img {
  width: 100%;
  height: auto;
}
.prism-live__bg-image img {
  -o-object-fit: none;
     object-fit: none;
}
.prism-live__wrapper {
  position: relative;
  z-index: 1;
  border-radius: 1.5rem;
  background: radial-gradient(103.62% 223.11% at -0.8% 1.51%, rgba(229, 243, 255, 0.4) 0%, rgba(255, 255, 255, 0.05) 100%);
  filter: drop-shadow(0.25rem 0.375rem 3.125rem rgba(8, 22, 49, 0.3));
  -webkit-backdrop-filter: blur(1.3125rem);
          backdrop-filter: blur(1.3125rem);
  display: flex;
  justify-content: center;
  margin: 2.5rem;
}
.prism-live__soc {
  margin: 1rem;
  position: relative;
  z-index: 1;
}
.prism-live__soc img {
  width: 3.75rem;
}
.prism-live__card {
  width: auto;
  text-align: center;
}
.prism-live__header {
  padding: 2.25rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 5.3125rem;
}
.prism-live__subtitle {
  color: #4DC1B9;
  font-size: 1rem;
  font-weight: 700;
}
.prism-live__title {
  color: var(--white);
  font-size: 3rem;
  font-weight: 700;
}
.prism-live__header img {
  max-width: 10rem;
}
.prism-live__body-logo {
  margin: 1.5rem 0 2rem 0;
}
.prism-live__body-logo img {
  max-width: 14.375rem;
}
.prism-live__body-message {
  padding: 0 1rem 2.25rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--blue100);
  font-weight: 400;
}
.prism-live__form {
  padding: 2.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  min-height: 14.6875rem;
}
.prism-live__mfa {
  padding: 1rem;
}
.prism-live__mfa-content form {
  row-gap: 0.5rem;
  display: grid;
}
.prism-live__mfa-content form label {
  font-size: 1rem;
  text-align: left;
}
.prism-live__mfa-content .small-text {
  font-size: 0.75rem;
  text-align: left;
  margin-left: 2rem;
  margin-top: -0.75rem;
  color: var(--gray500);
}
.prism-live__mfa-message {
  text-align: left;
  margin: 1.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.prism-live__mfa-title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gray500);
}
.prism-live__footer {
  margin-top: 2rem;
  padding: 1.5rem;
  border-top: 0.0625rem solid rgba(229, 243, 255, 0.1);
}
.prism-live__footer ul {
  display: flex;
  justify-content: space-around;
}
.prism-live__footer ul li {
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prism-live__footer ul li:not(:last-of-type):after {
  content: "";
  margin-left: 1.6875rem;
  height: 100%;
  border-right: 0.0625rem solid var(--card-border-color);
}
.prism-live__footer-copy {
  color: rgba(229, 243, 255, 0.2);
  font-size: 0.875rem;
}
.prism-live--bg-image {
  position: relative;
  z-index: 0;
  background-image: var(--login-bg2);
}
.prism-live--bg-image .prism-live__wrapper {
  box-shadow: none;
}

.floating-bg {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.9375rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.prismlive-button {
  flex-grow: inherit;
  border-radius: var(--border-radius);
  padding: 2rem 1.5rem;
  min-width: 6.25rem;
  border: none;
  width: 100%;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  transition: all 0.2s ease-in-out;
  min-height: 13.75rem;
}
.prismlive-button__left {
  border-radius: 0.75rem 0 0 0.75rem;
  background-color: var(--blue90);
  color: rgba(229, 243, 255, 0.5);
  height: 100%;
}
.prismlive-button__left-title {
  font-size: 1.75rem;
  font-weight: 600;
}
.prismlive-button__left-icon {
  font-size: 4rem;
}
.prismlive-button__left-message {
  padding-top: 0.75rem;
  font-size: 1rem;
  font-weight: 300;
}
.prismlive-button__left:hover {
  background: linear-gradient(160.45deg, rgba(77, 193, 185, 0.75) 9.51%, rgba(39, 109, 246, 0.75) 89.81%);
  color: var(--white);
}
.prismlive-button__left:hover-title {
  color: var(--white);
}
.prismlive-button__left:hover-icon {
  color: #4DC1B9;
}
.prismlive-button__left:hover-message {
  color: var(--white);
}
.prismlive-button__center {
  border-radius: 0;
  background-color: var(--blue90);
  color: rgba(229, 243, 255, 0.5);
  height: 100%;
}
.prismlive-button__center-title {
  font-size: 1.75rem;
  font-weight: 600;
}
.prismlive-button__center-icon {
  font-size: 4rem;
}
.prismlive-button__center-message {
  padding-top: 0.75rem;
  font-size: 1rem;
  font-weight: 300;
}
.prismlive-button__center:hover {
  background: linear-gradient(160.45deg, rgba(77, 193, 185, 0.75) 9.51%, rgba(39, 109, 246, 0.75) 89.81%);
  color: var(--white);
}
.prismlive-button__center:hover-title {
  color: var(--white);
}
.prismlive-button__center:hover-icon {
  color: #4DC1B9;
}
.prismlive-button__center:hover-message {
  color: var(--white);
}
.prismlive-button__right {
  border-radius: 0 1rem 1rem 0;
  background-color: var(--blue90);
  color: rgba(229, 243, 255, 0.5);
  height: 100%;
}
.prismlive-button__right-title {
  font-size: 1.75rem;
  font-weight: 600;
}
.prismlive-button__right-icon {
  font-size: 4rem;
}
.prismlive-button__right-message {
  padding-top: 0.75rem;
  font-size: 1rem;
  font-weight: 300;
}
.prismlive-button__right:hover {
  background: linear-gradient(160.45deg, rgba(77, 193, 185, 0.75) 9.51%, rgba(39, 109, 246, 0.75) 89.81%);
  color: var(--white);
}
.prismlive-button__right:hover-title {
  color: var(--white);
}
.prismlive-button__right:hover-icon {
  color: #4DC1B9 !important;
}
.prismlive-button__right:hover-message {
  color: var(--white);
}

@media only screen and (max-width: 595px) {
  .prism-live {
    padding: 1.25rem 1.5625rem;
    overflow-y: auto;
  }
  .prism-live__wrapper {
    width: 85vw;
  }
  .prism-live__card {
    width: auto;
    margin: 0.625rem;
    text-align: center;
  }
  .prism-live__form {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .prism-live {
    padding: 1.25rem 4.6875rem;
    overflow-y: auto;
  }
  .prism-live__wrapper {
    margin: 1.25rem;
  }
  .prism-live__card {
    width: auto;
    margin: 1.25rem;
    text-align: center;
  }
  .prism-live__form {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
  }
  .prism-live__copy {
    margin-top: 2.5rem;
  }
  .prism-live__right-col {
    display: none;
  }
}
@media only screen and (max-width: 1240px) {
  .prism-live {
    padding: 1.25rem 4.6875rem;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 980px) {
  .prism-live {
    padding: 1.25rem 3.125rem;
    overflow-y: auto;
    justify-content: normal;
  }
  .prism-live__form {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
  }
  .prismlive-button__left {
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .prismlive-button__center {
    border-radius: 0;
  }
  .prismlive-button__right {
    border-radius: 0 0 0.75rem 0.75rem;
  }
}

.dashboard-EE {
  display: grid;
  grid-template-columns: 1fr 22.5rem;
  grid-template-rows: 1fr;
  grid-template-areas: "lc rd";
  gap: 1rem;
  padding: 1rem;
}
.dashboard-EE #system-messages {
  grid-area: system-messages;
}
.dashboard-EE #quicklinks {
  grid-area: quicklinks;
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard-EE #quicklinks h2 {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--accent);
  margin: 0.5rem 1rem;
}
.dashboard-EE #my-profile {
  grid-area: my-profile;
}
.dashboard-EE #my-upcoming {
  grid-area: my-upcoming;
  height: 20.25rem;
}
.dashboard-EE #my-upcoming.dtable .table-head, .dashboard-EE #my-upcoming.dtable .table-body__row {
  grid-template-columns: 1fr 3.75rem;
  grid-template-areas: ".  .";
}
.dashboard-EE #my-upcoming .calendar-icon {
  background-color: var(--blue100);
  border-radius: 0.5rem;
}
.dashboard-EE #my-upcoming .calendar-icon img {
  width: 2.5rem;
}
.dashboard-EE #my-contacts {
  grid-area: my-contacts;
}
.dashboard-EE #my-contacts .table-body {
  overflow-y: auto;
  max-height: 15rem;
}
.dashboard-EE #my-pay {
  grid-area: my-pay;
}
.dashboard-EE #my-time-off {
  grid-area: my-time-off;
}
.dashboard-EE #my-reviews {
  grid-area: my-reviews;
}
.dashboard-EE #my-time-clock {
  grid-area: my-time-clock;
  max-height: 16.25rem;
}
.dashboard-EE #my-calendar {
  grid-area: my-calendar;
}
.dashboard-EE #my-team {
  grid-area: my-team;
}
.dashboard-EE #my-team .table-body {
  overflow-y: auto;
  max-height: 10rem;
}
.dashboard-EE #my-news {
  grid-area: my-news;
}

.dashboard-EE-social {
  display: grid;
  grid-template-columns: 1fr 22.5rem;
  grid-template-rows: 1fr;
  grid-template-areas: "lcsocial rd";
  gap: 1rem;
  padding: 1rem;
}
.dashboard-EE-social #system-messages {
  grid-area: system-messages;
}
.dashboard-EE-social #quicklinks {
  grid-area: quicklinks;
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard-EE-social #quicklinks h2 {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--accent);
  margin: 0.5rem 1rem;
}
.dashboard-EE-social #my-profile {
  grid-area: my-profile;
}
.dashboard-EE-social #my-upcoming {
  grid-area: my-upcoming;
  height: 20.25rem;
}
.dashboard-EE-social #my-upcoming.dtable .table-head, .dashboard-EE-social #my-upcoming.dtable .table-body__row {
  grid-template-columns: 1fr 3.75rem;
  grid-template-areas: ".  .";
}
.dashboard-EE-social #my-upcoming .calendar-icon {
  background-color: var(--blue100);
  border-radius: 0.5rem;
}
.dashboard-EE-social #my-upcoming .calendar-icon img {
  width: 2.5rem;
}
.dashboard-EE-social #my-contacts {
  grid-area: my-contacts;
}
.dashboard-EE-social #my-contacts .table-body {
  overflow-y: auto;
  max-height: 15rem;
}
.dashboard-EE-social #my-pay {
  grid-area: my-pay;
}
.dashboard-EE-social #my-time-off {
  grid-area: my-time-off;
}
.dashboard-EE-social #my-reviews {
  grid-area: my-reviews;
}
.dashboard-EE-social #my-time-clock {
  grid-area: my-time-clock;
  max-height: 16.25rem;
}
.dashboard-EE-social #my-calendar {
  grid-area: my-calendar;
}
.dashboard-EE-social #my-team {
  grid-area: my-team;
}
.dashboard-EE-social #my-team .table-body {
  overflow-y: auto;
  max-height: 10rem;
}
.dashboard-EE-social #my-news {
  grid-area: my-news;
}

.dashboard-EE__lc {
  grid-area: lc;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto 19rem 19rem 21.5rem auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: "quicklinks quicklinks quicklinks quicklinks  quicklinks quicklinks quicklinks quicklinks  quicklinks quicklinks quicklinks quicklinks  " "my-profile my-profile my-profile my-pay my-pay my-pay my-time-off my-time-off my-time-off my-reviews my-reviews my-reviews " "my-team my-team my-team my-team system-messages system-messages system-messages system-messages system-messages system-messages system-messages system-messages  " "my-contacts my-contacts my-contacts my-contacts system-messages system-messages system-messages system-messages system-messages system-messages system-messages system-messages  " "my-news my-news my-news my-news my-news my-news my-news my-news . . . . ";
}

.dashboard-EE__lc-social {
  grid-area: lcsocial;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto 19rem auto auto auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: "quicklinks quicklinks quicklinks quicklinks" "my-profile my-pay my-time-off my-reviews " "my-team my-team social social" "my-contacts my-contacts social social" "my-news my-news system-messages system-messages";
}

.dashboard-EE__rc {
  grid-area: rd;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}

.dashboard-EE__item {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 1rem;
  border: 0.0625rem solid var(--card-border-color);
}
.dashboard-EE__item-title {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: var(--accent);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-EE__item-title .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
}
.dashboard-EE__item-title .dropdown-toggle:after {
  display: none;
}
.dashboard-EE__item-body {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.375rem;
}
.dashboard-EE__item-top-title {
  font-weight: 600;
}
.dashboard-EE__item-amount {
  color: var(--accent);
  filter: brightness(0.5);
  font-weight: 700;
  font-size: 1.75rem;
  overflow: hidden;
  width: 11.625rem;
  position: relative;
  white-space: nowrap;
}
.dashboard-EE__item-cta {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dashboard-EE__item-cta .btn {
  width: 100%;
}
.dashboard-EE__item-name, .dashboard-EE__item-job {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.dashboard-EE__item-name {
  font-size: 1.5rem;
  font-weight: 600;
}
.dashboard-EE__item-note {
  color: var(--primary);
  filter: hue-rotate(291deg) contrast(0.4);
}
.dashboard-EE__item-avatar {
  height: 4.75rem;
  width: 4.75rem;
  min-height: 4.75rem;
  min-width: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  border-radius: 1rem;
}
.dashboard-EE__item-avatar--name {
  background: var(--info);
  color: var(--accent);
}
.dashboard-EE__item-avatar img {
  height: 4.75rem;
  width: 4.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
.dashboard-EE__item-integration {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.dashboard-EE__item-integration--logo {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.dashboard-EE__item-integration--logo img {
  width: 80%;
}
.dashboard-EE__item-integration--text {
  text-align: center;
}
.dashboard-EE__item.zayzoon {
  border: none;
  background-color: #ebfaf9;
}
.dashboard-EE__item.zayzoon .dashboard-EE__item-title {
  color: #233240;
}
.dashboard-EE__item.zayzoon .btn-primary {
  border-color: #35cdbb;
  background-color: #35cdbb;
}
.dashboard-EE__item.zayzoon .btn-link {
  color: #233240;
  background: transparent;
}
.dashboard-EE__item.zayzoon .btn:focus {
  outline: 0.0625rem solid #35cdbb;
}

@media only screen and (max-width: 1700px) {
  .dashboard-EE__lc {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 19rem 19rem 21.5rem auto auto;
    grid-template-areas: "quicklinks quicklinks quicklinks quicklinks  quicklinks quicklinks   " "my-profile my-profile my-profile my-pay my-pay my-pay" " my-time-off my-time-off my-time-off my-reviews my-reviews my-reviews " "my-team my-team my-team my-contacts my-contacts my-contacts   " "  my-news my-news my-news my-news my-news my-news  " "system-messages system-messages system-messages system-messages  system-messages system-messages  ";
  }
}
@media only screen and (max-width: 1250px) {
  .dashboard-EE__lc {
    grid-template-columns: 1fr;
    grid-template-rows: auto 19rem 19rem 21.5rem auto auto;
    grid-template-areas: "quicklinks   " "my-profile " "my-pay" " my-time-off " " my-reviews " "my-team" " my-contacts   " "  my-news   " "system-messages  ";
  }
}
@media only screen and (max-width: 1024px) {
  .dashboard-EE__lc {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "quicklinks    " "my-profile" "my-pay" " my-time-off" "my-reviews " "my-team " "my-contacts" " my-news   " " system-messages  ";
  }
  .dashboard-EE__rc {
    grid-template-rows: 20rem 35rem 20.25rem;
    grid-auto-flow: row;
    grid-template-areas: "my-time-clock" " my-calendar" "my-upcoming";
  }
}
@media only screen and (max-width: 900px) {
  .dashboard-EE {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "rd" "lc";
  }
  .dashboard-EE__lc {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "quicklinks quicklinks" "my-profile my-pay" " my-time-off my-reviews " "my-team my-team" "my-contacts my-contacts" " my-news my-news  " "system-messages  system-messages  ";
  }
  .dashboard-EE__rc {
    grid-template-rows: 20rem 35rem 20.25rem;
    grid-auto-flow: row;
    grid-template-areas: "my-time-clock" " my-calendar" "my-upcoming";
  }
}
@media only screen and (max-width: 759px) {
  .dashboard-EE {
    padding: 0.5rem;
    gap: 0.5rem;
  }
  .dashboard-EE__rc {
    grid-template-rows: auto auto auto;
  }
  .dashboard-EE__lc {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "quicklinks   " "my-profile" "my-pay" " my-time-off" "my-reviews " "my-team" "my-contacts" " my-news  " "system-messages  ";
    gap: 0.5rem;
  }
  .dashboard-EE #my-team,
  .dashboard-EE #my-contacts {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
  }
  .dashboard-EE #my-team .dtable-title,
  .dashboard-EE #my-contacts .dtable-title {
    margin: 1rem 1rem 0.25rem 1rem;
  }
  .dashboard-EE #my-team .table-head,
  .dashboard-EE #my-contacts .table-head {
    display: none;
  }
  .dashboard-EE #my-team .table-body,
  .dashboard-EE #my-contacts .table-body {
    overflow-y: hidden;
    height: -moz-fit-content;
    height: fit-content;
    width: 94vw;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
    border-radius: 1rem;
    border-radius: 0 1rem 1rem 0;
    white-space: nowrap;
    display: grid;
    grid-auto-flow: column;
    overflow-x: scroll;
    grid-auto-columns: minmax(21.875rem, 1fr);
  }
  .dashboard-EE #my-team .table-body__row,
  .dashboard-EE #my-contacts .table-body__row {
    background-color: var(--white);
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
  }
  .dashboard-EE #my-team .table-body__row:not(:last-of-type),
  .dashboard-EE #my-contacts .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .dashboard-EE #my-team .table-body {
    padding: 0;
    height: 8.125rem;
  }
  .dashboard-EE #my-team .table-body__row {
    height: -moz-fit-content;
    height: fit-content;
    gap: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem !important;
  }
  .dashboard-EE #my-team .table-body__row div {
    width: -moz-fit-content;
    width: fit-content;
  }
  .dashboard-EE #my-team .table-body__row div:first-child {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .dashboard-EE #my-team .table-body__cta {
    position: absolute;
    right: 1.25rem;
    display: flex;
    flex-direction: column;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
  }
  .dashboard-EE #my-team .table-body__cta a {
    font-size: 3.125rem;
  }
}
.dark-mode .dashboard-EE__item-avatar--name {
  background: var(--dark-highlight);
  color: var(--gray100);
}


main {
  width: 100%;
  margin: auto;
  border-top: none;
  border-bottom: none;
}








.warning-page {
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  padding: 1.25rem 1.25rem;
  height: 100%;
  font-size: 1rem;
}
.warning-page img {
  width: 8.75rem;
  margin-bottom: 1.5rem;
}
.warning-page__container {
  position: relative;
  max-width: 38.75rem;
  margin: auto;
  padding-top: 6%;
}
.warning-page__header {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--primary);
}
.warning-page__footer {
  margin-top: 1.5rem;
}


.employee-list {
  -moz-column-count: 3;
       column-count: 3;
}

@media only screen and (max-width: 595px) {
  .employee-list {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media only screen and (max-width: 768px) {
  .employee-list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media only screen and (max-width: 1280px) {
  .employee-list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media only screen and (max-width: 1920px) {
  .employee-list {
    -moz-column-count: 5;
         column-count: 5;
  }
}

.address-validation-card {
  max-width: var(--max-view-width);
  padding: 1.5rem;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
}
.address-validation-card__body {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.address-validation-col {
  display: flex;
  flex-direction: column !important;
  width: 100%;
}
.address-validation-col__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.address-validation-col__header-title {
  font-size: 1rem;
  font-weight: 600;
}
.address-validation-col__item {
  border-radius: var(--border-radius);
  margin-bottom: 0.75rem;
  padding: 1rem;
  max-width: 42.8125rem;
}
.address-validation-col__item-title {
  font-size: 1.125rem;
  font-weight: 37.5rem;
  color: var(--accent);
  margin-bottom: 1rem;
}
.address-validation-col__item-title--icon {
  padding-right: 0.5rem;
}
.address-validation-col__item-body {
  font-size: 1rem;
}
.address-validation-col__item.disabled {
  pointer-events: none;
  background: var(--disabled);
  color: var(--gray500);
}
.address-validation-col__item.entered {
  pointer-events: none;
  background: var(--white);
  color: var(--gray600);
}
.address-validation-col__item.suggested {
  transition: ease-in-out 250ms;
  background-color: var(--primary-ghost) !important;
  color: var(--primary) !important;
}

@media screen and (max-width: 1200px) {
  .address-validation-card__body {
    flex-direction: column;
  }
}
.dark-mode .address-validation-col__item.entered {
  color: white;
}


.continuous-feedback {
  display: grid;
  grid-template-columns: 3.25rem 1fr;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "header header " "left-nav breadcrumbs " "left-nav ee-notice " "left-nav mani-body " "footer footer ";
  height: 100vh;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.continuous-feedback-grid {
  display: grid;
  grid-template-columns: 1fr 25rem;
  grid-template-rows: 1fr;
  gap: 1.5rem;
  margin: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "cont-feed-left-col cont-feed-right-col";
}
.continuous-feedback-grid__left-col {
  grid-area: cont-feed-left-col;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.continuous-feedback-grid__left-col #timecard-approvals {
  padding-bottom: 0.25rem;
}
.continuous-feedback-grid__left-col #timecard-approvals.dtable .table-body__row,
.continuous-feedback-grid__left-col #timecard-approvals.dtable .table-head {
  display: grid;
  grid-template-columns: 12.5rem 6.25rem 6.25rem auto;
  grid-auto-flow: row;
  grid-template-areas: ". . . .";
}
.continuous-feedback-grid__left-col .cf-ql,
.continuous-feedback-grid__left-col #quicklinks {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
}
.continuous-feedback-grid__left-col .obe {
  grid-column: 1/span 1;
  grid-row: 2;
}
.continuous-feedback-grid__left-col .ptoreq {
  grid-column: 1/span 1;
  grid-row: 3;
}
.continuous-feedback-grid__left-col .perftab {
  grid-column: 1/span 1;
  grid-row: 4;
}
.continuous-feedback-grid__left-col .updatetab {
  grid-column: 2/span 1;
  grid-row: 2/span 4;
}
.continuous-feedback-grid__left-col .worksched {
  grid-column: span 2;
}
.continuous-feedback-grid__left-col .sys-msgs {
  grid-column: span 2;
}
.continuous-feedback-grid__left-col--ee .cf-ql,
.continuous-feedback-grid__left-col--ee #quicklinks {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
}
.continuous-feedback-grid__left-col--ee .sys-msgs {
  grid-column: 1/span 2;
  grid-row: 6/span 1;
}
.continuous-feedback-grid__left-col--ee .continuous-feedback-grid__cards {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  grid-column: 1/span 2;
  grid-row: 2;
}
.continuous-feedback-grid__left-col--ee .continuous-feedback-grid__cards .dashboard-EE__item {
  min-width: 20.25rem;
  flex-grow: 1;
}
.continuous-feedback-grid__left-col--ee .myprofile {
  grid-area: myprofile;
}
.continuous-feedback-grid__left-col--ee .mypay {
  grid-area: mypay;
}
.continuous-feedback-grid__left-col--ee .mytimeoff {
  grid-area: mytimeoff;
}
.continuous-feedback-grid__left-col--ee .updatetab {
  grid-column: 2/span 1;
  grid-row: 3/span 4;
}
.continuous-feedback-grid__left-col--ee .myteam {
  grid-column: 1/span 1;
  grid-row: 3;
}
.continuous-feedback-grid__left-col--ee .mycontacts {
  grid-column: 1/span 1;
  grid-row: 4;
}
.continuous-feedback-grid__left-col--ee .mycontacts.dtable .table-body {
  min-height: 18.75rem;
}
.continuous-feedback-grid__left-col--ee .mycontacts.dtable .table-body__row,
.continuous-feedback-grid__left-col--ee .mycontacts.dtable .table-head {
  grid-template-columns: auto;
  grid-template-areas: ".";
}
.continuous-feedback-grid__left-col--ee .myreviews {
  grid-area: myreviews;
  display: none;
}
.continuous-feedback-grid__left-col--ee .mynews {
  grid-area: mynews;
  display: none;
}
.continuous-feedback-grid__left-col--ee .performance__social {
  max-height: 40.9375rem;
}
.continuous-feedback-grid__right-col {
  grid-area: cont-feed-right-col;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.continuous-feedback-grid__right-col #my-upcoming.dtable .table-body__row {
  grid-template-columns: auto auto;
  grid-template-areas: ". . ";
}
.continuous-feedback-grid__right-col #dashboardSwitch {
  align-self: flex-end;
}
.continuous-feedback-grid__right-col #dashboardSwitch i {
  padding-left: 0.5rem;
}
.continuous-feedback-grid #pto-requests .table-body__row,
.continuous-feedback-grid #pto-requests .table-head {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 2.8125rem;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . . . ";
}
.continuous-feedback-grid #work-shedule .table-body__row,
.continuous-feedback-grid #work-shedule .table-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 3.125rem;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . . . .";
}
.continuous-feedback .sub-nav {
  display: none;
}
.continuous-feedback .mani-body__body {
  display: grid;
  grid-template-areas: "top-widgets " "body-widgets";
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  background-color: var(--body-color);
}
.continuous-feedback .tc-grid {
  margin: 1rem;
}
.continuous-feedback__message {
  background-color: var(--white);
  padding: 1rem;
  margin: 1rem 0;
  box-shadow: var(--box-shadow);
}
.continuous-feedback__message-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.continuous-feedback.shrink {
  grid-template-rows: 2.5rem auto auto 1fr auto;
}
.continuous-feedback .dtable {
  height: -moz-fit-content;
  height: fit-content;
}

.body-widgets {
  display: grid;
  grid-template-columns: 1fr 1fr 25rem;
  grid-template-rows: auto;
  grid-template-areas: "BWL BWC BWR";
  grid-auto-flow: dense;
  gap: 1rem;
  margin: 1rem;
}
.body-widgets.simple {
  grid-template-areas: "BWL  BWR";
  grid-template-columns: 1fr 25rem;
}
.body-widgets .card {
  margin: 1rem 0;
}
.body-widgets .card-title {
  font-size: 0.875rem;
  margin: 0;
  font-weight: 700;
  color: var(--gray600);
}
.body-widgets__col-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-gap: 0;
  grid-auto-flow: dense;
}
.body-widgets__col--left {
  grid-area: BWL;
}
.body-widgets__col--center {
  grid-area: BWC;
}
.body-widgets__col--right {
  grid-area: BWR;
}

@media only screen and (max-width: 1440px) {
  .body-widgets {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "BWR BWC" "BWL BWC";
  }
  .body-widgets__col--left {
    grid-row: span 6;
  }
}
@media only screen and (max-width: 1024px) {
  .body-widgets {
    grid-template-columns: 1fr;
    grid-template-areas: "BWR" "BWL" "BWC";
    grid-template-rows: auto auto auto;
  }
  .body-widgets__col--left {
    grid-row: span 1;
  }
}
@media only screen and (max-width: 768px) {
  .body-widgets.simple {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "BWL" "BWR";
  }
}
.left-column {
  grid-area: left-column;
}

.right-column {
  grid-area: right-column;
}
.right-column .calendar {
  background: white;
  padding: 1.25rem;
  border-radius: var(--card-border-radius);
  box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.125rem 0.375rem rgba(17, 24, 61, 0.08);
}
.right-column .calendar,
.right-column .card {
  margin: 0.625rem;
}
.right-column .fc .fc-toolbar {
  flex-direction: column;
}
.right-column .fc .fc-toolbar .fc-toolbar-chunk:last-of-type {
  justify-content: space-between;
  width: 100%;
  padding-top: 0.625rem;
}

@media only screen and (max-width: 1500px) {
  .continuous-feedback-grid__left-col {
    display: flex;
    flex-wrap: wrap;
  }
  .continuous-feedback-grid__left-col .updatetab,
  .continuous-feedback-grid__left-col .obe,
  .continuous-feedback-grid__left-col .ptoreq,
  .continuous-feedback-grid__left-col .perftab,
  .continuous-feedback-grid__left-col .worksched,
  .continuous-feedback-grid__left-col .sys-msgs {
    width: 100%;
  }
  .continuous-feedback-grid__left-col--ee .myteam,
  .continuous-feedback-grid__left-col--ee .mycontacts {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .continuous-feedback-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 1.5rem;
    margin: 1.5rem;
    grid-auto-flow: row;
    grid-template-areas: "cont-feed-left-col" "cont-feed-right-col";
  }
  .continuous-feedback-grid__left-col #on-boarding,
  .continuous-feedback-grid__left-col #pto-requests,
  .continuous-feedback-grid__left-col #timecard-approvals,
  .continuous-feedback-grid__left-col #work-shedule,
  .continuous-feedback-grid__left-col #workschedule-table {
    flex-grow: 1 !important;
  }
  .continuous-feedback .performance__tools-footer {
    align-items: baseline;
  }
}
@media only screen and (max-width: 595px) {
  .continuous-feedback-grid {
    margin: 0;
    padding: 0.25rem;
    gap: 0.5rem;
  }
  .continuous-feedback-grid--ee {
    gap: 0.5rem;
  }
  .continuous-feedback-grid__cards {
    gap: 0.5rem;
  }
  .continuous-feedback-grid__right-col, .continuous-feedback-grid__left-col {
    gap: 0.5rem;
  }
  .continuous-feedback-grid__left-col {
    gap: 0.5rem;
  }
  .continuous-feedback-grid .dash-table tbody td.cta {
    font-size: 1.5rem;
  }
  .continuous-feedback-grid .dashboard-EE__item-title {
    margin: 0;
  }
  .continuous-feedback-grid .form-element {
    margin: 0;
    margin-bottom: 0.5rem;
    padding: 0 0.5rem;
  }
  .continuous-feedback-grid #hero {
    display: none;
  }
  .continuous-feedback-grid .dashboard-EE__item-title .form-element,
  .continuous-feedback-grid .dtable-title .form-element {
    display: none;
  }
  .continuous-feedback-grid #on-boarding,
  .continuous-feedback-grid #pto-requests,
  .continuous-feedback-grid #timecard-approvals,
  .continuous-feedback-grid #work-shedule,
  .continuous-feedback-grid #workschedule-table {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
  .continuous-feedback-grid #on-boarding .dtable-title,
  .continuous-feedback-grid #pto-requests .dtable-title,
  .continuous-feedback-grid #timecard-approvals .dtable-title,
  .continuous-feedback-grid #work-shedule .dtable-title,
  .continuous-feedback-grid #workschedule-table .dtable-title {
    margin: 1rem 1rem 0.25rem 1rem;
  }
  .continuous-feedback-grid #on-boarding .table-head,
  .continuous-feedback-grid #pto-requests .table-head,
  .continuous-feedback-grid #timecard-approvals .table-head,
  .continuous-feedback-grid #work-shedule .table-head,
  .continuous-feedback-grid #workschedule-table .table-head {
    display: none;
  }
  .continuous-feedback-grid #on-boarding .table-body,
  .continuous-feedback-grid #pto-requests .table-body,
  .continuous-feedback-grid #timecard-approvals .table-body,
  .continuous-feedback-grid #work-shedule .table-body,
  .continuous-feedback-grid #workschedule-table .table-body {
    overflow-y: hidden;
    height: -moz-fit-content;
    height: fit-content;
    width: 94vw;
    gap: 0.5rem;
    padding-bottom: 0.625rem;
    border-radius: 1rem;
    border-radius: 0 1rem 1rem 0;
    white-space: nowrap;
    display: grid;
    grid-auto-flow: column;
    overflow-x: scroll;
    grid-auto-columns: minmax(21.875rem, 1fr);
  }
  .continuous-feedback-grid #on-boarding .table-body__row,
  .continuous-feedback-grid #pto-requests .table-body__row,
  .continuous-feedback-grid #timecard-approvals .table-body__row,
  .continuous-feedback-grid #work-shedule .table-body__row,
  .continuous-feedback-grid #workschedule-table .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    grid-template-areas: "tb_employee tb_employee " "tb_cta tb_cta" "tb_days tb_days" "tb_inOut tb_shift ";
    background-color: var(--white);
    padding: 0.75rem;
    border-radius: 1rem;
    box-shadow: var(--box-shadow);
    padding: 12px;
  }
  .continuous-feedback-grid #on-boarding .table-body__row:not(:last-of-type),
  .continuous-feedback-grid #pto-requests .table-body__row:not(:last-of-type),
  .continuous-feedback-grid #timecard-approvals .table-body__row:not(:last-of-type),
  .continuous-feedback-grid #work-shedule .table-body__row:not(:last-of-type),
  .continuous-feedback-grid #workschedule-table .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__cta,
  .continuous-feedback-grid #pto-requests .table-body__cta,
  .continuous-feedback-grid #timecard-approvals .table-body__cta,
  .continuous-feedback-grid #work-shedule .table-body__cta,
  .continuous-feedback-grid #workschedule-table .table-body__cta {
    grid-area: tb_cta;
    margin: 0;
    position: relative;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .continuous-feedback-grid #on-boarding .table-body__cta a,
  .continuous-feedback-grid #pto-requests .table-body__cta a,
  .continuous-feedback-grid #timecard-approvals .table-body__cta a,
  .continuous-feedback-grid #work-shedule .table-body__cta a,
  .continuous-feedback-grid #workschedule-table .table-body__cta a {
    border: 0.0625rem solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border-radius: 0.375rem;
    width: 100%;
  }
  .continuous-feedback-grid #on-boarding .table-body__cta a i,
  .continuous-feedback-grid #pto-requests .table-body__cta a i,
  .continuous-feedback-grid #timecard-approvals .table-body__cta a i,
  .continuous-feedback-grid #work-shedule .table-body__cta a i,
  .continuous-feedback-grid #workschedule-table .table-body__cta a i {
    display: none;
  }
  .continuous-feedback-grid #on-boarding .table-body__cta a:before,
  .continuous-feedback-grid #pto-requests .table-body__cta a:before,
  .continuous-feedback-grid #timecard-approvals .table-body__cta a:before,
  .continuous-feedback-grid #work-shedule .table-body__cta a:before,
  .continuous-feedback-grid #workschedule-table .table-body__cta a:before {
    content: "View";
    font-size: 1rem;
  }
  .continuous-feedback-grid #on-boarding .dash-table__avatar,
  .continuous-feedback-grid #pto-requests .dash-table__avatar,
  .continuous-feedback-grid #timecard-approvals .dash-table__avatar,
  .continuous-feedback-grid #work-shedule .dash-table__avatar,
  .continuous-feedback-grid #workschedule-table .dash-table__avatar {
    font-size: 1.5rem;
    height: 3.75rem;
    width: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__employee-name,
  .continuous-feedback-grid #pto-requests .table-body__employee-name,
  .continuous-feedback-grid #timecard-approvals .table-body__employee-name,
  .continuous-feedback-grid #work-shedule .table-body__employee-name,
  .continuous-feedback-grid #workschedule-table .table-body__employee-name {
    font-size: 1.5rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__employee-name strong,
  .continuous-feedback-grid #pto-requests .table-body__employee-name strong,
  .continuous-feedback-grid #timecard-approvals .table-body__employee-name strong,
  .continuous-feedback-grid #work-shedule .table-body__employee-name strong,
  .continuous-feedback-grid #workschedule-table .table-body__employee-name strong {
    max-width: 16.0625rem;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .continuous-feedback-grid #on-boarding .table-body__employee-name label,
  .continuous-feedback-grid #pto-requests .table-body__employee-name label,
  .continuous-feedback-grid #timecard-approvals .table-body__employee-name label,
  .continuous-feedback-grid #work-shedule .table-body__employee-name label,
  .continuous-feedback-grid #workschedule-table .table-body__employee-name label {
    font-size: 1rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__days,
  .continuous-feedback-grid #on-boarding .table-body__inOut,
  .continuous-feedback-grid #on-boarding .table-body__shift,
  .continuous-feedback-grid #pto-requests .table-body__days,
  .continuous-feedback-grid #pto-requests .table-body__inOut,
  .continuous-feedback-grid #pto-requests .table-body__shift,
  .continuous-feedback-grid #timecard-approvals .table-body__days,
  .continuous-feedback-grid #timecard-approvals .table-body__inOut,
  .continuous-feedback-grid #timecard-approvals .table-body__shift,
  .continuous-feedback-grid #work-shedule .table-body__days,
  .continuous-feedback-grid #work-shedule .table-body__inOut,
  .continuous-feedback-grid #work-shedule .table-body__shift,
  .continuous-feedback-grid #workschedule-table .table-body__days,
  .continuous-feedback-grid #workschedule-table .table-body__inOut,
  .continuous-feedback-grid #workschedule-table .table-body__shift {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-weight: 600;
    font-size: 1.125rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__days:before,
  .continuous-feedback-grid #on-boarding .table-body__inOut:before,
  .continuous-feedback-grid #on-boarding .table-body__shift:before,
  .continuous-feedback-grid #pto-requests .table-body__days:before,
  .continuous-feedback-grid #pto-requests .table-body__inOut:before,
  .continuous-feedback-grid #pto-requests .table-body__shift:before,
  .continuous-feedback-grid #timecard-approvals .table-body__days:before,
  .continuous-feedback-grid #timecard-approvals .table-body__inOut:before,
  .continuous-feedback-grid #timecard-approvals .table-body__shift:before,
  .continuous-feedback-grid #work-shedule .table-body__days:before,
  .continuous-feedback-grid #work-shedule .table-body__inOut:before,
  .continuous-feedback-grid #work-shedule .table-body__shift:before,
  .continuous-feedback-grid #workschedule-table .table-body__days:before,
  .continuous-feedback-grid #workschedule-table .table-body__inOut:before,
  .continuous-feedback-grid #workschedule-table .table-body__shift:before {
    content: attr(data-title);
    font-weight: 400;
    font-size: 0.875rem;
    margin-bottom: -0.375rem;
  }
  .continuous-feedback-grid #on-boarding .table-body .inOut-block,
  .continuous-feedback-grid #pto-requests .table-body .inOut-block,
  .continuous-feedback-grid #timecard-approvals .table-body .inOut-block,
  .continuous-feedback-grid #work-shedule .table-body .inOut-block,
  .continuous-feedback-grid #workschedule-table .table-body .inOut-block {
    border: 0.0625rem solid var(--gray200);
    min-width: 3.125rem;
    text-align: center;
  }
  .continuous-feedback-grid #on-boarding .table-body__inOut,
  .continuous-feedback-grid #pto-requests .table-body__inOut,
  .continuous-feedback-grid #timecard-approvals .table-body__inOut,
  .continuous-feedback-grid #work-shedule .table-body__inOut,
  .continuous-feedback-grid #workschedule-table .table-body__inOut {
    grid-area: tb_inOut;
  }
  .continuous-feedback-grid #on-boarding .table-body__shift,
  .continuous-feedback-grid #pto-requests .table-body__shift,
  .continuous-feedback-grid #timecard-approvals .table-body__shift,
  .continuous-feedback-grid #work-shedule .table-body__shift,
  .continuous-feedback-grid #workschedule-table .table-body__shift {
    grid-area: tb_shift;
  }
  .continuous-feedback-grid #on-boarding .table-body__days,
  .continuous-feedback-grid #pto-requests .table-body__days,
  .continuous-feedback-grid #timecard-approvals .table-body__days,
  .continuous-feedback-grid #work-shedule .table-body__days,
  .continuous-feedback-grid #workschedule-table .table-body__days {
    grid-area: tb_days;
    border-top: 0.0625rem solid var(--card-border-color);
    border-bottom: 0.0625rem solid var(--card-border-color);
    padding: 0.75rem 0;
  }
  .continuous-feedback-grid #on-boarding .table-body__employee,
  .continuous-feedback-grid #pto-requests .table-body__employee,
  .continuous-feedback-grid #timecard-approvals .table-body__employee,
  .continuous-feedback-grid #work-shedule .table-body__employee,
  .continuous-feedback-grid #workschedule-table .table-body__employee {
    grid-area: tb_employee;
  }
  .continuous-feedback-grid #on-boarding .table-body__days:before {
    font-size: 0.875rem;
  }
  .continuous-feedback-grid #on-boarding .table-body__days label {
    font-size: 1rem;
  }
  .continuous-feedback-grid #work-shedule .dashboard-EE__item-title {
    padding: 0 0.625rem;
  }
  .continuous-feedback-grid #upcoming .dash-table__avatar {
    display: none;
  }
  .continuous-feedback-grid #my-calendar {
    padding: 1.5rem 0.75rem;
  }
  .continuous-feedback-grid #quicklinks {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .continuous-feedback-grid #quicklinks .btn-secondary {
    border-radius: var(--border-radius);
    font-size: 1rem;
    background-color: white;
  }
  .continuous-feedback-grid #quicklinks h2 {
    font-size: 1.125rem;
    margin: 0 1rem 0.25rem;
  }
  .continuous-feedback-grid #quicklinks .quicklinks-items {
    display: inherit;
  }
  .continuous-feedback-grid #timecard-approvals {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 0 0;
    grid-template-areas: "dtable-title" "table-head" "table-footer" "table-body";
  }
  .continuous-feedback-grid #timecard-approvals .dtable-title {
    grid-area: dtable-title;
  }
  .continuous-feedback-grid #timecard-approvals .table-head {
    grid-area: table-head;
  }
  .continuous-feedback-grid #timecard-approvals .table-body {
    grid-area: table-body;
  }
  .continuous-feedback-grid #timecard-approvals .table-footer {
    grid-area: table-footer;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-head {
    display: none !important;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-footer {
    position: relative;
    margin: 0;
    margin-bottom: 0.625rem;
    border: none;
    padding: 0.5rem 0.625rem 0.75rem 0.375rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-footer .select-menu {
    width: 100%;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-footer .select-menu:after {
    margin-left: -1.9375rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-footer .select-menu + span {
    display: none;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-footer .select-menu select {
    padding: 0.9375rem;
    border: none;
    width: 100%;
    border-radius: 0.5rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body {
    max-height: unset;
    margin: 0;
    padding: 0;
    padding-bottom: 0.625rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cell {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-size: 1.5rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cell:before {
    content: attr(data-title);
    font-size: 1rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta {
    grid-area: tbcta;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: space-between;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta span {
    display: block;
    flex-grow: 1;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta .btn-link {
    border: 0.0625rem solid var(--primary);
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta button:before {
    font-size: 1rem;
    content: "Approve";
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta button i {
    display: none;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta a {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin: 0;
    bottom: 0;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta a:before {
    font-size: 1rem;
    content: "View ";
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__cta a i {
    display: none;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
    grid-auto-flow: row;
    grid-template-areas: "tbee tbee" "tbper tbhrs" "tbcta tbcta";
    font-size: 1.125rem;
    font-weight: 600;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row [data-title=Hours] {
    grid-area: tbhrs;
    font-size: 1.125rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row [data-title=Period] {
    grid-area: tbper;
    font-size: 1.125rem;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row [data-title=Period]:before {
    font-weight: 400;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row .table-body__employee {
    grid-area: tbee;
    width: 100%;
  }
  .continuous-feedback-grid #timecard-approvals.dtable .table-body__row .table-body__employee:before {
    font-weight: 400;
  }
  .continuous-feedback-grid #timecard-approvals .dtable-title button {
    display: none;
  }
  .continuous-feedback-grid #quicklinks .btn-secondary {
    height: 1.875rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--white);
  }
  .continuous-feedback-grid #hero {
    display: none;
  }
  .continuous-feedback-grid .dashboard-EE__item-title .form-element,
  .continuous-feedback-grid .dtable-title .form-element {
    display: none;
  }
  .continuous-feedback-grid__left-col #quicklinks .quicklinks-items {
    display: inherit;
  }
  .continuous-feedback-grid #upcoming .dash-table__avatar {
    display: none;
  }
  .continuous-feedback-grid #upcoming .dash-table__avatar {
    display: none;
  }
  .continuous-feedback-grid #hero {
    display: none;
  }
  .continuous-feedback-grid .dashboard-EE__item-title .form-element,
  .continuous-feedback-grid .dtable-title .form-element {
    display: none;
  }
  .continuous-feedback-grid__left-col #quicklinks .quicklinks-items {
    display: inherit;
  }
  .continuous-feedback-grid #pto-requests .table-body__row {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0.625rem;
    background-color: var(--white);
    padding: 0.75rem;
    border-radius: 1rem;
    box-shadow: var(--box-shadow);
    padding: 12px;
  }
  .continuous-feedback-grid #pto-requests .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .continuous-feedback-grid #pto-requests .table-body__row div {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .continuous-feedback-grid #pto-requests .table-body__row div:before {
    font-size: 1rem;
    font-weight: 400;
    content: attr(data-title) !important;
  }
  .continuous-feedback-grid #pto-requests .table-body__cta,
  .continuous-feedback-grid #pto-requests .table-body__employee {
    grid-area: tb_cta;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: space-between;
  }
  .continuous-feedback-grid #pto-requests .table-body__cta span {
    display: block;
    flex-grow: 1;
    width: 100%;
  }
  .continuous-feedback-grid #pto-requests .table-body__cta .btn-link {
    border: 0.0625rem solid var(--primary);
  }
  .continuous-feedback-grid #pto-requests .table-body__cta button:before {
    font-size: 1rem;
    content: "Approve";
  }
  .continuous-feedback-grid #pto-requests .table-body__cta button i {
    display: none;
  }
  .continuous-feedback-grid #pto-requests .table-body__cta a {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin: 0;
    bottom: 0;
  }
  .continuous-feedback-grid #pto-requests .table-body__cta a:before {
    font-size: 1rem;
    content: "View ";
  }
  .continuous-feedback-grid #pto-requests .table-body__cta a i {
    display: none;
  }
  .continuous-feedback-grid .table-body__cta .btn-link i {
    display: none;
  }
  .continuous-feedback-grid #upcoming .table-body__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
    grid-template-areas: "tb_employee tb_employee " "tb_days tb_days" "tb_inOut tb_shift " "tb_cta tb_cta";
    background-color: var(--white);
    padding: 0.75rem;
    border-radius: 1rem;
    box-shadow: var(--box-shadow);
    padding: 12px;
  }
  .continuous-feedback-grid #upcoming .table-body__row:not(:last-of-type) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0.75rem;
  }
  .continuous-feedback-grid #upcoming .table-body__row div {
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .continuous-feedback-grid #upcoming .table-body__row div:before {
    font-size: 1rem;
    font-weight: 400;
    content: attr(data-title) !important;
  }
  .continuous-feedback-grid #upcoming .table-body__cta,
  .continuous-feedback-grid #upcoming .table-body__employee {
    grid-area: tb_cta;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: space-between;
  }
  .continuous-feedback-grid #upcoming .table-body__cta span {
    display: block;
    flex-grow: 1;
  }
  .continuous-feedback-grid #upcoming .table-body__cta .btn-link {
    border: 0.0625rem solid var(--primary);
  }
  .continuous-feedback-grid #upcoming .table-body__cta button:before {
    font-size: 1rem;
    content: "Approve";
  }
  .continuous-feedback-grid #upcoming .table-body__cta button i {
    display: none;
  }
  .continuous-feedback-grid #upcoming .table-body__cta a {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin: 0;
    bottom: 0;
  }
  .continuous-feedback-grid #upcoming .table-body__cta a:before {
    font-size: 1rem;
    content: "View ";
  }
  .continuous-feedback-grid #upcoming .table-body__cta a i {
    display: none;
  }
  .continuous-feedback-grid #hero {
    display: none;
  }
  .continuous-feedback-grid .dashboard-EE__item-title .form-element,
  .continuous-feedback-grid .dtable-title .form-element {
    display: none;
  }
  .continuous-feedback-grid__left-col #quicklinks .quicklinks-items {
    display: inherit;
  }
  .continuous-feedback-grid #quicklinks .btn-secondary {
    height: 1.875rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--white);
  }
}

.update-grid {
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  grid-template-rows: 1fr;
  gap: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "mlclc mrcrc";
}
.update-grid__left-col {
  grid-area: mlclc;
  overflow: auto;
  padding-top: 1rem;
}
.update-grid__left-col li {
  margin: 0.0625rem 0;
}
.update-grid__left-col__count {
  font-size: 0.875rem;
  margin-top: -1.1875rem;
  margin-bottom: 0.375rem;
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--gray200);
  padding-bottom: 0.1875rem;
  color: var(--accent);
}
.update-grid__left-col button {
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius);
  color: var(--gray500);
  width: 100%;
  text-align: left;
  padding: 0.3125rem 0.6875rem;
  transition: all 0.3s ease-in-out;
}
.update-grid__left-col button:hover {
  background-color: var(--primary-ghost);
}
.update-grid__left-col button.selected {
  border-radius: var(--border-radius);
  background-color: var(--primary-ghost);
  color: var(--text-color);
  font-weight: 600;
}
.update-grid__left-col button.saved {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius);
  color: var(--success-focus);
  font-weight: 600;
}
.update-grid__left-col button.saved::after {
  content: "\f00c";
  font-family: FontAwesome;
  margin-left: 0.3125rem; 
}
.update-grid__left-col button.selected.saved {
  border-radius: var(--border-radius);
  background-color: var(--success-ghost) !important;
  color: var(--success-text);
  font-weight: 600;
}
.update-grid__right-col {
  grid-area: mrcrc;
}
.update-grid__right-col__header {
  margin-top: 1rem;
  margin-bottom: 1.5rem !important;
}
.update-grid__right-col__header-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--accent);
}
.update-grid__right-col .settings-table {
  border: 0.0625rem solid var(--border-color);
}
.update-grid__card {
  border-radius: var(--card-border-radius);
  position: relative;
  border: 0.0625rem solid var(--card-border-color);
  padding: 1.5rem 2rem;
  margin: 1rem;
  background-color: var(--white);
  max-width: unset !important;
}

@media (max-width: 1024px) {
  .update-grid {
    grid-template-columns: 12.5rem 1fr;
  }
  .update-grid__left-col {
    max-height: 12.5rem;
    border-bottom: 0.0625rem solid var(--border-color);
  }
  .update-grid__left-col button {
    padding: 0.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 995px) {
  .update-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "mlclc" "mrcrc";
  }
}

.status-modal {
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
}
.status-modal__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  color: var(--primary);
}
.status-modal__header img {
  width: 8.75rem;
  margin-bottom: 1.5rem;
}

.modal-grid {
  display: grid;
  grid-template-columns: 16.875rem 1fr;
  grid-template-rows: 1fr;
  gap: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "mlclc mrcrc";
}
.modal-grid .warning-page__container {
  padding: 3.375rem 0;
}
.modal-grid__left-col {
  grid-area: mlclc;
  max-height: 37.5rem;
  overflow: auto;
}
.modal-grid__left-col__count {
  font-size: 0.875rem;
  margin-top: -1.1875rem;
  margin-bottom: 0.375rem;
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--gray200);
  padding-bottom: 0.1875rem;
  color: var(--accent);
}
.modal-grid__left-col button {
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius);
  color: var(--gray500);
  width: 100%;
  text-align: left;
  padding: 0.3125rem 0.6875rem;
  transition: all 0.3s ease-in-out;
}
.modal-grid__left-col button:hover {
  background-color: var(--primary-ghost);
}
.modal-grid__left-col button.selected {
  border-radius: var(--border-radius);
  background-color: var(--primary-ghost);
  color: var(--text-color);
  font-weight: 600;
}
.modal-grid__right-col {
  grid-area: mrcrc;
}
.modal-grid__right-col__header h2 {
  margin: 0 0 0.5rem 0;
  color: var(--accent);
}
.modal-grid__right-col__header P {
  margin-bottom: 1rem;
}
.modal-grid__right-col .settings-table {
  border: 0.0625rem solid var(--border-color);
}

@media (max-width: 1024px) {
  .modal-grid {
    grid-template-columns: 12.5rem 1fr;
  }
  .modal-grid__left-col {
    max-height: 12.5rem;
    border-bottom: 0.0625rem solid var(--border-color);
  }
  .modal-grid__left-col button {
    padding: 0.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 995px) {
  .modal-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "mlclc" "mrcrc";
  }
}
.categories {
  display: grid;
  grid-template-columns: 18.75rem 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "categories__left categories__right";
  gap: 1.5rem;
  margin: 1.5rem;
  max-width: var(--max-view-width);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  padding: 1rem;
}
.categories__cat-cta {
  border: none;
  background-color: transparent;
  padding: 0;
  transition: all 0.2s ease-in-out;
}
.categories__cat-cta:hover {
  color: var(--accent);
}
.categories__cat-cta.showing {
  color: var(--accent);
  font-weight: 600;
}
.categories__top-wrapper {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  position: sticky;
  top: 1rem;
  z-index: 10;
  background-color: var(--white);
}
.categories__top-wrapper-cta {
  z-index: 1;
}
.categories__search {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0.5rem;
  grid-template-areas: ". .";
  width: 100%;
}
.categories__search-box {
  position: relative;
}
.categories__search-control {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.375rem 1.9375rem 0.375rem 1rem;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.categories__search-control:focus {
  outline: var(--primary-link);
  border: 0.0625rem solid var(--primary-link);
  box-shadow: var(--focus-shadow);
}
.categories__search-control__close {
  border: none;
  background: transparent;
  position: absolute;
  right: 0;
  z-index: 1;
  padding: 0.5rem 0.75rem;
  height: 2.25rem;
  color: var(--gray300);
  transition: all 0.3s ease-in-out;
}
.categories__search-control__close:hover {
  color: var(--primary);
}
.categories__search-cta:hover {
  color: var(--primary-hover);
}
.categories__search-cta .btn {
  height: 2.25rem;
  max-height: unset;
  min-width: unset;
}
.categories__search .closeSearch {
  height: 1.9375rem;
}
.categories__search.filled .categories__search-cta {
  display: flex;
}
.categories__search.filled:after {
  content: "";
}
.categories__left {
  grid-area: categories__left;
  position: sticky;
  top: 0;
  align-self: start;
}
.categories__left-wrapper {
  padding: 1.5rem;
}
.categories__left-title {
  font-size: 0.875rem;
  margin: 0.625rem 0;
  display: block;
  font-weight: 700;
}
.categories__right {
  grid-area: categories__right;
  max-width: 50rem;
}
.categories__header {
  position: sticky;
  top: 3.8125rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  display: block;
  background-color: var(--light-gray);
  border-radius: var(--border-radius);
  padding: 1rem;
}
.categories__subtitle {
  line-height: 1.3125rem;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.categories__list {
  overflow-y: auto;
  max-height: calc(100vh - 14.3125rem);
  margin-left: 0.5rem;
}
.categories__list li {
  padding: 0.125rem 0.5rem;
  cursor: pointer;
}
.categories__list li a {
  font-size: 0.875rem;
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}
.categories__list li a:hover {
  color: var(--primary);
}
.categories__list .active a {
  font-weight: 700;
  color: var(--primary);
}
.categories__card {
  border-bottom: var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3.125rem;
  font-weight: 600;
  padding: 0 1rem;
  color: var(--accent);
  line-height: 1.3125rem;
  font-size: 0.875rem;
}
.categories__card .btn {
  min-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categories__card-cta {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--primary);
  display: block;
  background-color: transparent;
  border: none;
  padding: 1rem;
  cursor: pointer;
}
.categories__card-cta:after {
  content: "\f105";
  font-family: var(--font-awesome);
  margin-left: 0.25rem;
  font-weight: 400;
}
.categories__card-subtitle {
  font-size: 0.875rem;
  margin-top: 0.3125rem;
  display: block;
}
.categories__card:last-child {
  border-bottom: 0;
}

.e-tab [aria-orientation=horizontal] ~ .e-content .e-item .categories__left {
  top: 1.875rem;
}
.e-tab [aria-orientation=horizontal] ~ .e-content .e-item .categories__top-wrapper {
  top: 3.625rem;
}
.e-tab [aria-orientation=horizontal] ~ .e-content .e-item .categories__header {
  top: 6.4375rem;
}

.drawers {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "drawers__center drawers__right";
  overflow: hidden;
  height: calc(100vh - 6.8125rem);
  position: relative;
}
.drawers__right {
  grid-area: drawers__right;
  width: 21.875rem;
  position: relative;
  background: var(--gray600);
  padding: 1rem;
  color: var(--white);
  height: calc(100vh - 6.8125rem);
  transition: all 0.3s ease-in-out;
}
.drawers__right-wrapper {
  margin-top: 1.5rem;
  opacity: 1;
  pointer-events: all;
  color: var(--gray100);
}
.drawers__right-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.drawers__right-items {
  font-size: 0.875rem;
  font-weight: 400;
}
.drawers__right-item {
  display: flex;
  justify-content: space-between;
}
.drawers__right-item:not(:last-of-type) {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem dashed var(--gray500);
}
.drawers__right-close {
  position: absolute;
  left: 0;
  border: none;
  background: var(--gray600);
  color: var(--white);
  height: 2.5rem;
  width: 2.5rem;
  top: 0;
  border-radius: 6.25rem;
  transition: all 0.3s ease-in-out;
}
.drawers__right-close i {
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg);
}
.drawers__right .form-element {
  border-bottom: 0.0625rem dashed var(--gray500);
  padding-bottom: 1rem;
}
.drawers__center {
  grid-area: drawers__center;
  transition: all 0.3s ease-in-out;
  height: calc(100vh - 6.8125rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.drawers.collapse-right .drawers__right {
  width: 0;
  padding: 0;
}
.drawers.collapse-right .drawers__right-wrapper {
  opacity: 0;
  pointer-events: none;
}
.drawers.collapse-right .drawers__right-close {
  left: -2.5rem;
  border-radius: 6.25rem 0 0 6.25rem;
}
.drawers.collapse-right .drawers__right-close i {
  transform: rotate(180deg);
}

.drawer-component {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "drawers__center drawers__right";
  overflow: hidden;
  position: relative;
}
.drawer-component__right {
  grid-area: drawers__right;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "drawers__right-header" "drawers__right-wrapper" "drawers__right-footer";
  height: calc(100vh - 5.875rem);
  width: 21.875rem;
  position: relative;
  background: var(--gray600);
  padding: 0;
  color: var(--white);
  transition: all 0.3s ease-in-out;
}
.drawer-component__right-header {
  grid-area: drawers__right-header;
}
.drawer-component__right-footer {
  grid-area: drawers__right-footer;
  height: 1.875rem;
}
.drawer-component__right-wrapper {
  grid-area: drawers__right-wrapper;
  opacity: 1;
  padding-bottom: 1.5rem;
  pointer-events: all;
  color: var(--gray100);
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.2s ease-in-out;
}
.drawer-component__right-wrapper [slot=right-content] {
  padding: 0 1rem;
}
.drawer-component__right-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.drawer-component__right-items {
  font-size: 0.875rem;
  font-weight: 400;
}
.drawer-component__right-item {
  display: flex;
  justify-content: space-between;
}
.drawer-component__right-item:not(:last-of-type) {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem dashed var(--gray500);
}
.drawer-component__right-item span {
  font-size: 0.875rem;
}
.drawer-component__right-item span:last-of-type {
  font-weight: 600;
}
.drawer-component__right-close {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  background: var(--gray600);
  border-radius: 6.25rem;
  color: var(--white);
  height: 2.125rem;
  width: 2.125rem;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.drawer-component__right-close i {
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg);
}
.drawer-component__right .form-element {
  border-bottom: 0.0625rem dashed var(--gray500);
  padding-bottom: 1rem;
}
.drawer-component__center {
  grid-area: drawers__center;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 6.25rem);
}
.drawer-component__center [slot=center-content] {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.drawer-component.close-right .drawer-component__right {
  width: 0;
  padding: 0;
}
.drawer-component.close-right .drawer-component__right-wrapper {
  opacity: 0;
  pointer-events: none;
}
.drawer-component.close-right .drawer-component__right-close {
  left: -2.625rem;
  background: var(--gray600);
  color: var(--gray100);
  opacity: 0.5;
}
.drawer-component.close-right .drawer-component__right-close i {
  transform: rotate(180deg);
}

.drawer-component__right-wrapper .accordion {
  box-shadow: none;
  margin: 0 -1rem 1.5rem;
}
.drawer-component__right-wrapper .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.drawer-component__right-wrapper .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.drawer-component__right-wrapper .accordion-body {
  padding: 1rem;
  background: var(--gray900);
  color: var(--gray100);
  font-size: 0.875rem;
}
.drawer-component__right-wrapper .accordion-button {
  color: var(--white);
  background: var(--gray500);
  font-size: 0.875rem;
  box-shadow: none;
  padding: 0.75rem 1rem;
  border-radius: 0;
}
.drawer-component__right-wrapper .accordion-button:after {
  content: "\f107";
  font-family: var(--font-awesome);
  background-image: none;
  height: unset;
}
.drawer-component__right-wrapper .accordion-button[aria-expanded=true] {
  background: var(--gray700);
}

.dark-mode .invoice-grid__right-col {
  background: var(--dark-border);
}
.dark-mode .invoice-grid__cta {
  background: var(--dark-bg-light);
  color: var(--gray100);
}
.dark-mode .invoice-grid__right-col.collapsed #invoiceGridToggle {
  color: var(--gray100);
}
.dark-mode .invoice-grid__right-col.collapsed {
  background: var(--dark-base);
}

.invoice-grid {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-template-areas: "invoice-grid__right-col . ";
  height: 100%;
}
.invoice-grid__right-col {
  grid-area: invoice-grid__right-col;
  border-right: 0.0625rem solid var(--card-border-color);
  padding: 0 1rem;
  width: 21.875rem;
  left: 0;
  background: var(--white);
  position: relative;
  transition: all 0.3s ease-in-out;
}
.invoice-grid__right-col__title {
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  padding: 1.0625rem 0;
}
.invoice-grid__right-col__title span {
  color: var(--text-color);
  padding-left: 0.5rem;
}
.invoice-grid__right-col__wrapper {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s ease-in-out;
}
.invoice-grid__right-col.collapsed {
  width: 0;
  border-right: none;
}
.invoice-grid__right-col.collapsed .invoice-grid__right-col__wrapper {
  opacity: 0;
  pointer-events: none;
}
.invoice-grid__right-col.collapsed #invoiceGridToggle {
  position: absolute;
  right: -0.875rem;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--gray600);
  border: 0.25rem solid var(--gray300);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoice-grid__right-col.collapsed #invoiceGridToggle:hover {
  background: var(--gray800);
  border-color: var(--gray400);
}
.invoice-grid__right-col.collapsed #invoiceGridToggle .fa-angle-left:before {
  content: "\f105";
}
.invoice-grid__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem dashed var(--card-border-color);
  padding: 0.25rem 0;
}
.invoice-grid__item span:first-of-type {
  font-size: 0.875rem;
}
.invoice-grid__item span:last-of-type {
  font-weight: 600;
}
.invoice-grid__cta {
  font-size: 1.125rem;
  right: -1rem;
  top: 0.875rem;
  position: absolute;
  border-radius: 6.25rem;
  border: 0.0625rem solid var(--card-border-color);
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.875rem;
  background: var(--white);
  transition: all 0.3s ease-in-out;
}
.invoice-grid__cta:hover {
  background: var(--primary-ghost);
  border-color: var(--primary-info);
  color: var(--primary);
}

.invoice-header .form-element {
  margin: 0;
  gap: 0;
}
.invoice-header .form-label {
  font-weight: 400;
}
.invoice-header .bootstrap-select .dropdown-toggle {
  border: none;
  border-radius: 0;
  border-bottom: 0.0625rem dashed var(--border-color);
  padding: 0 0 0.125rem 0;
  font-weight: 400;
}
.invoice-header .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 1.5rem;
}
.invoice-header .bootstrap-select .dropdown-toggle:after {
  right: 0;
}

@media only screen and (max-width: 1450px) {
  .invoice-grid__right-col {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  }
}
.invoice-header {
  padding-bottom: 1.125rem;
  display: flex;
  justify-content: space-between;
}

.invoice {
  align-items: flex-start;
}

.current-balance {
  align-items: flex-end;
}

.current-balance,
.invoice {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.current-balance__title,
.invoice__title {
  font-size: 0.75rem;
  font-weight: 400;
}
.current-balance__amount,
.invoice__amount {
  font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .invoice-header {
    padding: 1rem;
  }
}
.dark-mode .invoice-header .bootstrap-select:before, .dark-mode .invoice-header .bootstrap-select:after {
  background-color: var(--dark-base);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.5rem;
}
.dark-mode .invoice-header .bootstrap-select:before {
  left: -0.5rem;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.dark-mode .invoice-header .bootstrap-select:after {
  right: -0.5rem;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}


.clock {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 3.75rem auto;
  grid-template-areas: "left header" "left right";
  width: 100%;
  height: 100vh;
}
.clock__header {
  grid-area: header;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
}
.clock__header-client {
  height: 2.1875rem;
  max-height: 2.1875rem;
  max-width: 15rem;
  transition: all 0.3sease-in-out;
}
.clock__header-right {
  display: flex;
  gap: 0.5rem;
}
.clock__header-right .btn-ghost {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.clock__left {
  grid-area: left;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "greeting" "date" "hours";
  padding: 3rem 1.5rem;
  background-color: var(--navbar-bg);
}
.clock__left-greeting {
  grid-area: greeting;
  color: var(--gray100);
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.clock__left-hours {
  grid-area: hours;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.clock__left-hours__label {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--gray400);
  display: flex;
  justify-content: space-between;
}
.clock__left-hours__label .btn-text {
  color: var(--primary-link);
  padding: 0.25rem;
}
.clock__left-hours__total {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gray100);
}
.clock__left-hours__total #hoursTotal {
  font-size: 2rem;
}
.clock__left-hours__total #minutesTotal {
  font-size: 2rem;
}
.clock__left-hours__workweek {
  color: var(--gray400);
  font-size: 1rem;
  font-weight: 500;
}
.clock__left-date {
  grid-area: date;
  width: 100%;
  margin-bottom: 1.5rem;
}
.clock__left-date-day {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--gray400);
}
.clock__left-date-time {
  color: var(--gray100);
  font-size: 3.25rem;
  font-weight: 700;
}
.clock__left-date-time_amPm {
  font-size: 1.5rem;
  font-weight: 500;
}
.clock__left-date-timezone {
  color: var(--gray400);
  font-size: 1rem;
  font-weight: 500;
}
.clock__left-company {
  font-size: 1rem;
  font-weight: 500;
  color: var(--white);
}
.clock__right {
  grid-area: right;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-areas: "body" "cta";
  padding: 3rem 1.5rem;
}
.clock__right-greeting {
  grid-area: greeting;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.clock__right-body {
  grid-area: body;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "header" "job" "timer" "log";
  justify-items: center;
  overflow: hidden;
}
.clock__right-body_header {
  grid-area: header;
  width: 100%;
  max-width: 31.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.clock__right-body_job {
  grid-area: job;
  width: 100%;
  max-width: 31.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  padding: 0 1rem;
}
.clock__right-body_job .form-element label {
  font-size: 1.125rem;
  font-weight: 500;
}
.clock__right-body_jobtitle #jobTitle {
  font-weight: 700;
}
.clock__right-body_timer {
  grid-area: timer;
  width: 100%;
  max-width: 31.25rem;
  margin: 0.5rem 0;
  padding: 0 1rem;
  border-radius: var(--card-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.clock__right-body_timer-in {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray500);
  gap: 0.25rem;
}
.clock__right-body_timer-hours {
  display: flex;
  flex-direction: column;
  font-size: 2.625rem;
  font-weight: 600;
  gap: 0.25rem;
}
.clock__right-body_timer-label {
  font-size: 0.875rem;
  font-weight: 600;
}
.clock__right-body_log {
  grid-area: log;
  width: 100%;
  max-width: 31.25rem;
  max-height: 15.75rem;
  margin: 0.5rem 0;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.clock__right-body_log-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.125rem;
  padding: 0.5rem;
  border-bottom: 0.0625rem solid var(--border-color);
}
.clock__right-body_log-row-title {
  font-weight: 500;
}
.clock__right-body_log-row-title.in {
  color: var(--success-focus);
}
.clock__right-body_log-row-title.out {
  color: var(--error-focus);
}
.clock__right-body_log-row-title.break {
  color: var(--warning-focus);
}
.clock__right-body_log-row-title.switch {
  color: var(--primary);
}
.clock__right-body_log-row-time {
  text-align: right;
}
.clock__right-body_log-row:last-of-type {
  border-bottom: none;
}
.clock__right-cta {
  grid-area: cta;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
.clock__right-cta_bottom {
  display: flex;
  width: 100%;
}
.clock__right-cta_bottom .switch-job {
  width: 100%;
}
.clock__right-cta_bottom .switch-job .btn {
  width: 100%;
  height: 3rem;
  min-height: 3rem;
  font-size: 1.125rem;
}
.clock__right-cta_top {
  display: flex;
  gap: 1rem;
}
.clock__right-cta_top .btn-break {
  width: 100%;
  min-height: 7.5rem;
  font-size: 2rem;
}
.clock__right-cta_top .btn-break.end {
  background-color: var(--error-ghost);
  color: var(--error-text);
  border-color: var(--error-ghost);
}
.clock__right-cta_top .btn-break.end:hover {
  background-color: var(--error-hover);
  border-color: var(--error-hover);
}
.clock__right-cta_top .btn-break.end:focus {
  background-color: var(--error-focus);
  border-color: var(--error-focus);
}
.clock__right-cta_top .btn-clock {
  width: 100%;
  min-height: 7.5rem;
  font-size: 2rem;
}
.clock__right-cta_top .btn-clock.clockout {
  background-color: var(--error);
  border-color: var(--error);
}
.clock__right-cta_top .btn-clock.clockout:hover {
  background-color: var(--error-hover);
  border-color: var(--error-hover);
}
.clock__right-cta_top .btn-clock.clockout:focus {
  background-color: var(--error-focus);
  border-color: var(--error-focus);
}
.clock-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  color: var(--text-white);
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "message" "timeout";
  text-align: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
  font-weight: 500;
  color: var(--gray100);
}
.clock-popup--in {
  background-color: var(--success);
  opacity: 1;
  pointer-events: auto;
}
.clock-popup--out {
  background-color: var(--error);
  opacity: 1;
  pointer-events: auto;
}
.clock-popup--break {
  background-color: var(--warning);
  opacity: 1;
  pointer-events: auto;
}
.clock-popup--switch {
  background-color: var(--primary-ghost);
  color: var(--text-color);
  opacity: 1;
  pointer-events: auto;
}
.clock-popup__message {
  grid-area: message;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}
.clock-popup__message-title {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.clock-popup__message span[data-title=jobTitle] {
  font-size: 1.25rem;
}
.clock-popup__message span[data-title=time] {
  font-size: 1.25rem;
}
.clock-popup__timeout {
  grid-area: timeout;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 1.125rem;
}
.clock-popup__timeout-btn {
  background-color: var(--white);
  border: none;
  color: var(--text-color);
  min-height: 2.625rem;
  margin-top: 1rem;
}


.fc .fc-button-primary:not(:disabled):focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.25rem var(--blue100);
}

.fc .fc-toolbar-title {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: var(--primary) !important;
  filter: hue-rotate(291deg) contrast(0.4);
}

.fc-theme-standard {
  margin-bottom: 1.5rem;
}

.fc-daygrid-event-dot {
  border: 0.125rem solid var(--primary);
  border-radius: 100%;
  box-sizing: content-box;
  height: 0;
  margin: 0 0.25rem;
  width: 0;
}

.fc {
  --fc-border-color: var(--gray200);
  --fc-daygrid-event-dot-width: 0.3125rem;
  --fc-today-bg-color: var(--blue100);
  --fc-button-bg-color: var(--white);
  --fc-button-border-color: transparent;
  --fc-button-text-color: var(--primary);
  --fc-button-hover-bg-color: var(--blue100);
  --fc-button-hover-border-color: transparent;
  --fc-button-text-color: var(--primary);
  --fc-event-bg-color: var(--teal400);
  --fc-event-border-color: transparent;
  --fc-button-active-bg-color: var(--primary);
  --fc-button-active-border-color: var(--primary);
}
.fc .fc-button-primary:disabled {
  color: var(--gray400);
}
.fc .fc-event-time {
  color: var(--gray600);
  font-weight: 400;
}
.fc .fc-event-time:after {
  content: " -";
  margin-right: 0.125rem;
}
.fc .fc-event-title {
  color: var(--secondary);
  font-size: 0.875rem;
  font-weight: 400;
}
.fc .fc-event-main .fc-event-title {
  color: var(--white);
  margin-left: 0.125rem;
}
.fc .fc-daygrid-day-top a {
  color: var(--gray600);
  font-weight: 400;
  font-size: 0.875rem;
}
.fc .fc-daygrid-day-top.fc-day-today {
  border-radius: 0.375rem;
}
.fc .fc-daygrid-day-frame {
  min-height: unset;
  position: relative;
  height: 3.625rem;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:active {
  color: var(--white);
}
.fc .fc-button-primary:not(:disabled):active {
  color: var(--white);
}

.w2table {
  width: 98%;
  color: var(--gray500);
  margin: auto;
}
.w2table .TrBold {
  font-weight: 600;
}
.w2table .p {
  font-weight: 600;
  top: 0;
  text-align: left;
}
.w2table td,
.w2table th {
  position: relative;
  min-width: 3.125rem;
  min-height: 3.125rem;
  margin-left: 0.125rem;
  padding: 0.5rem;
  border: 0.0625rem solid var(--border-color);
  vertical-align: text-top;
}


.notyf {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  box-sizing: border-box;
  padding: 1.25rem;
}
.notyf__toast {
  border-radius: var(--border-radius);
  font-size: 0.875rem;
}
.notyf__toast--error {
  background-color: var(--danger);
}
.notyf__toast--success {
  background-color: var(--success);
}
.notyf__toast--warning {
  background-color: var(--warning);
  color: var(--text-color);
}
.notyf__toast--warning .notyf__dismiss-btn:before, .notyf__toast--warning .notyf__dismiss-btn:after {
  background-color: var(--text-color);
}
.notyf__toast--info {
  background-color: var(--info);
  color: var(--primary);
}
.notyf__toast--info .notyf__dismiss-btn:after,
.notyf__toast--info .notyf__dismiss-btn:before {
  background-color: var(--primary);
}

.dark-mode .notyf {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  box-sizing: border-box;
  padding: 1.25rem;
}
.dark-mode .notyf__toast {
  border-radius: var(--border-radius);
  font-size: 0.875rem;
}
.dark-mode .notyf__toast--error {
  background-color: var(--danger);
  color: var(--gray900);
}
.dark-mode .notyf__toast--error .notyf__icon--error {
  color: var(--gray900);
}
.dark-mode .notyf__toast--success {
  background-color: var(--success);
  color: var(--gray900);
}
.dark-mode .notyf__toast--success .notyf__icon--success {
  color: var(--gray900);
}
.dark-mode .notyf__toast--warning {
  background-color: var(--warning);
  color: var(--gray900);
}
.dark-mode .notyf__toast--warning .notyf__dismiss-btn:before, .dark-mode .notyf__toast--warning .notyf__dismiss-btn:after {
  background-color: var(--text-color);
}
.dark-mode .notyf__toast--warning .notyf__icon--warning {
  color: var(--gray900);
}
.dark-mode .notyf__toast--info {
  background-color: var(--info);
  color: var(--gray900);
}
.dark-mode .notyf__toast--info .notyf__dismiss-btn:after,
.dark-mode .notyf__toast--info .notyf__dismiss-btn:before {
  background-color: var(--primary);
}
.dark-mode .notyf__toast--info .notyf__icon--info {
  color: var(--gray900);
}


.prism-rte ol,
.prism-rte ul {
  display: block;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 2.5rem;
}
.prism-rte ol {
  list-style: decimal;
}
.prism-rte ul {
  list-style-type: disc;
}


#chartWrap {
  width: 25rem;
  background-color: white;
}

.dash-chart__color {
  stroke-width: 18;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  fill: none;
}

.dash-chart__val {
  font-size: 1.5rem;
  font-weight: 7600;
  fill: var(--gray600);
}

.dash-chart__track {
  fill: none;
  stroke: var(--gray200);
  stroke-width: 0.875rem;
}

.dash-chart__label {
  fill: var(--gray500);
}

.dash-chart__title {
  font-size: 2rem;
}

#dash__currCount {
  fill: var(--blue60);
}

path {
  fill: none;
}

.st0 {
  fill: #f9f9f9;
}

.st1 {
  fill: #2a3742;
}

.st2 {
  font-family: var(--font-family);
}

.st3 {
  font-size: 1rem;
}

.st4 {
  fill: none;
  stroke: #dcdee0;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st5 {
  fill: none;
  stroke: #dcdee0;
  stroke-width: 21;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st6 {
  font-family: var(--font-family);
}

.st7 {
  fill: none;
  stroke: #e01e40;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st8 {
  fill: none;
  stroke: #ff7811;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st9 {
  fill: none;
  stroke: #276df6;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st10 {
  fill: none;
  stroke: #1ca35e;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

#title_bar path,
#title path {
  fill: var(--gray600);
}


@media screen and (min-width: 1024px) {
  .desktop {
    display: initial;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .desktop {
    display: none;
  }
  .desktop--tablet {
    display: initial;
  }
  .tablet {
    display: initial;
  }
  .mobile {
    display: none;
  }
  .mobile--tablet {
    display: initial;
  }
}
@media screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: initial;
  }
}
@media only screen and (max-width: 595px) {
  .desktop {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: initial;
  }
}
@media only screen and (max-width: 1400px) {
  .continuous-feedback-grid #hero {
    grid-column: span 2;
  }
  .continuous-feedback-grid #performance-graph {
    grid-column: span 2;
  }
  .continuous-feedback-grid #timecard-approvals {
    grid-column: span 2;
  }
  .continuous-feedback-grid #on-boarding-graphs {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 1024px) {
  .continuous-feedback-grid__right-col {
    grid-template-columns: 1fr;
    grid-template-areas: "alertBox" "my-calendar " "upcoming" "birthdays";
  }
  .continuous-feedback-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "dashboard-grid__left-col" "dashboard-grid__right-col";
  }
  .continuous-feedback-grid__left-col {
    grid-area: dashboard-grid__left-col;
  }
  .continuous-feedback-grid__right-col {
    grid-area: dashboard-grid__right-col;
  }
}
@media only screen and (max-width: 768px) {
  .table tbody tr td {
    font-size: 1.375rem;
    font-weight: 700;
  }
  .table tbody tr td[data-title]:before {
    font-size: 1rem;
    font-weight: 400;
  }
  .modal-footer {
    gap: 1rem;
  }
}
@media only screen and (max-width: 595px) {
  .header__wrapper--er {
    grid-template-columns: auto !important;
  }
  .header__right {
    justify-content: flex-end;
  }
  .left-nav__navigation.mobile {
    display: none;
  }
  .table tbody {
    background: var(--gray100);
  }
  .table tbody tr,
  table.dataTable tbody tr {
    margin: 1rem 0.5rem;
  }
}


.ui-menu {
  box-shadow: none;
}
.ui-menu:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.ui-menu .ui-menu-item {
  border-left: 0.0625rem solid var(--card-border-color);
  border-right: 0.0625rem solid var(--card-border-color);
  background: var(--white);
  padding: 0.5rem;
}
.ui-menu .ui-menu-item:hover {
  background-color: var(--primary-ghost);
}
.ui-menu .ui-menu-item:first-of-type {
  margin-top: 0.5rem;
  border: 0.0625rem solid var(--card-border-color);
  border-bottom: none;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.ui-menu .ui-menu-item:last-of-type {
  border: 0.0625rem solid var(--card-border-color);
  border-top: none;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.ui-widget-content {
  border: none !important;
  background: transparent !important;
  color: inherit !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: none !important;
  background: transparent !important;
  font-weight: normal;
  color: var(--gray600) !important;
}


.org-chart .node rect {
  fill: var(--primary);
}
.org-chart__table-person {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 1rem;
}
.org-chart__table-avatar {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6.25rem;
  width: 3.4375rem;
  height: 3.4375rem;
}

.boc-edit-form-header,
.boc-img-button {
  background-color: var(--primary) !important;
}




.e-chip-list.e-chip,
.e-chip-list .e-chip {
  transition: all 0.3s ease-in-out;
}
.e-chip-list.e-chip.e-danger,
.e-chip-list .e-chip.e-danger {
  background-color: var(--error);
  border-color: var(--error);
  color: var(--white);
}
.e-chip-list.e-chip.e-danger:hover,
.e-chip-list .e-chip.e-danger:hover {
  background-color: var(--error-hover);
  border-color: var(--error-hover);
}

.e-chip-list.e-chip.e-warning,
.e-chip-list .e-chip.e-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--text-color);
}
.e-chip-list.e-chip.e-warning:hover,
.e-chip-list .e-chip.e-warning:hover {
  background-color: var(--warning-hover);
  border-color: var(--warning-hover);
}

.e-chip-list.e-chip.e-info,
.e-chip-list .e-chip.e-info {
  background-color: var(--primary-ghost);
  border-color: var(--primary-ghost);
  color: var(--primary);
}
.e-chip-list.e-chip.e-info:hover,
.e-chip-list .e-chip.e-info:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}

.e-chip-list.e-chip.e-success,
.e-chip-list .e-chip.e-success {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--white);
}
.e-chip-list.e-chip.e-success:hover,
.e-chip-list .e-chip.e-success:hover {
  background-color: var(--success-hover);
  border-color: var(--success-hover);
  color: var(--white);
}

.e-chip-list.e-chip.e-primary,
.e-chip-list .e-chip.e-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.e-chip-list.e-chip.e-primary:hover,
.e-chip-list .e-chip.e-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}

.e-chip-list.e-chip.e-info.e-focused,
.e-chip-list .e-chip.e-info.e-focused,
.e-chip-list.e-chip.e-primary:active,
.e-chip-list .e-chip.e-primary:active,
.e-chip-list.e-chip.e-info:active,
.e-chip-list .e-chip.e-info:active {
  background-color: var(--primary-focus);
  border-color: var(--primary-focus);
  color: var(--white);
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}
.e-chip-list.e-chip.e-info.e-focused:hover,
.e-chip-list .e-chip.e-info.e-focused:hover,
.e-chip-list.e-chip.e-primary:active:hover,
.e-chip-list .e-chip.e-primary:active:hover,
.e-chip-list.e-chip.e-info:active:hover,
.e-chip-list .e-chip.e-info:active:hover {
  background-color: var(--primary-focus);
  border-color: var(--primary-focus);
  color: var(--white);
}


.e-checkbox-wrapper,
.e-css.e-checkbox-wrapper {
  height: 1.5rem;
}
.e-checkbox-wrapper .e-label,
.e-checkbox-wrapper .e-css.e-label,
.e-css.e-checkbox-wrapper .e-label,
.e-css.e-checkbox-wrapper .e-css.e-label {
  color: var(--text-color);
}
.e-checkbox-wrapper .e-frame,
.e-checkbox-wrapper .e-css.e-frame,
.e-css.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-css.e-frame {
  width: 1.25rem;
  height: 1.25rem;
  border-color: var(--primary);
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
  border-radius: var(--border-radius);
}
.e-checkbox-wrapper .e-frame:before,
.e-checkbox-wrapper .e-css.e-frame:before,
.e-css.e-checkbox-wrapper .e-frame:before,
.e-css.e-checkbox-wrapper .e-css.e-frame:before {
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-checkbox-wrapper .e-css.e-checkbox:focus + .e-frame,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-css.e-checkbox-wrapper .e-css.e-checkbox:focus + .e-frame {
  border-color: var(--primary);
}
.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-frame {
  background-color: transparent;
  border-color: var(--border-color);
}
.e-checkbox-wrapper .e-frame:hover,
.e-css.e-checkbox-wrapper .e-frame:hover {
  border-color: var(--primary);
}
.e-checkbox-wrapper:focus .e-frame, .e-checkbox-wrapper.e-focus .e-frame,
.e-checkbox-wrapper .e-checkbox:active + .e-frame,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.e-css.e-checkbox-wrapper:focus .e-frame,
.e-css.e-checkbox-wrapper.e-focus .e-frame,
.e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.1875rem var(--primary-ghost);
  color: var(--white);
}
.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
  border-radius: 0.25rem;
}
.e-checkbox-wrapper .e-frame:before,
.e-checkbox-wrapper .e-css.e-frame:before,
.e-css.e-checkbox-wrapper .e-frame:before,
.e-css.e-checkbox-wrapper .e-css.e-frame:before {
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.e-checkbox-wrapper .e-label,
.e-checkbox-wrapper .e-css.e-label,
.e-css.e-checkbox-wrapper .e-label,
.e-css.e-checkbox-wrapper .e-css.e-label {
  font-family: var(--font-family);
  line-height: 1.3125rem;
  font-size: 0.875rem;
}
.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-checkbox-wrapper .e-checkbox-disabled .e-frame.e-stop,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox-disabled .e-frame.e-stop {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
  opacity: 0.5;
  border-radius: 0.25rem;
}

.e-checkbox-wrapper:hover .e-label,
.e-css.e-checkbox-wrapper:hover .e-label {
  color: var(--text-color);
}

.e-checkbox-wrapper:hover .e-frame.e-check,
.e-css.e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}

.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
  background-color: var(--primary-focus);
  border-color: var(--primary-focus);
  color: var(--white);
  outline: var(--primary-info) 0 solid;
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}


.e-tab .e-tab-header {
  background: white;
  z-index: 1;
  position: sticky;
  top: 2.1875rem;
  
  
  
}
.e-tab .e-tab-header .e-hor-nav {
  height: 2.5rem;
  margin-right: 1rem;
}
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:before,
.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:before {
  color: var(--primary);
  font-weight: 900;
  font-size: 0.875rem;
}
.e-tab .e-tab-header .e-toolbar-items {
  margin-bottom: 0.0625rem;
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item {
  border-bottom: 0.25rem solid var(--white);
  height: 2.5rem;
  transition: all 0.3s ease-in-out;
  
  
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item .e-tab-wrap {
  height: unset;
  border: none;
  border-radius: unset;
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item .e-tab-wrap .e-tab-text {
  color: var(--text-color);
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
  border: none;
  border-bottom: 0.25rem solid var(--primary);
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item:hover {
  height: 2.5rem;
  padding: unset;
}
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item:hover .e-tab-text {
  color: var(--primary);
}
.e-tab .e-tab-header.e-vertical .e-toolbar-item:hover .e-tab-text {
  color: var(--primary);
}
.e-tab .e-tab-header.e-vertical.e-vertical-left {
  position: sticky;
  top: 6.25rem;
  min-width: 12.5rem;
  margin: 1.25rem 1rem 1rem;
  padding: 0.125rem;
  background: transparent;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left:before {
  border: none !important;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-tab-wrap .e-tab-text {
  color: var(--text-color);
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item {
  
  
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item:not(.e-active) .e-text-wrap:before {
  content: "";
  height: 0%;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
  border-color: transparent;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
  border-color: transparent;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-text-wrap {
  position: relative;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-text-wrap:before {
  content: "";
  background-color: var(--primary);
  border-radius: var(--card-border-radius);
  width: 0.25rem;
  height: 1.875rem;
  display: block;
  left: -1rem;
  margin-top: -0.0625rem;
  position: absolute;
  transition: height 0.2s ease-in-out;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-text-wrap .e-tab-text {
  color: var(--primary);
  font-weight: 600;
}
.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item:hover .e-tab-text {
  color: var(--primary);
}
.e-tab .e-content .e-item .permissions-table {
  background-color: var(--white) !important;
  margin: 1.5rem;
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  padding: 1rem;
}
.e-tab.e-vertical-left .e-tab-header .e-toolbar-items {
  padding: 0;
}

.e-tab .e-tab-header.e-vertical.e-vertical-left {
  margin-right: 0;
}


.e-input-group:not(.e-success):not(.e-warning):not(.e-error).inlinecss,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).inlinecss {
  border: none;
  margin: 0;
  border-bottom: 0.0625rem dashed var(--primary);
  width: -moz-fit-content;
  width: fit-content;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error).inlinecss *,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).inlinecss * {
  color: var(--primary);
  background: var(--primary-ghost);
  border-color: var(--white);
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error).inlinecss.e-disabled,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).inlinecss.e-disabled {
  border-color: var(--gray100);
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error).inlinecss.e-disabled *,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).inlinecss.e-disabled * {
  background-color: var(--gray100);
  color: var(--text-color);
  border-color: var(--gray100);
}


.e-label {
  color: var(--gray900);
}


.e-switch-wrapper,
.e-css.e-switch-wrapper {
  width: 2rem;
  height: 1rem;
  transition: all 0.3s ease-in-out;
}
.e-switch-wrapper .e-switch-handle,
.e-switch-wrapper .e-css.e-switch-handle,
.e-css.e-switch-wrapper .e-switch-handle,
.e-css.e-switch-wrapper .e-css.e-switch-handle {
  height: 0.875rem;
  width: 0.875rem;
  left: 0.0625rem;
}
.e-switch-wrapper .e-switch-handle.e-switch-active,
.e-switch-wrapper .e-css.e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper .e-css.e-switch-handle.e-switch-active {
  margin-left: -0.9375rem;
}
.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-switch-wrapper .e-css.e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-css.e-switch-inner.e-switch-active {
  background-color: var(--primary);
  border-color: var(--primary);
}
.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active {
  background-color: var(--primary);
  border-color: var(--primary);
}
.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.e-css.e-switch-wrapper:hover .e-css.e-switch-inner.e-switch-active .e-switch-on {
  background-color: var(--primary-hover);
}
.e-switch-wrapper .e-switch-on,
.e-switch-wrapper .e-css.e-switch-on,
.e-css.e-switch-wrapper .e-switch-on,
.e-css.e-switch-wrapper .e-css.e-switch-on {
  background-color: var(--primary);
}

.e-switch-wrapper:hover .e-switch-inner,
.e-css.e-switch-wrapper:hover .e-switch-inner {
  border-color: var(--primary-hover);
}

.e-switch-wrapper .e-ripple-check .e-ripple-element,
.e-css.e-switch-wrapper .e-ripple-check .e-ripple-element,
.e-switch-wrapper.e-active .e-ripple-check.e-ripple-container,
.e-switch-wrapper:active .e-ripple-check.e-ripple-container,
.e-css.e-switch-wrapper.e-active .e-ripple-check.e-ripple-container,
.e-css.e-switch-wrapper:active .e-ripple-check.e-ripple-container,
.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container,
.e-switch-wrapper:focus .e-ripple-check.e-ripple-container,
.e-css.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container,
.e-css.e-switch-wrapper:focus .e-ripple-check.e-ripple-container {
  background-color: var(--primary-ghost);
}

.e-switch-wrapper.e-active .e-switch-inner.e-switch-active,
.e-switch-wrapper:active .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper.e-active .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:active .e-switch-inner.e-switch-active {
  border-color: var(--primary);
}

.e-switch-wrapper.e-focus .e-switch-inner,
.e-switch-wrapper:focus .e-switch-inner,
.e-css.e-switch-wrapper.e-focus .e-switch-inner,
.e-css.e-switch-wrapper:focus .e-switch-inner {
  background-color: var(--white);
  border-color: var(--primary-ghost);
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}

.e-switch-wrapper.e-active .e-switch-inner,
.e-switch-wrapper:active .e-switch-inner,
.e-css.e-switch-wrapper.e-active .e-switch-inner,
.e-css.e-switch-wrapper:active .e-switch-inner {
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}

.e-switch-wrapper .e-switch-off,
.e-css.e-switch-wrapper .e-switch-off {
  background-color: var(--white);
  color: var(--text-color);
}


.e-rating-container .e-rating-item-container {
  font-size: 1rem;
}

.e-dropdownbase .e-list-parent {
  border-radius: var(--border-radius);
}
.e-dropdownbase .e-list-item:not(:last-of-type) {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.e-dropdownbase .e-list-item:not(:first-of-type) {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.e-dropdownbase .e-list-item {
  color: var(--text-color);
  border-color: transparent;
  font-family: var(--font-family);
}
.e-dropdownbase .e-list-item:hover {
  background-color: var(--info-ghost);
}

.e-dropdownbase .e-list-item.e-item-focus {
  background-color: var(--primary-ghost);
  color: var(--primary);
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: var(--primary);
}


.e-float-text {
  color: var(--gray600);
}



.dashboard-EE__item .e-calendar {
  max-width: unset;
  border: none;
  margin: -0.5rem;
}
.dashboard-EE__item .e-calendar .e-header.e-month {
  margin-bottom: 1rem;
}

.e-daterangepicker.e-popup .e-calendar .e-header.e-month,
.e-daterangepicker.e-popup .e-calendar .e-header.e-year,
.e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  justify-content: space-between !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: var(--primary-info) !important;
  border: none !important;
  box-shadow: inset 0.0625rem 0 var(--primary), inset 0 0.0625rem var(--primary), inset -0.0625rem 0 var(--primary), inset 0 -0.0625rem var(--primary);
  color: var(--text-color) !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:active,
.e-calendar .e-btn.e-today.e-flat.e-primary.e-active,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
  background-color: var(--primary-focus) !important;
  border-color: var(--primary-focus) !important;
  color: var(--white) !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  color: var(--white) !important;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
  background-color: var(--primary-hover) !important;
  color: var(--white) !important;
  border-radius: var(--border-radius) !important;
}

.e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: var(--primary-ghost) !important;
  box-shadow: none !important;
  border-radius: var(--border-radius) !important;
  color: var(--primary) !important;
}
.e-calendar .e-content td.e-today span.e-day:hover,
.e-calendar .e-content td.e-focused-date.e-today span.e-day:hover {
  background-color: var(--primary-info) !important;
}

.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
  border: none !important;
  color: var(--primary) !important;
}

.e-calendar .e-content span.e-day {
  font-weight: 600 !important;
}

.e-calendar .e-content td:hover span.e-day,
.e-calendar .e-content td:focus span.e-day {
  background-color: var(--primary-ghost) !important;
}

.e-calendar .e-content .e-other-month span.e-day,
.e-calendar .e-content .e-other-month.e-today span.e-day {
  color: var(--gray400) !important;
  font-weight: 400 !important;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  border-radius: var(--border-radius) !important;
}
.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day:hover,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day:hover {
  background-color: var(--primary-hover) !important;
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
  background-color: transparent !important;
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
  background-color: var(--primary-ghost) !important;
}
.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:hover {
  background-color: var(--primary-info) !important;
  border-radius: var(--border-radius) !important;
}

.e-calendar .e-header button {
  color: var(--text-color) !important;
}
.e-calendar .e-header button:hover {
  background-color: var(--primary-ghost) !important;
  color: var(--text-color) !important;
}
.e-calendar .e-header button:focus {
  background-color: var(--primary-focus) !important;
  color: var(--text-color) !important;
}

.e-calendar .e-header .e-prev:hover > span,
.e-calendar .e-header .e-next:hover > span {
  color: var(--text-color) !important;
}

.e-calendar .e-header .e-title:hover {
  background-color: var(--primary-ghost) !important;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-cancel,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-cancel {
  background-color: var(--primary-ghost) !important;
  border-color: var(--primary-ghost) !important;
  color: var(--primary) !important;
}
.e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-cancel:hover,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-cancel:hover {
  background-color: var(--primary-info) !important;
  border-color: var(--primary-info) !important;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:not(:disabled),
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:not(:disabled) {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:not(:disabled):hover,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:not(:disabled):hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}


.e-input-group {
  border-radius: var(--border-radius);
}
.e-input-group.e-control-wrapper {
  border-radius: var(--border-radius);
}
.e-input-group .e-textbox {
  width: 100%;
}

.e-input-group:not(.e-disabled) .e-input-group-icon,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon {
  transition: all 0.3s ease-in-out;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background-color: var(--primary);
}

.e-input-group,
.e-float-input {
  border-radius: var(--border-radius);
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--border-color) !important;
  border-radius: var(--border-radius) !important;
}

.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  color: var(--text-color);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--primary-info) !important;
  box-shadow: var(--focus-shadow) !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--primary-info) !important;
  box-shadow: var(--focus-shadow) !important;
}

.e-input-group-icon.e-range-icon,
*.e-control-wrapper .e-input-group-icon.e-range-icon {
  border-bottom-right-radius: 0.3125rem !important;
  border-top-right-radius: 0.3125rem !important;
  font-size: 0.875rem !important;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background: var(--primary-ghost) !important;
  color: var(--text-color) !important;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon {
  border: none !important;
}


.e-tooltip-wrap.e-popup {
  margin-top: 0;
  background-color: var(--blue800) !important;
}
.e-tooltip-wrap .e-tip-content {
  border-radius: 0.25rem;
}

ejs-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}


.e-ddl.e-popup {
  box-shadow: var(--box-shadow);
  border-color: transparent;
}

.e-popup .e-dropdownbase .e-list-item:not(:first-of-type) {
  border-radius: 0;
}


.e-colorpicker-wrapper .e-icon-btn {
  transition: all 0.2s ease-in-out;
}
.e-colorpicker-wrapper .e-icon-btn:focus {
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}

.e-colorpicker-popup .e-ctrl-btn {
  display: flex;
  flex-direction: row-reverse;
}
.e-colorpicker-popup .e-cancel:before {
  display: none;
}


.e-grid {
  margin: 1.5rem;
  padding: 1rem;
  border: var(--card-border);
  border-radius: var(--card-border-radius);
}
.e-grid .e-headercelldiv {
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.e-grid .e-gridheader {
  background-color: var(--white);
  border-bottom-color: var(--white);
  border-top-color: var(--white);
  color: var(--text-color);
}
.e-grid .e-gridheader tr th {
  border-right: 0.0625rem solid var(--card-border-color);
}
.e-grid .e-gridheader tr th:last-of-type {
  border-right: none;
}
.e-grid.e-default .e-headercell,
.e-grid.e-default .e-detailheadercell {
  border-bottom: 0.1875rem solid var(--gray300);
}
.e-grid .e-toolbar-items .e-search-wrapper .e-search {
  opacity: 1;
}
.e-grid td.e-active {
  background-color: var(--primary-ghost);
}
.e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
  background-color: var(--primary-ghost);
}
.e-grid .e-dropdown-btn {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  width: 3.125rem;
  min-width: unset;
  display: flex;
  height: 2rem;
  align-items: center;
}
.e-grid .e-dropdown-btn .e-btn-icon {
  color: var(--primary);
}
.e-grid .e-dropdown-btn .fa-ellipsis {
  margin-top: 0.0625rem;
}
.e-grid .e-toolbar {
  border: none;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: var(--border-radius);
}
.e-grid .e-gridcontent .e-row .e-rowcell {
  color: var(--text-color);
}
.e-grid .e-dropdownlist .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.e-grid .e-dropdownlist .e-input-group:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--primary);
}
.e-grid .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-grid .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-grid .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-grid .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  color: var(--primary);
  background: var(--primary-ghost);
}
.e-grid .e-rowdragdropcell {
  vertical-align: middle;
}
.e-grid .e-rowdragdropcell:hover .e-icon-rowdragicon:before {
  color: var(--primary);
  opacity: 1;
}
.e-grid .e-gridheader tr th {
  border-bottom: 0.1875rem solid var(--gray300);
}
.e-grid .e-checkbox-wrapper .e-check::before,
.e-grid .e-css.e-checkbox-wrapper .e-check::before {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.e-grid .e-checkbox-wrapper .e-icons:not(.e-btn-icon) {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--white);
}
.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
  color: var(--text-color);
}
.e-grid .e-headercell,
.e-grid .e-detailheadercell {
  background-color: var(--white);
  border-color: var(--gray300);
}
.e-grid__quicklinks.e-dropdown-btn {
  border: none;
  background: var(--gray100);
}
.e-grid.yellow-rows .e-dropdown-btn {
  border-color: var(--text-color);
  color: var(--warning-text);
  background-color: var(--warning-info);
}
.e-grid.yellow-rows .e-dropdown-btn .e-btn-icon {
  color: var(--text-color);
}
.e-grid.yellow-rows .e-grid__quicklinks {
  background-color: var(--warning-info);
}
.e-grid.yellow-rows .e-grid__quicklinks .e-btn-icon {
  color: var(--text-color);
}
.e-grid.yellow-rows .e-rowcell {
  background-color: var(--warning-ghost);
}
.e-grid .e-detailcell {
  border-bottom: 0.5rem solid var(--gray400);
}
.e-grid .e-detailcell .e-grid {
  border: none;
  margin: 0;
}
.e-grid .e-icon-gdownarrow {
  padding: 0;
}
.e-grid .e-detailrowexpand,
.e-grid .e-detailrowcollapse {
  height: 2.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.e-grid .e-detailrowcollapse .e-icons {
  color: var(--primary);
}
.e-grid .e-rowcell,
.e-grid .e-groupcaption,
.e-grid .e-indentcell,
.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse,
.e-grid .e-rowdragdropcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid .e-detailindentcell,
.e-grid .e-detailcell {
  border-color: var(--gray300);
}
.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
  color: var(--text-color);
}
.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
  opacity: 1;
}
.e-grid .e-icons:not(.e-btn-icon) {
  color: var(--gray400);
}
.e-grid .e-focused:not(.e-menu-item) {
  box-shadow: none;
}
.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
  background-color: var(--primary-ghost);
  color: var(--text-color);
}
.e-grid [aria-sort=none] .e-icons:before {
  font-family: var(--font-awesome);
  content: "\f07d";
  color: var(--gray300);
  font-weight: 300;
}
.e-grid .e-gridcontent .e-label {
  display: none;
}

.e-centeralign {
  vertical-align: middle;
}

.e-grid .e-search-icon::before,
.e-grid-menu .e-search-icon::before {
  font-family: "Font Awesome 6 Pro" !important;
  content: "\f002";
}

.e-grid .e-content {
  cursor: auto;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
  color: var(--primary);
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
  width: 21.875rem;
}


.e-table {
  border-radius: var(--border-radius);
}


.e-gridcontent {
  border-radius: var(--border-radius);
}


.e-toolbar {
  background: var(--white);
  border-bottom: 0.0625rem solid var(--gray200);
}
.e-toolbar .e-toolbar-item .e-tbar-btn {
  line-height: 1.3125rem;
  font-size: 0.875rem;
  background-color: transparent;
  height: 1.875rem;
  min-height: 1.875rem;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
  background-color: var(--primary-hover);
}
.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
  line-height: 1.6875rem;
  font-size: 1.125rem;
}
.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:before {
  font-weight: 300;
}
.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
  line-height: 1.3125rem;
  font-size: 0.875rem;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover {
  background-color: transparent;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-btn-icon,
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
  color: var(--primary);
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons.e-btn-icon:before {
  font-weight: 900;
}
.e-toolbar .e-toolbar-item.e-overlay {
  background: transparent;
}
.e-toolbar .e-toolbar-item [aria-disabled=true], .e-toolbar .e-toolbar-item:disabled {
  background: transparent;
}
.e-toolbar .e-toolbar-item:not(.e-separator) {
  padding: 0;
}
.e-toolbar .e-toolbar-item.e-primary .e-tbar-btn {
  background-color: var(--primary);
}
.e-toolbar .e-toolbar-item.e-primary .e-tbar-btn .e-tbar-btn-text {
  font-weight: 600;
  color: var(--white);
}
.e-toolbar .e-toolbar-item.e-secondary .e-tbar-btn {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
}
.e-toolbar .e-toolbar-item.e-secondary .e-tbar-btn .e-tbar-btn-text {
  font-weight: 600;
  color: var(--primary);
}
.e-toolbar .new-btn .e-btn {
  background-color: var(--primary);
}
.e-toolbar .new-btn .e-btn .e-tbar-btn-text {
  color: var(--white);
}
.e-toolbar .new-btn .e-btn:hover {
  background: var(--primary-hover);
}
.e-toolbar .new-btn .e-btn:hover .e-tbar-btn-text {
  color: var(--white);
}
.e-toolbar .e-toolbar-items {
  background: transparent;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
}

.e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
  margin-right: 0.5rem;
}

.e-tab .e-tab-header .e-toolbar-items {
  padding-left: 1.5rem;
}

.e-toolbar-right .primary-btn button {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  padding: 0 0.5rem !important;
  border-radius: var(--border-radius) !important;
}
.e-toolbar-right .primary-btn button .e-tbar-btn-text {
  color: var(--white) !important;
}
.e-toolbar-right .primary-btn button:hover {
  background-color: var(--primary-hover) !important;
}
.e-toolbar-right .primary-btn button:active, .e-toolbar-right .primary-btn button:focus {
  background-color: var(--primary-focus) !important;
}


.e-upload {
  border: 0.0625rem dashed var(--gray300);
  border-radius: var(--border-radius);
}


.e-richtexteditor {
  color: var(--gray900);
}
.e-richtexteditor.e-rte-tb-expand {
  border: var(--card-border);
  border-radius: var(--border-radius);
}
.e-richtexteditor .e-toolbar-wrapper {
  background: var(--gray100);
}
.e-richtexteditor .e-toolbar-wrapper, .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar.e-extended-toolbar, .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.e-richtexteditor.e-rte-tb-expand .e-rte-content, .e-richtexteditor.e-rte-tb-expand .e-source-content {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content {
  border: none;
  height: 70%;
}
.e-richtexteditor .e-toolbar .e-toolbar-items {
  height: -moz-fit-content;
  height: fit-content;
}

.e-richtexteditor .e-toolbar-wrapper {
  background: var(--gray100);
  height: -moz-fit-content !important;
  height: fit-content !important;
}


.e-breadcrumb {
  background-color: var(--white);
  padding: 0.25rem 1rem;
  z-index: 15;
}
.e-breadcrumb-item a.e-breadcrumb-text,
.e-breadcrumb-item .e-breadcrumb-text {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--primary);
  font-weight: 600;
}
.e-breadcrumb-popup-item a.e-breadcrumb-text {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.e-breadcrumb-popup-item a.e-breadcrumb-text:hover {
  color: var(--primary);
  background-color: var(--primary-ghost);
}
.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
  color: var(--primary);
}

.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
  color: var(--primary);
  text-decoration: none !important;
}

.e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
  color: var(--text-color);
}



.e-dlg-container .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.6875rem;
  font-size: 1.125rem;
}
.e-dlg-container .e-popup.e-popup-open {
  top: 1.5rem !important;
  margin: 0;
  border: none;
  box-shadow: var(--box-shadow--dark);
  border-radius: var(--card-border-radius);
}
.e-dlg-container .e-footer-content .e-btn.e-flat:not([DISABLED]) {
  background-color: var(--white);
  color: var(--primary);
  border: 0.0625rem solid var(--primary);
}
.e-dlg-container .e-footer-content .e-btn.e-flat:not([DISABLED]):hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.e-dlg-container .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
  background-color: var(--primary);
  color: var(--white);
  border: 0.0625rem solid var(--primary);
}
.e-dlg-container .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
  background-color: var(--primary-hover);
  color: var(--white);
}

.e-dialog .e-dlg-header-content + .e-dlg-content p {
  line-height: 1.3125rem;
  font-size: 0.875rem;
}


.e-dialog .e-dlg-header-content {
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: 1.25rem 1.5rem 1.25rem 1.5rem;
}

.e-dialog .e-dlg-content .row {
  padding: 0;
}

.e-dialog .e-footer-content {
  display: flex;
  justify-content: flex-end;
}

.e-dialog .e-dlg-header-content {
  display: flex;
  justify-content: flex-start;
  
  align-items: center;
}

.e-dialog .e-dlg-header {
  font-size: 1.25rem;
  font-family: var(--font-family);
}


.e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
  background-color: var(--white);
}

.e-editable-popup .e-editable-action-buttons {
  display: flex;
}

.e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
  background-color: var(--white);
  color: var(--text-color);
  border-radius: var(--border-radius);
}

.e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
  border-radius: var(--border-radius);
  border: none;
}

.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
  background-color: var(--primary);
  border: 0.0625rem solid var(--primary);
}

.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
  color: var(--gray500);
}

.e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
  border-bottom: 0.0625rem dashed var(--primary);
  color: var(--text-color);
  padding-bottom: 0.25rem;
}
.e-inplaceeditor .e-editable-value-wrapper:hover {
  background-color: var(--primary-ghost);
}


.e-ripple-element {
  background: var(--primary-ghost);
}


.e-accordion {
  padding: 1.5rem;
  -webkit-tap-highlight-color: var(--white);
  background: var(--white);
  border: none;
  border-radius: var(--card-border-radius);
  max-width: 71.75rem;
}
.e-accordion--max {
  max-width: unset;
}
.e-accordion .e-acrdn-item.e-select {
  border-color: transparent;
}
.e-accordion .e-acrdn-item.e-selected .e-acrdn-panel {
  border-left: 0.0625rem solid var(--card-border-color);
  border-right: 0.0625rem solid var(--card-border-color);
}
.e-accordion .e-acrdn-item.e-selected .e-acrdn-panel .e-acrdn-content {
  color: var(--text-color);
}
.e-accordion .e-acrdn-item:first-of-type.e-selected.e-select > .e-acrdn-header {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.e-accordion .e-acrdn-item:first-of-type .e-acrdn-header {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.e-accordion .e-acrdn-item:first-of-type .e-acrdn-header:focus {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.e-accordion .e-acrdn-item:last-of-type .e-acrdn-header {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.e-accordion .e-acrdn-item:last-of-type .e-acrdn-panel {
  border-bottom: 0.0625rem solid var(--card-border-color);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.e-accordion .e-acrdn-item:last-of-type:last-child:not(.e-expand-state) .e-acrdn-header:focus {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.e-accordion .e-acrdn-item:only-child:not(.e-expand-state) .e-acrdn-header:focus {
  border-radius: var(--card-border-radius) !important;
}
.e-accordion .e-acrdn-item:only-child .e-acrdn-header {
  border-radius: var(--card-border-radius);
  padding: 1rem 1.5rem;
}
.e-accordion .e-acrdn-item:only-child .e-acrdn-header .e-toggle-icon {
  height: 3.4375rem;
}
.e-accordion .e-acrdn-item:only-child .e-acrdn-panel {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.e-accordion .e-acrdn-item:only-child.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item:only-child.e-select.e-expand-state > .e-acrdn-header {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.e-accordion .e-acrdn-item .e-acrdn-header {
  background: var(--white);
  border: 0.0625rem solid var(--card-border-color);
  transition: all 0.3s ease-in-out;
}
.e-accordion .e-acrdn-item .e-acrdn-header:hover {
  border: 0.0625rem solid var(--primary-info);
  background: var(--primary-info);
}
.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  color: var(--primary-text);
}
.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  height: 2.625rem;
  min-height: 2.625rem;
}
.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
  line-height: 1.5rem;
  font-size: 1rem;
  color: var(--accent);
}
.e-accordion .e-acrdn-item .e-acrdn-content .settings-table {
  background-color: var(--white) !important;
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 0;
}
.e-accordion .e-grid {
  margin: 0 -0.5rem;
  border: none;
}
.e-accordion .e-grid .e-toolbar {
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}
.e-accordion .e-acrdn-content .e-tab .e-tab-header {
  position: initial;
  top: unset;
  border-bottom: 0.0625rem solid var(--gray200);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
  color: var(--primary-text);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
  color: var(--primary-text);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
  color: var(--primary-text);
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
  background: var(--primary-ghost);
  border-color: var(--primary-ghost);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
  color: var(--primary-text);
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
  color: var(--primary-text);
}


.e-dropdown-popup {
  border: none;
  margin-top: 0.5rem;
  box-shadow: var(--box-shadow);
  color: var(--text-color);
}
.e-dropdown-popup ul {
  border: none;
  color: var(--text-color);
}
.e-dropdown-popup ul .e-item {
  color: var(--primary);
  font-weight: 500;
}
.e-dropdown-popup ul .e-item:hover {
  color: var(--primary) !important;
  background-color: var(--primary-ghost);
  color: var(--text-color);
}

.e-dropdownbase .e-list-item.e-active:last-child .dropdown-item {
  color: var(--white);
  margin: 0;
  padding: 0.25rem;
}


.e-dropdownlist .e-label-top {
  color: var(--gray600);
  font-size: 0.6875rem;
  margin-top: -0.125rem;
}
.e-dropdownlist .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-dropdownlist .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--border-color);
}
.e-dropdownlist .e-input-group input ~ label.e-label-top.e-float-text, .e-dropdownlist .e-input-group input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-input-group.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-input-group.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-input-group input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-input-group input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-input-group.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-input-group.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-dropdownlist .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text {
  color: var(--gray600);
  font-size: 0.6875rem;
  top: 1.125rem;
}

.e-float-input.e-control-wrapper.e-input-group.inlinecss.e-ddl.e-lib.e-keyboard {
  border: none;
  margin: 0;
  border-bottom: 0.0625rem dashed var(--primary);
  background: var(--primary-ghost);
  color: var(--primary);
  width: -moz-fit-content;
  width: fit-content;
}
.e-float-input.e-control-wrapper.e-input-group.inlinecss.e-ddl.e-lib.e-keyboard * {
  color: var(--primary);
}

.inlinecss label {
  visibility: hidden;
}

[required=true] + .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
[required=true] .e-float-input.e-control-wrapper.e-ddl input[readonly] {
  border-color: var(--required);
}

.required .e-dropdownlist .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.required .e-dropdownlist .e-input-group:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--required);
}

.e-ddl.e-popup .e-filter-parent .e-input-group,
.e-ddl.e-popup .e-filter-parent {
  background: var(--white);
  margin-bottom: 0.25rem;
  box-shadow: none;
}

.e-ddl-hidden {
  display: none;
}

.e-input-group {
  position: relative;
}
.e-input-group[aria-expanded=true] .e-search-icon:after {
  content: "\f077";
}

.e-search-icon {
  color: var(--text-color);
}
.e-search-icon:after {
  content: "\f078";
  font-family: var(--font-awesome);
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.6875rem;
}

.e-ddl.e-popup {
  position: fixed;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: var(--white);
  border-radius: var(--border-radius);
}

.e-dropdownlist {
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--border-color);
  padding: 0.25rem 0.5rem;
  height: 2rem;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.e-dropdownlist:active, .e-dropdownlist:focus {
  border-color: var(--primary);
}

.e-input-filter {
  width: 100%;
  border: 0.0625rem solid var(--border-color);
  border-radius: 0.25rem;
  padding: 0.375rem;
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.e-input-filter:active, .e-input-filter:focus {
  box-shadow: var(--box-shadow);
  border: 0.0625rem solid var(--primary);
}

.e-dropdownbase {
  margin-top: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 10.625rem !important;
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: var(--primary);
  color: var(--white);
}

.e-dropdownbase .e-list-item {
  color: var(--text-color);
  border-color: transparent;
  font-family: var(--font-family);
  padding: 0.1875rem 0.5rem;
  margin: 0 -0.3125rem;
  border-radius: 0.25rem !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.e-dropdownbase .e-list-item:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}


.e-radio-wrapper {
  height: 1.875rem;
}
.e-radio + label:before {
  width: 1.25rem;
  height: 1.25rem;
  top: 0.0625rem;
  transition: all 0.3s ease-in-out;
}
.e-radio + label:after {
  height: 0.625rem;
  width: 0.625rem;
  left: 0.3125rem;
  top: 0.375rem;
}
.e-radio + label .e-label {
  color: var(--text-color);
  font-family: var(--font-family);
  line-height: 1.5rem;
  font-size: 1rem;
  padding-left: 1.75rem;
}
.e-radio:checked + label::after {
  background-color: var(--white);
  color: var(--white);
}
.e-radio:checked + label::before {
  background-color: var(--primary);
  border-color: var(--primary);
}
.e-radio:checked:focus + label::before {
  border: none;
}
.e-radio:focus + label:before {
  box-shadow: 0 0 0 0.1875rem var(--primary-ghost);
}


.e-control,
.e-css {
  font-family: var(--font-family);
  line-height: 1.3125rem;
  font-size: 0.875rem;
}


.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  border-color: var(--primary-info);
  background: var(--primary-ghost);
  color: var(--primary);
  opacity: 1;
  border-radius: var(--border-radius);
}
.e-pager .e-numericitem.e-currentitem:hover {
  padding: 0.625rem 0.78125rem 0.71875rem 0.78125rem;
  border-color: var(--primary-hover);
}

.e-pager .e-pagercontainer {
  background-color: var(--white);
  border-color: var(--gray300);
}

.e-pager .e-pagercontainer {
  border: none;
}

.e-grid .e-pager {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}


.e-multi-select-wrapper .e-chips {
  background-color: var(--primary-ghost);
}

.e-multi-select-wrapper .e-delim-values {
  color: var(--primary);
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-family: var(--font-family);
  color: var(--primary);
  -webkit-text-fill-color: var(--primary);
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
  color: var(--primary);
  -webkit-text-fill-color: var(--primary);
}

.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
  background-color: var(--primary-ghost);
}

.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:focus {
  background-color: var(--primary-ghost);
}

.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
  background-color: var(--primary-ghost);
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
  background-color: var(--primary-ghost);
}

.e-multi-select-wrapper .e-delim-values {
  font-family: var(--font-family);
  text-align: left;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-multiselect .e-multi-select-wrapper.e-down-icon {
  display: flex;
  justify-content: space-between;
}


.e-dashboardlayout.e-control .e-panel {
  background: unset;
  box-shadow: unset;
}

.e-dashboardlayout.e-control .e-panel {
  border: none;
}

.e-dashboardlayout.e-control .e-panel {
  border-radius: unset;
}

.e-dashboardlayout.e-control .e-panel {
  transition: all 0.3s ease-in-out;
}

.e-dashboardlayout.e-control .e-panel:hover {
  border: unset;
  box-shadow: unset;
}

.e-panel {
  border-radius: var(--card-border-radius) !important;
  background: var(--white) !important;
  box-shadow: var(--box-shadow) !important;
  box-sizing: border-box !important;
  position: absolute !important;
  border: 0.0625rem solid transparent !important;
  transition: all 0.3s ease-in-out !important;
}
.e-panel:hover {
  border-color: var(--primary) !important;
  box-shadow: var(--focus-shadow) !important;
}


.e-recurrenceeditor .e-days button {
  border-radius: 6.25rem;
  flex-flow: row wrap;
  margin: 0 0.5rem 0.625rem;
  height: 1.875rem;
  width: 1.875rem;
  min-width: unset;
}

.e-recurrenceeditor .e-recurrence-table .e-week-position {
  top: 0.625rem;
}

.e-recurrenceeditor .e-recurrence-table .e-day-position {
  top: 0.625rem;
  position: relative;
}


.e-schedule {
  border: none;
}

.e-content-wrap {
  height: unset !important;
}

.e-more-popup-wrapper .e-more-event-close {
  width: 1.875rem;
  height: 1.875rem;
  min-width: unset;
}

.e-schedule-toolbar-container {
  border-top: 0.0625rem solid var(--card-border-color);
}

.e-toolbar .e-toolbar-item .e-tbar-btn:active {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}

.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
  border-radius: var(--border-radius);
}


.e-quick-popup-wrapper {
  background: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color);
  border: 0.0625rem solid var(--card-border-color);
}

.e-schedule .e-timeline-year-view .e-work-cells {
  background: var(--gray100);
  border-color: var(--gray300);
  color: var(--text-color);
}


.e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus {
  border-color: var(--primary-link);
  box-shadow: 0 0 0 0.25rem var(--primary-info);
  border-radius: var(--border-radius);
}
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus {
  border-color: var(--primary-link);
  box-shadow: 0 0 0 0.25rem var(--primary-info);
  border-radius: var(--border-radius);
}
.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]) {
  border-color: var(--primary-link);
}
.e-float-input.e-input-focus input {
  border-color: var(--primary-link);
  box-shadow: 0 0 0 0.25rem var(--primary-info);
  border-radius: var(--border-radius);
}
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]) {
  border-color: var(--primary-link);
}
.e-float-input.e-control-wrapper.e-input-focus input {
  border-color: var(--primary-link);
  box-shadow: 0 0 0 0.25rem var(--primary-info);
  border-radius: var(--border-radius);
}
.e-float-input input {
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
  border-color: var(--border-color);
}
.e-float-input input:valid {
  box-shadow: none;
}
.e-float-input input:required {
  border-color: var(--required) !important;
}

.e-float-input input,
.e-float-input textarea,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper textarea {
  border-color: var(--border-color);
}

.checkbox-tree {
  text-align: start;
}
.checkbox-tree .e-treeview .e-list-item .e-ul {
  padding: 0 0 0 2.25rem;
}
.checkbox-tree .e-treeview .e-list-item.e-active > .e-fullrow {
  background-color: var(--white);
  border-color: var(--white);
}
.checkbox-tree .e-treeview .e-list-item.e-active > .e-fullrow:hover {
  background-color: var(--white);
  border-color: var(--white);
}
.checkbox-tree .e-treeview .e-list-item.e-hover > .e-fullrow {
  background-color: var(--gray200);
  border-color: var(--gray200);
}
.checkbox-tree .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
  color: var(--gray800);
}
.checkbox-tree .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
  color: var(--gray800);
}
.checkbox-tree .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible {
  color: var(--gray800);
}
.checkbox-tree .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
  background-color: var(--gray200);
  border-color: var(--gray200);
}
.checkbox-tree .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
  color: var(--gray800);
}
.checkbox-tree .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
.checkbox-tree .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
  color: var(--gray800);
}
.checkbox-tree .e-list-item:has(.e-checkbox-wrapper[aria-checked=true]) > .e-fullrow {
  background-color: var(--primary-ghost);
}
.checkbox-tree .e-stop {
  color: var(--primary) !important;
  background-color: var(--white) !important;
  border-color: var(--primary) !important;
}
.checkbox-tree .e-list-item:has(.e-stop) > .e-fullrow {
  background-color: var(--gray100) !important;
}
.checkbox-tree .e-list-item:has(.e-stop) > .e-list-text {
  font-weight: 800 !important;
}


.e-temp-toolbar .e-dropdownlist .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.e-temp-toolbar .e-dropdownlist .e-input-group:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--border-color);
  border-radius: var(--border-radius);
}
.e-temp-toolbar .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  background: var(--white);
}

.e-temp-toolbar .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-temp-toolbar .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}


ejs-datepicker .e-float-input.e-control-wrapper.e-input-focus input {
  border-color: transparent;
  box-shadow: none;
  border-radius: none;
}
ejs-datepicker .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
ejs-datepicker .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background: var(--primary);
}


ejs-dropdownlist .e-float-input.e-control-wrapper.e-input-focus input {
  border-color: transparent;
  box-shadow: none;
  border-radius: none;
}


ejs-multiselect .e-float-input.e-control-wrapper.e-input-focus input {
  border-color: transparent;
  box-shadow: none;
  border-radius: none;
}


ejs-numerictextbox .e-float-input.e-control-wrapper.e-input-focus input {
  border-color: transparent;
  box-shadow: none;
  border-radius: none;
}
ejs-numerictextbox .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
ejs-numerictextbox .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background: var(--primary);
}


ejs-grid ejs-tooltip {
  display: initial;
}
ejs-grid .e-inline {
  max-width: 15.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.25rem;
}
ejs-grid .e-tbar-btn-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
ejs-grid .e-tbar-btn-text i {
  font-size: 1.125rem;
  margin-top: 0.0625rem;
}
ejs-grid .e-tbar-btn-text:hover i:before {
  font-weight: 900;
}


ejs-dropdownbutton.e-dropdown-btn {
  transition: all 0.3s ease-in-out;
}
ejs-dropdownbutton.e-dropdown-btn:hover {
  background: var(--primary-ghost);
}
ejs-dropdownbutton.e-dropdown-btn:active, ejs-dropdownbutton.e-dropdown-btn.e-btn:active {
  box-shadow: var(--focus-shadow);
}


ejs-dialog .e-grid {
  margin: 0;
  border: none;
}
ejs-dialog .e-footer-content .e-btn.e-flat:not([DISABLED]) {
  background: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
}
ejs-dialog .e-footer-content .e-btn:hover.e-flat:not([DISABLED]) {
  background: var(--primary-ghost);
}
ejs-dialog .e-btn.e-flat:focus,
ejs-dialog .e-css.e-btn.e-flat:focus {
  box-shadow: var(--focus-shadow);
}


.e-btn {
  background: var(--primary);
  border-color: var(--primary);
  min-width: 3.75rem;
  height: 2rem;
  padding: 0.25rem 0.75rem;
  font-weight: 600;
  border-radius: var(--border-radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3125rem;
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.e-btn--small {
  height: 1.75rem;
  padding: 0 0.75rem;
}
.e-btn--large {
  height: 3.75rem;
  padding: 0 1.875rem;
  font-size: 1.5rem !important;
}
.e-btn:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
.e-btn:active, .e-btn:focus {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  outline: var(--primary-hover) 0 solid;
  border-radius: var(--border-radius);
  border: var(--focus-shadow);
}
.e-btn.e-dropdown-btn:active, .e-btn.e-dropdown-btn:focus {
  box-shadow: var(--primary-outline);
}

.e-css.e-btn {
  background: var(--primary);
  border-color: var(--primary);
  min-width: 3.75rem;
  height: 2rem;
  padding: 0.25rem 0.75rem;
  font-weight: 600;
  border-radius: var(--border-radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3125rem;
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.e-css.e-btn--small {
  height: 1.75rem;
  padding: 0 0.75rem;
}
.e-css.e-btn--large {
  height: 3.75rem;
  padding: 0 1.875rem;
  font-size: 1.5rem !important;
}
.e-css.e-btn:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
.e-css.e-btn:active, .e-css.e-btn:focus {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  outline: var(--primary-hover) 0 solid;
  border-radius: var(--border-radius);
  border: var(--focus-shadow);
}
.e-css.e-btn.e-dropdown-btn:active, .e-css.e-btn.e-dropdown-btn:focus {
  box-shadow: var(--primary-outline);
}

.e-small {
  background: var(--primary);
  border-color: var(--primary);
  min-width: 3.75rem;
  height: 2rem;
  padding: 0.25rem 0.75rem;
  font-weight: 600;
  border-radius: var(--border-radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3125rem;
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.e-small--small {
  height: 1.75rem;
  padding: 0 0.75rem;
}
.e-small--large {
  height: 3.75rem;
  padding: 0 1.875rem;
  font-size: 1.5rem !important;
}
.e-small:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
.e-small:active, .e-small:focus {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  outline: var(--primary-hover) 0 solid;
  border-radius: var(--border-radius);
  border: var(--focus-shadow);
}
.e-small.e-dropdown-btn:active, .e-small.e-dropdown-btn:focus {
  box-shadow: var(--primary-outline);
}

.e-btn.e-primary,
.e-btn .e-btn.e-primary,
.e-btn .e-css.e-btn.e-primary,
.e-css.e-primary,
.e-css .e-btn.e-primary,
.e-css .e-css.e-btn.e-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.e-btn.e-primary:hover,
.e-btn .e-btn.e-primary:hover,
.e-btn .e-css.e-btn.e-primary:hover,
.e-css.e-primary:hover,
.e-css .e-btn.e-primary:hover,
.e-css .e-css.e-btn.e-primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
.e-btn.e-primary:active,
.e-btn .e-btn.e-primary:active,
.e-btn .e-css.e-btn.e-primary:active,
.e-css.e-primary:active,
.e-css .e-btn.e-primary:active,
.e-css .e-css.e-btn.e-primary:active {
  background: var(--primary-focus);
  border-color: var(--primary-focus);
  color: var(--white);
  box-shadow: var(--focus-shadow);
}
.e-btn.e-primary:focus,
.e-btn .e-btn.e-primary:focus,
.e-btn .e-css.e-btn.e-primary:focus,
.e-css.e-primary:focus,
.e-css .e-btn.e-primary:focus,
.e-css .e-css.e-btn.e-primary:focus {
  background: var(--primary-focus);
  border-color: var(--primary-focus);
  color: var(--white);
  outline: var(--focus-shadow);
}

.e-btn.e-outline,
.e-btn .e-btn.e-outline,
.e-btn .e-css.e-btn.e-outline,
.e-css.e-outline,
.e-css .e-btn.e-outline,
.e-css .e-css.e-btn.e-outline {
  background: var(--white);
  border-color: var(--primary);
  color: var(--primary);
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
.e-btn.e-outline:hover,
.e-btn .e-btn.e-outline:hover,
.e-btn .e-css.e-btn.e-outline:hover,
.e-css.e-outline:hover,
.e-css .e-btn.e-outline:hover,
.e-css .e-css.e-btn.e-outline:hover {
  background-color: var(--primary-ghost);
  border-color: var(--primary);
  color: var(--primary);
  box-sizing: border-box;
}
.e-btn.e-outline:active, .e-btn.e-outline.e-active,
.e-btn .e-btn.e-outline:active,
.e-btn .e-btn.e-outline.e-active,
.e-btn .e-css.e-btn.e-outline:active,
.e-btn .e-css.e-btn.e-outline.e-active,
.e-css.e-outline:active,
.e-css.e-outline.e-active,
.e-css .e-btn.e-outline:active,
.e-css .e-btn.e-outline.e-active,
.e-css .e-css.e-btn.e-outline:active,
.e-css .e-css.e-btn.e-outline.e-active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
  box-shadow: var(--focus-shadow);
}
.e-btn.e-outline:focus,
.e-btn .e-btn.e-outline:focus,
.e-btn .e-css.e-btn.e-outline:focus,
.e-css.e-outline:focus,
.e-css .e-btn.e-outline:focus,
.e-css .e-css.e-btn.e-outline:focus {
  border: 0.0625rem solid var(--primary);
  outline: var(--focus-shadow);
}
.e-btn .e-dropdown-btn .e-btn-icon, .e-btn .e-dropdown-btn.e-btn .e-btn-icon,
.e-css .e-dropdown-btn .e-btn-icon,
.e-css .e-dropdown-btn.e-btn .e-btn-icon {
  line-height: 1.5rem;
  font-size: 1rem;
}
.e-btn .e-dropdown-btn .e-caret, .e-btn .e-dropdown-btn.e-btn .e-caret,
.e-css .e-dropdown-btn .e-caret,
.e-css .e-dropdown-btn.e-btn .e-caret {
  line-height: 1.125rem;
  font-size: 0.75rem;
}

.e-btn.e-danger, .e-btn.danger,
.e-btn .e-btn.e-danger,
.e-btn .e-css.e-btn.e-danger,
.e-css.e-danger,
.e-css.danger,
.e-css .e-btn.e-danger,
.e-css .e-css.e-btn.e-danger {
  background: var(--danger);
  border-color: var(--danger);
  color: var(--white);
}
.e-btn.e-danger:hover, .e-btn.danger:hover,
.e-btn .e-btn.e-danger:hover,
.e-btn .e-css.e-btn.e-danger:hover,
.e-css.e-danger:hover,
.e-css.danger:hover,
.e-css .e-btn.e-danger:hover,
.e-css .e-css.e-btn.e-danger:hover {
  background: var(--danger-hover);
  border-color: var(--danger-hover);
  color: var(--white);
}
.e-btn.e-danger:active, .e-btn.danger:active,
.e-btn .e-btn.e-danger:active,
.e-btn .e-css.e-btn.e-danger:active,
.e-css.e-danger:active,
.e-css.danger:active,
.e-css .e-btn.e-danger:active,
.e-css .e-css.e-btn.e-danger:active {
  background: var(--danger-focus);
  border-color: var(--danger-focus);
  color: var(--white);
  box-shadow: var(--focus-shadow-danger);
}
.e-btn.e-danger:focus, .e-btn.danger:focus,
.e-btn .e-btn.e-danger:focus,
.e-btn .e-css.e-btn.e-danger:focus,
.e-css.e-danger:focus,
.e-css.danger:focus,
.e-css .e-btn.e-danger:focus,
.e-css .e-css.e-btn.e-danger:focus {
  background: var(--danger-focus);
  border-color: var(--danger-focus);
  color: var(--white);
  outline: var(--focus-shadow-danger);
  box-shadow: var(--focus-shadow-danger);
}

.e-btn.e-warning, .e-btn.warning,
.e-btn .e-btn.e-warning,
.e-btn .e-css.e-btn.e-warning,
.e-css.e-warning,
.e-css.warning,
.e-css .e-btn.e-warning,
.e-css .e-css.e-btn.e-warning {
  background: var(--warning);
  border-color: var(--warning);
  color: var(--text-color);
}
.e-btn.e-warning:hover, .e-btn.warning:hover,
.e-btn .e-btn.e-warning:hover,
.e-btn .e-css.e-btn.e-warning:hover,
.e-css.e-warning:hover,
.e-css.warning:hover,
.e-css .e-btn.e-warning:hover,
.e-css .e-css.e-btn.e-warning:hover {
  background: var(--warning-hover);
  border-color: var(--warning-hover);
  color: var(--text-color);
}
.e-btn.e-warning:active, .e-btn.warning:active,
.e-btn .e-btn.e-warning:active,
.e-btn .e-css.e-btn.e-warning:active,
.e-css.e-warning:active,
.e-css.warning:active,
.e-css .e-btn.e-warning:active,
.e-css .e-css.e-btn.e-warning:active {
  background: var(--warning-focus);
  border-color: var(--warning-focus);
  color: var(--text-color);
  box-shadow: var(--focus-shadow-warning);
}
.e-btn.e-warning:focus, .e-btn.warning:focus,
.e-btn .e-btn.e-warning:focus,
.e-btn .e-css.e-btn.e-warning:focus,
.e-css.e-warning:focus,
.e-css.warning:focus,
.e-css .e-btn.e-warning:focus,
.e-css .e-css.e-btn.e-warning:focus {
  background: var(--warning-focus);
  border-color: var(--warning-focus);
  color: var(--text-color);
  outline: var(--focus-shadow-warning);
  box-shadow: var(--focus-shadow-warning);
}

.e-btn.e-success, .e-btn.success,
.e-btn .e-btn.e-success,
.e-btn .e-css.e-btn.e-success,
.e-css.e-success,
.e-css.success,
.e-css .e-btn.e-success,
.e-css .e-css.e-btn.e-success {
  background: var(--success);
  border-color: var(--success);
  color: var(--white);
}
.e-btn.e-success:hover, .e-btn.success:hover,
.e-btn .e-btn.e-success:hover,
.e-btn .e-css.e-btn.e-success:hover,
.e-css.e-success:hover,
.e-css.success:hover,
.e-css .e-btn.e-success:hover,
.e-css .e-css.e-btn.e-success:hover {
  background: var(--success-hover);
  border-color: var(--success-hover);
  color: var(--white);
}
.e-btn.e-success:active, .e-btn.success:active,
.e-btn .e-btn.e-success:active,
.e-btn .e-css.e-btn.e-success:active,
.e-css.e-success:active,
.e-css.success:active,
.e-css .e-btn.e-success:active,
.e-css .e-css.e-btn.e-success:active {
  background: var(--success-focus);
  border-color: var(--success-focus);
  color: var(--white);
  box-shadow: var(--focus-shadow-success);
}
.e-btn.e-success:focus, .e-btn.success:focus,
.e-btn .e-btn.e-success:focus,
.e-btn .e-css.e-btn.e-success:focus,
.e-css.e-success:focus,
.e-css.success:focus,
.e-css .e-btn.e-success:focus,
.e-css .e-css.e-btn.e-success:focus {
  background: var(--success-focus);
  border-color: var(--success-focus);
  color: var(--white);
  outline: var(--focus-shadow-success);
  box-shadow: var(--focus-shadow-success);
}

.e-btn.e-info,
.e-css.e-btn.e-info,
.e-btn.info,
.e-css.e-btn.info {
  background: var(--primary-ghost);
  border-color: var(--primary-ghost);
  color: var(--primary-text);
}

.e-btn.e-link,
.e-link {
  text-decoration: none !important;
  padding: 0;
  border-radius: none;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  color: var(--primary) !important;
}
.e-btn.e-link:hover, .e-btn.e-link:active, .e-btn.e-link:focus,
.e-link:hover,
.e-link:active,
.e-link:focus {
  color: var(--primary-hover) !important;
  padding: 0;
  border-radius: none;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}

.e-btn.e-flat,
.e-css.e-btn.e-flat,
.e-btn.flat,
.e-css.e-btn.flat,
.e-btn.e-flat.e-primary,
.e-css.e-btn.e-flat.e-primary,
.e-btn.flat.e-primary,
.e-css.btn.e-flat.e-primary {
  color: var(--primary);
  font-weight: 600;
  border: none;
  background: transparent;
}
.e-btn.e-flat:hover,
.e-css.e-btn.e-flat:hover,
.e-btn.flat:hover,
.e-css.e-btn.flat:hover,
.e-btn.e-flat.e-primary:hover,
.e-css.e-btn.e-flat.e-primary:hover,
.e-btn.flat.e-primary:hover,
.e-css.btn.e-flat.e-primary:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
  border: none;
}

.e-btn.e-ghost,
.e-css.e-btn.e-ghost,
.e-btn.ghost,
.e-css.e-btn.ghost,
.e-btn.e-ghost.e-primary,
.e-css.e-btn.e-ghost.e-primary,
.e-btn.ghost.e-primary,
.e-css.btn.e-ghost.e-primary {
  color: var(--primary);
  font-weight: 600;
  border: none;
  background-color: var(--primary-ghost);
}
.e-btn.e-ghost:hover,
.e-css.e-btn.e-ghost:hover,
.e-btn.ghost:hover,
.e-css.e-btn.ghost:hover,
.e-btn.e-ghost.e-primary:hover,
.e-css.e-btn.e-ghost.e-primary:hover,
.e-btn.ghost.e-primary:hover,
.e-css.btn.e-ghost.e-primary:hover {
  background-color: var(--primary-info);
  color: var(--primary);
  border: none;
}

.e-small .e-btn,
.e-small.e-btn,
.e-small .e-css.e-btn,
.e-small.e-css.e-btn,
.small .e-btn,
.small.e-btn,
.small .e-css.e-btn,
.small.e-css.e-btn {
  border-radius: var(--border-radius);
  padding: 0.25rem 0.75rem;
  min-height: unset;
  height: unset;
  line-height: 1.125rem;
  font-size: 0.75rem;
}

.e-short {
  min-width: unset !important;
}

.e-inline {
  background-color: transparent;
  border: none;
  color: var(--primary);
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  min-width: unset;
}
.e-inline:hover, .e-inline:active, .e-inline:focus {
  background-color: transparent;
  color: var(--primary-hover);
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  width: 2rem;
  height: 2rem;
  min-width: unset;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  display: none;
}

.e-icon-dlg-close {
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}
.e-icon-dlg-close:hover {
  color: var(--primary) !important;
  font-weight: 700;
}


.error-message {
  color: var(--error);
  font-weight: 400;
  text-align: left;
}


.required .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.required .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--required);
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--border-color);
}

.e-card {
  background: var(--white);
  border: 0.0625rem solid var(--border-color);
  color: var(--text-color);
  border-radius: var(--card-border-radius);
  padding: 1rem;
  transition: all 0.3s ease-in-out;
}
.e-card:hover {
  border-color: var(--white);
}
.e-card .e-card-header {
  border-bottom: 0.0625rem solid var(--gray200);
  padding: 0.75rem 0.75rem 1.25rem;
}
.e-card .e-card-content + :not(.e-card-content),
.e-card .e-card-content + .e-card-actions.e-card-vertical {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  border-top: 0.0625rem solid var(--gray200);
  padding-top: 0.5rem;
  margin-top: 1rem;
}

.sidebar__wrapper {
  height: calc(100% - 11.3125rem);
  overflow-y: auto;
  padding: 0 1rem 1rem;
}
.sidebar__count {
  color: var(--gray100);
  padding: 0.375rem 0.875rem 0 0.875rem;
  text-align: right;
  width: 100%;
}
.sidebar__value {
  color: var(--gray100);
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  border-bottom: 0.0625rem dashed var(--gray500);
}
.sidebar__value span:last-of-type {
  font-size: 1rem;
  font-weight: 700;
}
.sidebar__employee {
  display: flex;
  color: var(--gray100);
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 0.0625rem dashed var(--gray500);
}
.sidebar__employee__image {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  transition: transform 0.3s ease;
  transform: scale(1);
}
.sidebar__employee__image img {
  border-radius: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  image-rendering: auto;
  width: 6.25rem;
  height: 6.25rem;
  transition: transform 0.3s ease;
  transform: scale(1);
}
.sidebar__employee__image:hover:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f044";
  font-weight: 300;
  color: var(--white);
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.sidebar__employee__data {
  display: flex;
  flex-direction: column;
  justify-content: top;
  justify-content: space-evenly;
}
.sidebar__employee span:first-of-type {
  display: block;
  text-align: right;
  font-size: 1.5rem;
  font-weight: 700;
}
.sidebar__employee span:nth-child(2) {
  display: block;
  text-align: right;
  font-size: 1.125rem;
  font-weight: 700;
}
.sidebar__employee span {
  display: block;
  text-align: right;
}
.sidebar__employee span:last-of-type {
  padding-bottom: 0.625rem;
}

.sidebar__link-list {
  display: grid;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto !important;
  padding: 0 0.5rem;
  margin: 0 -1rem;
}
.sidebar__link-list a {
  display: block;
  background-color: var(--gray700);
  border-radius: var(--border-radius);
  color: var(--gray100);
  padding: 0.25rem 0.5rem;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.sidebar__link-list a:after {
  font-family: var(--font-awesome);
  content: "\f061";
  position: absolute;
  right: 0.625rem;
}
.sidebar__link-list a:hover {
  background-color: var(--gray100);
  color: var(--primary);
}

.e-sidebar {
  background: var(--gray600);
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 100000000000000000000;
}
.e-sidebar .e-right.e-open {
  transform: translateX(0%) translateY(0%);
  transition: transform 0.5s ease;
}
.e-sidebar .e-right.e-close {
  transition: transform 0.5s ease, visibility 500ms;
}
.e-sidebar .drawer-close {
  display: flex;
  justify-content: flex-start;
  padding: 1rem 1rem 0;
}
.e-sidebar .drawer-close .e-btn {
  border-color: var(--gray500);
  background: var(--gray600);
  min-width: unset;
}
.e-sidebar .drawer-close .e-btn:active, .e-sidebar .drawer-close .e-btn:focus {
  outline: var(--focus-shadow-dark);
}
.e-sidebar.e-right {
  top: 8.1875rem;
}
.e-sidebar .divider {
  border-color: var(--gray500);
}
.e-sidebar .e-tab .e-content p {
  padding: 0 1.5rem;
}
.e-sidebar.rd-closed {
  grid-template-columns: 1fr 2.5rem;
}
.e-sidebar.rd-closed .right-drawer__body {
  display: none;
}
.e-sidebar.rd-closed .e-accordion,
.e-sidebar.rd-closed .e-tab {
  display: none;
}

.e-sidebar ejs-checkbox {
  margin: 0.125rem 0.25rem;
}
.e-sidebar .e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-sidebar .e-checkbox-wrapper .e-css.e-checkbox:focus + .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper .e-css.e-checkbox:focus + .e-frame {
  border-color: var(--white);
}
.e-sidebar .e-checkbox-wrapper:focus .e-frame, .e-sidebar .e-checkbox-wrapper.e-focus .e-frame,
.e-sidebar .e-checkbox-wrapper .e-checkbox:active + .e-frame,
.e-sidebar .e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-sidebar .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper:focus .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper.e-focus .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: var(--white);
  border-color: var(--white);
  box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5098039216);
  color: var(--text-color);
}
.e-sidebar .e-checkbox-wrapper .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--text-color);
}
.e-sidebar .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-sidebar .e-checkbox-wrapper .e-checkbox-disabled .e-frame.e-stop,
.e-sidebar .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox-disabled .e-frame.e-stop {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--text-color);
}
.e-sidebar .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
  background-color: var(--primary-ghost);
  border-color: var(--primary-ghost);
  color: var(--text-color);
  outline: var(--primary-info) 0 solid;
  box-shadow: 0 0 0 0.1875rem var(--primary-info);
}
.e-sidebar .e-checkbox-wrapper .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--text-color);
}
.e-sidebar .e-checkbox-wrapper:hover .e-frame.e-check,
.e-sidebar .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: var(--primary-ghost);
  border-color: var(--primary-ghost);
  color: var(--text-color);
}
.e-sidebar .e-checkbox-wrapper .e-css.e-label,
.e-sidebar .e-checkbox-wrapper .e-label,
.e-sidebar .e-css.e-checkbox-wrapper .e-css.e-label,
.e-sidebar .e-css.e-checkbox-wrapper .e-label,
.e-sidebar .e-checkbox-wrapper:hover .e-label,
.e-sidebar .e-css.e-checkbox-wrapper:hover .e-label {
  color: var(--gray100);
}

.sidebar__wrapper .e-accordion {
  background: transparent;
  margin-top: 1.25rem;
  border-radius: 0;
  padding: 0;
}
.sidebar__wrapper .e-accordion .e-dropdownlist {
  border: none;
  padding: 0.25rem 0;
}
.sidebar__wrapper .e-accordion .e-acrdn-content {
  color: var(--gray100);
  padding: 1rem 1rem 2.125rem 1rem !important;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-selected .e-acrdn-panel .e-acrdn-content {
  color: var(--gray100);
}
.sidebar__wrapper .e-accordion .rating {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  color: var(--gray100);
}
.sidebar__wrapper .e-accordion .pills {
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.sidebar__wrapper .e-accordion .pill {
  background-color: var(--gray300);
  color: var(--text-color);
  font-size: 0.875rem;
}
.sidebar__wrapper .e-accordion .e-rating-container .e-rating-item-container .e-rating-icon {
  -webkit-text-stroke: 0.0625rem var(--gray400);
}
.sidebar__wrapper .e-accordion .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon,
.sidebar__wrapper .e-accordion .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
  background: linear-gradient(to right, rgb(255, 255, 255) var(--rating-value), transparent var(--rating-value));
  background-clip: text;
  -webkit-background-clip: text;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
  background: var(--gray600);
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header {
  height: 3.125rem;
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header:hover {
  background-color: var(--gray600);
}
.sidebar__wrapper .e-accordion .e-acrdn-header {
  display: flex;
  align-items: center;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-expand-state .e-acrdn-header {
  background: var(--gray600);
  border-color: var(--gray400);
}
.sidebar__wrapper .e-accordion .e-acrdn-panel {
  border: none;
}
.sidebar__wrapper .e-accordion .e-acrdn-content {
  color: var(--gray100);
  background: var(--gray600);
  border: none;
  padding: 1rem;
}
.sidebar__wrapper .e-accordion .e-acrdn-header-content {
  color: var(--gray100);
}
.sidebar__wrapper .e-accordion .e-acrdn-item:first-of-type .e-acrdn-header {
  border-radius: 0;
}
.sidebar__wrapper .e-accordion .e-acrdn-item:last-of-type .e-acrdn-header {
  border-radius: 0;
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header {
  padding: 0;
  background: var(--gray600);
  color: var(--gray100);
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header {
  border: none;
  border-bottom: 0.0625rem solid var(--border-color);
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  color: var(--gray300);
  font-size: 0.875rem;
}
.sidebar__wrapper .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  height: 3.125rem;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
  color: var(--gray300);
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
  color: var(--gray300);
}
.sidebar__wrapper .e-accordion .e-acrdn-item:last-of-type .e-acrdn-panel {
  border-radius: 0;
  border: none;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
  background: transparent;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
  background: transparent;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content,
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
  color: var(--gray100);
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
  color: var(--gray300);
  transition: color 0.3s ease-in-out;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content:hover {
  color: Var(--gray100);
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
  background: transparent;
  border-radius: 0;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.sidebar__wrapper .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
  color: Var(--gray100);
}
.sidebar__wrapper .e-accordion .e-acrdn-item:first-of-type.e-selected.e-select > .e-acrdn-header {
  border-radius: 0;
}
.sidebar__wrapper .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
  background: transparent;
}

.e-sidebar .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-sidebar .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-sidebar .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-sidebar .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  color: var(--gray100);
}
.e-sidebar .e-dropdownlist .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-input-group input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-input-group input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-input-group.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-float-input.e-input-group.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-input-group input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-input-group input ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-input-group.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-sidebar .e-dropdownlist .e-input-group.e-control-wrapper input ~ label.e-label-top.e-float-text {
  color: var(--white);
}
.e-sidebar .e-dropdownlist {
  color: var(--gray100);
  padding: 1rem 0;
  margin: 0;
  border-bottom: 0.0625rem dashed var(--gray500);
}

.e-sidebar input.e-input,
.e-sidebar .e-input-group input.e-input,
.e-sidebar .e-input-group.e-control-wrapper input.e-input,
.e-sidebar .e-input-group textarea.e-input,
.e-sidebar .e-input-group.e-control-wrapper textarea.e-input,
.e-sidebar textarea.e-input,
.e-sidebar .e-float-input input,
.e-sidebar .e-float-input.e-control-wrapper input,
.e-sidebar .e-float-input textarea,
.e-sidebar .e-float-input.e-control-wrapper textarea {
  color: var(--gray100);
}
.e-sidebar .e-input-group,
.e-sidebar .e-input-group.e-control-wrapper,
.e-sidebar .e-float-input,
.e-sidebar .e-float-input.e-input-group,
.e-sidebar .e-float-input.e-control-wrapper,
.e-sidebar .e-float-input.e-input-group.e-control-wrapper {
  background-color: var(--gray500);
}
.e-sidebar .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-sidebar .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: var(--gray900);
  box-shadow: none;
}

.e-main-content {
  z-index: 1;
}
.e-main-content__close {
  position: fixed;
  right: 0;
  margin-top: 1.5rem;
  z-index: 100;
}
.e-main-content__close .e-btn {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  min-width: unset;
  background-color: var(--gray600);
  border-color: var(--gray600);
}
.e-main-content__close .e-btn:active, .e-main-content__close .e-btn:focus, .e-main-content__close .e-btn:hover {
  background-color: var(--gray900);
  border-color: var(--gray900);
  box-shadow: var(--focus-shadow-dark);
}

.e-pdfviewer {
  display: block;
}

.dark-mode .e-schedule {
  background: var(--dark-base);
  border: 0.0625rem solid var(--dark-bg-light);
}
.dark-mode .e-schedule .e-month-view .e-date-header-wrap table td,
.dark-mode .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
  background: var(--dark-base);
  border-color: var(--dark-bg-light);
  color: var(--gray200);
}
.dark-mode .e-schedule .e-month-view .e-work-cells,
.dark-mode .e-schedule .e-month-agenda-view .e-work-cells {
  background: var(--dark-base);
  border: 0.0625rem solid var(--dark-bg-light);
}
.dark-mode .e-schedule .e-month-view .e-other-month,
.dark-mode .e-schedule .e-month-agenda-view .e-other-month {
  color: var(--gray500);
}
.dark-mode .e-schedule .e-month-view .e-work-cells,
.dark-mode .e-schedule .e-month-agenda-view .e-work-cells {
  color: var(--gray300);
}
.dark-mode .e-schedule .e-month-view .e-more-indicator {
  color: var(--gray400);
}
.dark-mode .e-schedule .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
  color: var(--gray200);
}



.variablewordwrap {
  word-break: break-all;
}

.variblehdwidth {
  width: 45%;
}

img.imagelogowidth {
  width: 6.25rem;
}

.boc-edit-form-header:after {
  font-family: var(--font-awesome);
  content: "\f00d";
  position: absolute;
  top: 1rem;
  right: 1.4375rem;
  font-size: 1.5rem;
  color: var(--white);
  z-index: 0;
}

svg.boc-edit-form-close path {
  display: none;
}

.boc-edit-form-header {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}

[data-boc-edit-form] .modal-body {
  background: var(--white);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}

.boc-edit-form-avatar {
  -o-object-fit: cover;
     object-fit: cover;
  width: 7.5rem;
  height: 7.5rem;
}

.boc-edit-form-close {
  z-index: 1;
}

.boc-edit-form-header {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  height: 13.75rem;
}

.dark-mode .boc-light {
  background-color: var(--dark-bg-light);
}

td.dropdown__control {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 2.5rem;
  cursor: pointer;
  color: var(--gray400);
  transition: color 0.3s ease-in-out;
}
td.dropdown__control:hover {
  color: var(--primary);
}
td.dropdown__control:after {
  display: none;
}

.table tr {
  transition: background-color 0.3s ease-in-out;
}
.table tr.dt-hasChild {
  background-color: var(--primary-ghost);
}
.table tr.dt-hasChild td.dropdown__control i:before {
  font-family: var(--font-awesome);
  content: "\f106";
  color: var(--primary);
}
.table tr td .settings-table {
  border: none;
  margin: 2.75rem 0;
  padding: 0 1.5rem 0 0;
  border-right: 0.0625rem solid var(--card-border-color);
  border-radius: 0;
}

.tile-builder {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
  grid-template-areas: "tblc  tbrc";
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  margin: 1.5rem;
  transition: all 0.3s ease-in-out;
}
.tile-builder.closed .tile-builder__left-col {
  width: 3.625rem;
}
.tile-builder.closed .tile-builder__tiles-desc__body,
.tile-builder.closed .tile-builder__tiles-desc__title,
.tile-builder.closed .tile-builder__tiles-desc__cta {
  display: none;
}
.tile-builder.closed .tile-builder__tiles-desc__icon {
  display: flex;
}
.tile-builder.closed .tile-builder__left-col__cta i {
  transform: rotate(180deg);
}
.tile-builder__mobile {
  box-shadow: var(--box-shadow-small);
  border-radius: var(--border-radius);
  padding: 1.125rem;
}
.tile-builder__mobile-body {
  display: flex;
  justify-content: space-between;
}
.tile-builder__dashboard {
  padding: 1.125rem;
  background: var(--white);
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
}
.tile-builder__dashboard-title {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: var(--accent);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tile-builder__dashboard-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.375rem;
}
.tile-builder__dashboard-top-title {
  font-weight: 600;
}
.tile-builder__dashboard-amount {
  color: var(--accent);
  filter: brightness(0.5);
  font-weight: 700;
  font-size: 1.75rem;
  overflow: hidden;
  width: 11.625rem;
  position: relative;
  white-space: nowrap;
}
.tile-builder__dashboard-note {
  color: var(--primary);
  filter: hue-rotate(291deg) contrast(0.4);
}
.tile-builder__dashboard-cta {
  margin-top: 2.5rem;
}
.tile-builder__dashboard-cta .btn {
  width: 100%;
}
.tile-builder__dashboard-avatar {
  height: 4.75rem;
  width: 4.75rem;
  min-height: 4.75rem;
  min-width: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  border-radius: 1rem;
}
.tile-builder__dashboard-avatar img {
  height: 4.75rem;
  width: 4.75rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
}
.tile-builder .schedule {
  width: 100%;
}
.tile-builder .schedule .schedule-body {
  max-height: 21.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.875rem;
  width: 100%;
}
.tile-builder .schedule .schedule-body__row, .tile-builder .schedule .schedule-body__cta, .tile-builder .schedule .schedule-body__days, .tile-builder .schedule .schedule-body__inOut, .tile-builder .schedule .schedule-body__shift {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
.tile-builder .schedule .schedule-body__row.schedule-body__cta, .tile-builder .schedule .schedule-body__cta.schedule-body__cta, .tile-builder .schedule .schedule-body__days.schedule-body__cta, .tile-builder .schedule .schedule-body__inOut.schedule-body__cta, .tile-builder .schedule .schedule-body__shift.schedule-body__cta {
  justify-content: end;
  margin-right: 1rem;
}
.tile-builder .schedule .schedule-body__row.schedule-body__employee-name, .tile-builder .schedule .schedule-body__cta.schedule-body__employee-name, .tile-builder .schedule .schedule-body__days.schedule-body__employee-name, .tile-builder .schedule .schedule-body__inOut.schedule-body__employee-name, .tile-builder .schedule .schedule-body__shift.schedule-body__employee-name {
  flex-direction: column;
  gap: 0.125rem;
}
.tile-builder .schedule .schedule-body__employee-name {
  display: flex;
  flex-direction: column;
}
.tile-builder .schedule .schedule-body__row {
  padding: 0.5rem 0;
  justify-content: space-between;
}
.tile-builder .schedule .schedule-body__row.schedule-body__employee {
  min-width: 9.375rem;
  align-items: flex-start;
}
.tile-builder .schedule .schedule-body__row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--gray200);
}
.tile-builder .schedule .schedule-head {
  display: grid;
  grid-template-columns: 12.5rem auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}
.tile-builder .schedule .schedule-head__row {
  grid-template-columns: 1fr 3.75rem;
  grid-template-areas: ". .";
}
.tile-builder .schedule .calendar-icon {
  background-color: var(--blue100);
  border-radius: 0.5rem;
}
.tile-builder .table {
  display: flex;
  flex-direction: column;
}
.tile-builder .table-head {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.tile-builder .table-head,
.tile-builder .table-head .table-body__row {
  display: grid;
  grid-template-columns: 12.5rem auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}
.tile-builder .dashboard-EE #my-team .table-body {
  overflow-y: auto;
  max-height: 10rem;
}
.tile-builder .table-body {
  max-height: 21.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.875rem;
}
.tile-builder .table-body__row {
  padding: 0.5rem 0;
}
.tile-builder .table-body__row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--gray200);
}
.tile-builder .table-body__row,
.tile-builder .table-body__row .table-head {
  display: grid;
  grid-template-columns: 12.5rem auto auto;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}
.tile-builder .table-body__cta, .tile-builder .table-body__days, .tile-builder .table-body__employee, .tile-builder .table-body__inOut, .tile-builder .table-body__shift {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
.tile-builder .table-body__cta.table-body__cta, .tile-builder .table-body__days.table-body__cta, .tile-builder .table-body__employee.table-body__cta, .tile-builder .table-body__inOut.table-body__cta, .tile-builder .table-body__shift.table-body__cta {
  justify-content: end;
  margin-right: 1rem;
}
.tile-builder__right-col {
  padding: 1rem 1rem 1rem 0;
}
.tile-builder__left-col {
  grid-area: tblc;
  width: 15.3125rem;
  padding: 0.75rem;
}
.tile-builder__left-col .settings-table {
  margin: 0;
  padding: 0;
  border: none;
}
.tile-builder__left-col__cta {
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: var(--white);
}
.tile-builder__right-col {
  grid-area: tbrc;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tile-builder__desktop-item {
  border-radius: var(--card-border-radius);
  border: 0.0625rem solid var(--card-border-color);
  padding: 1.125rem;
}
.tile-builder [contenteditable=true] {
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0 0.25rem;
}

.tile-builder__items-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3.125rem 1fr;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: "tbah" "tbab";
  border-radius: var(--card-border-radius);
  border: 0.0625rem solid var(--gray100);
  box-shadow: var(--shadow-sm);
}
.tile-builder__items-wrapper.closed .tile-builder__accordion-body {
  display: none;
}
.tile-builder__items-wrapper.closed .tile-builder__header-toggle i {
  transform: rotate(180deg);
}

.tile-builder__accordion-header {
  grid-area: tbah;
  display: grid;
  grid-template-columns: 2.5rem 1fr 2.5rem;
  grid-template-rows: 1fr;
  gap: 0.5rem;
  grid-auto-flow: row;
  grid-template-areas: "tile-builder__header-toggle tile-builder__header-title tile-builder__item-close";
  padding: 1rem 0.5rem;
}

.tile-builder__header-toggle {
  grid-area: tile-builder__header-toggle;
  border: none;
  background: transparent;
  color: var(--primary);
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
}
.tile-builder__header-toggle:hover {
  background-color: var(--primary-ghost);
}

.tile-builder__header-title {
  grid-area: tile-builder__header-title;
  padding: 0.25rem 0.75rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
}
.tile-builder__header-title:focus {
  box-shadow: var(--focus-shadow);
  outline: none;
  border: 0.0625rem solid var(--primary-focus);
}

.tile-builder__item-close {
  grid-area: tile-builder__item-close;
  border: none;
  background: transparent;
  color: var(--gray400);
  transition: all 0.3s ease-in-out;
}
.tile-builder__item-close:hover {
  color: var(--primary);
}

.tile-builder__accordion-body {
  grid-area: tbab;
  display: grid;
  grid-template-columns: 1fr 28.4375rem;
  grid-template-rows: 1fr 1fr;
  gap: 3.75rem;
  grid-auto-flow: row;
  grid-template-areas: "tile-builder__items-tools tile-builder__desktop-item " "tile-builder__items-tools tile-builder__mobile-item";
  padding: 3rem 1rem 1rem;
  position: relative;
  border-top: 0.0625rem solid var(--card-border-color);
}

.tile-builder__items-tools {
  grid-area: tile-builder__items-tools;
}
.tile-builder__items-tools .settings-table {
  margin: 0;
  padding: 0;
  border: none;
}

.tile-builder__left-col__cta {
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.tile-builder__left-col__cta:hover {
  background-color: var(--primary-ghost);
}

.tile-builder__desktop-item {
  grid-area: tile-builder__desktop-item;
  max-height: 25rem;
  min-width: 25.9375rem;
}

.tile-builder__mobile-item {
  grid-area: tile-builder__mobile-item;
  padding: 1.125rem;
  height: 10.625rem;
  min-width: 25.9375rem;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.tile-builder__mobile-item__body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}
.tile-builder__mobile-item__message {
  padding: 1rem 0;
}
.tile-builder__mobile-item__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.tile-builder__mobile-item__title {
  font-weight: 600;
}
.tile-builder__mobile-item__cta {
  background-color: transparent;
  border: none;
  font-weight: 400;
  color: var(--gray400);
  font-size: 0.875rem;
}

.tile-builder__tiles-desc__icon {
  color: var(--primary);
  background-color: var(--primary-ghost);
  box-shadow: none;
}

.tile-builder__tiles-desc {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "tile-builder__tiles-desc__icon tile-builder__tiles-desc__title tile-builder__tiles-desc__cta" "tile-builder__tiles-desc__body tile-builder__tiles-desc__body tile-builder__tiles-desc__body";
  cursor: move;
}

.tile-builder__tiles-desc__icon {
  grid-area: tile-builder__tiles-desc__icon;
  display: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}

.tile-builder__tiles-desc__title {
  grid-area: tile-builder__tiles-desc__title;
  width: 11.4375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.3125rem 0.75rem;
  color: var(--gray500);
}

.tile-builder__tiles-desc__cta {
  grid-area: tile-builder__tiles-desc__cta;
  border: none;
  background-color: transparent;
  height: 2rem;
  width: 2rem;
  border-radius: var(--border-radius);
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.tile-builder__tiles-desc__cta:hover {
  background-color: var(--primary-ghost);
}

.tile-builder__tiles-desc__body {
  grid-area: tile-builder__tiles-desc__body;
  font-size: 0.75rem;
  padding: 1rem;
}

.tile-builder__tiles-item {
  box-shadow: var(--shadow-md);
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--gray100);
  background-color: var(--white);
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.tile-builder__tiles-item.closed {
  background-color: var(--white);
  box-shadow: var(--shadow-sm);
}
.tile-builder__tiles-item.closed:hover {
  box-shadow: var(--shadow-md);
  background-color: var(--gray100);
}
.tile-builder__tiles-item.closed .tile-builder__tiles-desc__body {
  display: none;
}
.tile-builder__tiles-item.closed .tile-builder__tiles-desc__cta i {
  transform: rotate(180deg);
}

.tile-builder__tiles-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tile-builder__img-chooser {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-height: 25rem;
  overflow-y: auto;
}

.tile-builder__img-item {
  width: 7.75rem;
  flex-grow: 1;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--border-radius);
  background-color: var(--white);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.tile-builder__img-item:hover {
  box-shadow: var(--box-shadow-medium);
  border-color: var(--primary-ghost);
}
.tile-builder__img-item img {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .tile-builder__accordion-body {
    gap: 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  .tile-builder__accordion-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: " tile-builder__desktop-item " "tile-builder__mobile-item " "tile-builder__items-tools  ";
  }
}

.custom-tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.custom-tiles__left-col, .custom-tiles__right-col {
  padding: 1.5rem;
}
.custom-tiles__left-col__wrapper, .custom-tiles__right-col__wrapper {
  background-color: var(--gray100);
  padding: 1rem;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.custom-tiles__left-col__wrapper .e-inplaceeditor .e-editable-value-wrapper .e-editable-value, .custom-tiles__right-col__wrapper .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}
.custom-tiles__left-col__item, .custom-tiles__right-col__item {
  display: flex;
  gap: 0;
  font-size: 0.875rem;
}
.custom-tiles__left-col__item-title, .custom-tiles__right-col__item-title {
  font-weight: 600;
}
.custom-tiles__left-col__item-label, .custom-tiles__right-col__item-label {
  padding: 0.25rem 0;
}
.custom-tiles__draggable {
  background: #4f6373;
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: var(--border-radius);
  position: relative;
  z-index: 1;
  cursor: move;
}
.custom-tiles__draggable-cta {
  border: none;
  background-color: var(--white);
  color: var(--gray400);
  display: none;
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.custom-tiles__draggable-cta:hover {
  color: var(--primary);
  background-color: var(--primary-ghost);
}
.custom-tiles__target-col__title {
  padding: 0.125rem 0.5rem;
  font-weight: 600;
  color: var(--gray500);
  font-size: 0.875rem;
}
.custom-tiles__target-col .custom-tiles__dashboard {
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: 1rem;
}
.custom-tiles__target-col .custom-tiles__dashboard-target {
  border: 0.0625rem dashed var(--gray300);
  border-radius: 0.25rem;
  position: relative;
}
.custom-tiles__target-col .custom-tiles__dashboard-target__message:before {
  content: "\f140";
  font-family: var(--font-awesome);
  color: var(--gray300);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  z-index: 0;
}
.custom-tiles__target-col .custom-tiles__dashboard-target__message:after {
  content: "Drop a widget here";
  color: var(--gray300);
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.custom-tiles__target-list {
  display: flex;
  gap: 1rem;
}
.custom-tiles__target-list .custom-tiles__draggable {
  background-color: var(--white);
}
.custom-tiles__left-list .custom-tiles__dashboard {
  box-shadow: var(--box-shadow);
}
.custom-tiles__left-list .custom-tiles__dashboard-body {
  grid-template-columns: 5rem 1fr;
  gap: 0.25rem;
}
.custom-tiles__left-list .custom-tiles__dashboard-body__data-subtitle {
  font-size: 0.875rem;
}
.custom-tiles__left-list .custom-tiles__dashboard-body__data-amount {
  font-size: 1rem;
}
.custom-tiles__left-list--tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}
.custom-tiles__left-list--tiles .custom-tiles__draggable {
  flex-grow: 1;
  margin: 0;
  min-width: 9.625rem;
}
.custom-tiles__dashboard, .custom-tiles__mobile {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1.875rem auto;
  width: 25.75rem;
}
.custom-tiles__dashboard-title, .custom-tiles__mobile-title {
  font-weight: 600;
}
.custom-tiles__dashboard-body, .custom-tiles__mobile-body {
  display: grid;
  grid-template-rows: auto;
  gap: 0;
}
.custom-tiles__dashboard-body__cta, .custom-tiles__mobile-body__cta {
  text-align: right;
}
.custom-tiles__dashboard-body__cta .btn, .custom-tiles__mobile-body__cta .btn {
  width: 100%;
  background-color: var(--gray600);
  border-color: var(--gray600);
  color: var(--gray100);
}
.custom-tiles__dashboard-body__data, .custom-tiles__mobile-body__data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.custom-tiles__dashboard-body__data-message, .custom-tiles__mobile-body__data-message {
  font-size: 0.75rem;
  color: var(--gray100);
}
.custom-tiles__dashboard-body__data-subtitle, .custom-tiles__mobile-body__data-subtitle {
  color: var(--gray100);
  font-weight: 500;
  display: flex;
  align-items: center;
}
.custom-tiles__dashboard-body__data-amount, .custom-tiles__mobile-body__data-amount {
  font-size: 2rem;
  color: var(--gray100);
  font-weight: 600;
  display: flex;
  align-items: center;
}
.custom-tiles__dashboard-body__data .e-inplaceeditor .e-editable-value-wrapper, .custom-tiles__mobile-body__data .e-inplaceeditor .e-editable-value-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0;
}
.custom-tiles__dashboard-body__data .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon, .custom-tiles__mobile-body__data .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
  padding-left: 0.3125rem !important;
}
.custom-tiles__dashboard-body__data .e-editable-value, .custom-tiles__mobile-body__data .e-editable-value {
  font-size: 2.125rem !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
  display: block !important;
}
.custom-tiles__dashboard {
  min-height: 12.5rem;
}
.custom-tiles__dashboard-title {
  height: -moz-fit-content;
  height: fit-content;
}
.custom-tiles__mobile {
  grid-area: custom-tiles__mobile;
  grid-template-areas: "custom-tiles__mobile-title" "custom-tiles__mobile-body";
  gap: 0.5rem;
  box-shadow: var(--box-shadow-small);
  border-radius: var(--border-radius);
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.125rem;
}
.custom-tiles__mobile-title {
  grid-area: custom-tiles__mobile-title;
}
.custom-tiles__mobile-body {
  grid-area: custom-tiles__mobile-body;
  grid-template-areas: "custom-tiles__mobile-body__data custom-tiles__mobile-body__image";
  grid-template-columns: 1fr 5rem;
}
.custom-tiles__mobile-body__cta {
  display: none;
}
.custom-tiles__mobile-body__data {
  grid-area: custom-tiles__mobile-body__data;
}
.custom-tiles__mobile-body__data-amount {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--accent);
}
.custom-tiles__mobile-body__image {
  grid-area: custom-tiles__mobile-body__image;
}
.custom-tiles__mobile-target .custom-tiles__graph-title {
  display: none;
}
.custom-tiles__mobile-target + .custom-tiles__mobile-title:after {
  font-family: var(--font-awesome);
  content: "\f105";
  color: var(--gray400);
  font-size: 0.875rem;
  margin-left: 0.75rem;
}
.custom-tiles__mobile-target .custom-tiles__dashboard-body__data-message {
  color: var(--text-color);
}
.custom-tiles__mobile-target .custom-tiles__draggable {
  padding: 0;
  margin: 0;
}
.custom-tiles__mobile-target .custom-tiles__dashboard-body__data-subtitle {
  color: var(--gray500);
}
.custom-tiles__mobile-target .custom-tiles__dashboard-body__data-amount {
  color: var(--accent);
}
.custom-tiles__mobile-target .custom-tiles__dashboard-body__cta {
  display: none;
}
.custom-tiles__mobile-target .custom-tiles__dashboard-body__cta .btn {
  background-color: var(--white);
  border-color: var(--primary);
  color: var(--primary);
}
.custom-tiles__graph-title {
  color: var(--gray100);
}
.custom-tiles__accordion-message {
  margin-right: 0.25rem;
}
.custom-tiles__layout {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
}
.custom-tiles__layout-rt {
  margin-bottom: -1.25rem;
  margin-left: 1.5rem;
}
.custom-tiles__layout-row {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1rem;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 1rem;
  margin: 0 1.5rem 1.5rem;
  border: 0.0625rem solid var(--gray100);
  border-radius: 1.5rem;
  background-color: var(--gray100);
}
.custom-tiles__layout-row--v2 {
  display: flex;
  flex-wrap: wrap;
}
.custom-tiles__layout-row__title {
  font-weight: 600;
}
.custom-tiles__layout-row__title-selected {
  font-size: 0.875rem;
}
.custom-tiles__layout-row__title--search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem 0 0;
}
.custom-tiles__layout-row__title-btn-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.custom-tiles__layout-row__title-btn-group .btn {
  min-width: unset;
  height: 2.5rem;
}
.custom-tiles__layout-row__dashboard-body__data-message {
  color: var(--text-message);
  word-wrap: break-word;
  word-break: break-all;
  max-width: 30.625rem;
}
.custom-tiles__layout .form-check-input {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}
.custom-tiles__layout-tile {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0;
  grid-auto-flow: row;
  grid-template-areas: "custom-tiles__layout-tile__title" "custom-tiles__layout-tile__body" "custom-tiles__layout-tile__cta";
  padding: 1rem;
  background: var(--white);
  border: 0.0625rem solid var(--gray100);
  border-radius: var(--card-border-radius);
  flex-grow: 1;
  width: 20.5rem;
  height: 18.75rem;
  box-shadow: var(--box-shadow);
  transition: all 0.3s ease-in-out;
}
.custom-tiles__layout-tile:hover {
  box-shadow: var(--box-shadow-medium);
}
.custom-tiles__layout-tile__title {
  grid-area: custom-tiles__layout-tile__title;
  font-weight: 600;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-tiles__layout-tile__title .form-check-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 11.25rem;
}
.custom-tiles__layout-tile__body {
  grid-area: custom-tiles__layout-tile__body;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 1.5rem;
}
.custom-tiles__layout-tile__body--imgl, .custom-tiles__layout-tile__body--imgr {
  display: grid;
  grid-template-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
}
.custom-tiles__layout-tile__body--imgl {
  grid-template-columns: 6.25rem 1fr;
  grid-template-areas: "custom-tiles__layout-tile__body__image custom-tiles__layout-tile__body__data";
}
.custom-tiles__layout-tile__body--imgr {
  grid-template-columns: 1fr 6.25rem;
  grid-template-areas: "custom-tiles__layout-tile__body__data custom-tiles__layout-tile__body__image ";
}
.custom-tiles__layout-tile__body__image {
  grid-area: custom-tiles__layout-tile__body__image;
}
.custom-tiles__layout-tile__body__data {
  grid-area: custom-tiles__layout-tile__body__data;
}
.custom-tiles__layout-tile__body__data-message {
  overflow-y: auto;
  max-height: 11.875rem;
  height: 100%;
}
.custom-tiles__layout-tile__cta {
  grid-area: custom-tiles__layout-tile__cta;
}
.custom-tiles__layout-tile.selected {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.3125rem var(--primary-ghost);
}
.custom-tiles__layout-tile.dtable {
  min-width: 31.25rem;
}
.custom-tiles__layout-tile--w2 {
  min-width: 42.5rem;
}

.wrapper-dash {
  margin: 1.5rem;
}

.custom-card__example {
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: var(--border-radius);
  padding: 0.0625rem;
  transition: all 0.3s ease-in-out;
}
.custom-card__example:hover {
  box-shadow: var(--box-shadow-medium);
}
.custom-card__example-wrapper {
  margin-top: 1.5rem;
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.custom-tiles__dashboard .custom-card__example {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "custom-card__example-body" "custom-card__example-cta";
  height: 100%;
  z-index: 1;
  position: relative;
}
.custom-tiles__dashboard .custom-card__example-body {
  grid-area: custom-card__example-body;
  display: grid;
  grid-template-columns: 6.25rem 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "custom-card__example-image custom-card__example-body-copy";
}
.custom-tiles__dashboard .custom-card__example-body-title {
  font-size: 1.5rem;
  font-weight: 700;
  height: -moz-fit-content;
  height: fit-content;
  word-break: break-word;
  text-wrap: pretty;
}
.custom-tiles__dashboard .custom-card__example-body-subtitle {
  height: -moz-fit-content;
  height: fit-content;
  word-break: break-word;
  text-wrap: pretty;
}
.custom-tiles__dashboard .custom-card__example-body-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-tiles__dashboard .custom-card__example-image {
  grid-area: custom-card__example-image;
}
.custom-tiles__dashboard .custom-card__example-cta {
  grid-area: custom-card__example-cta;
}
.custom-tiles__dashboard .custom-card__example-cta .btn {
  width: 100%;
}
.custom-tiles__dashboard .custom-card__example--card3 .custom-card__example-body-copy {
  justify-content: unset;
  margin-top: 1.375rem;
}
.custom-tiles__dashboard .custom-card__example--card4 .custom-card__example-body-copy {
  justify-content: unset;
  margin-top: 1.375rem;
}
.custom-tiles__dashboard .custom-card__example--card5 .custom-card__example-body-copy {
  justify-content: unset;
  margin-top: 0.25rem;
}
.custom-tiles__dashboard .custom-card__example--card6 .custom-card__example-body-copy {
  justify-content: unset;
  margin-top: 0.25rem;
}

.custom-tiles__mobile-target {
  display: none;
}

.dashboard-layout__title {
  font-size: 0.875rem;
  position: absolute;
  left: 1.5rem;
  top: 1.25rem;
  font-weight: 600;
  background-color: #b9d0fe;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6.25rem;
  padding: 0 1rem;
}
.dashboard-layout .e-panel {
  border: none !important;
}
.dashboard-layout .e-panel.e-panel-transition {
  padding: 0 !important;
}
.dashboard-layout .e-panel-container img {
  width: 100%;
  opacity: 0.2;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: var(--border-color-active) !important;
  box-shadow: var(--focus-shadow) !important;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-color: var(--border-color-active) !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary) !important;
  color: var(--white);
}

.select2-container--bootstrap .select2-selection--single {
  color: var(--gray600) !important;
  border-radius: var(--border-radius) !important;
  border: 0.0625rem solid var(--border-color) !important;
  height: 2rem !important;
  transition: background-color 0.3s ease-in-out !important;
}

.select2-container--bootstrap .select2-dropdown {
  box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.0625rem 0.25rem rgba(12, 14, 25, 0.08) !important;
  padding: 1rem 0 !important;
  border-radius: 0.1875rem !important;
  border: 0.0625rem solid var(--gray300) !important;
  margin-top: 0.6875rem !important;
}

.select2-container--open .select2-dropdown--below {
  border-top: 0.0625rem solid var(--gray300) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus, .select2-container--bootstrap .select2-search--dropdown .select2-search__field:active {
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: var(--text-color) !important;
}

.select2-container--bootstrap .select2-selection--single {
  line-height: 1.1 !important;
}

.select2-container .select2-selection__arrow {
  position: absolute !important;
  bottom: 0 !important;
  right: 0.25rem !important;
  top: 0 !important;
  width: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.select2-container .select2-selection__arrow b {
  display: none !important;
}
.select2-container .select2-selection__arrow:before {
  content: "\f107";
  font-family: var(--font-awesome) !important;
  font-weight: 900;
  font-size: 0.75rem;
  color: var(--gray600);
}
.select2-container--open .select2-selection__arrow:before {
  content: "\f106";
  font-family: var(--font-awesome) !important;
  font-weight: 900;
  font-size: 0.75rem;
  color: var(--gray600);
}

table#GlobalSearchDataTable th:last-child {
  visibility: hidden;
  width: 3.125rem !important;
  font-size: 0.0625rem;
  text-align: center;
  vertical-align: middle;
}

table#GlobalSearchDataTable td:last-child {
  width: 3.125rem !important;
  font-size: 0.0625rem;
  text-align: center;
  vertical-align: middle;
}

table#GlobalSearchDataTable .table-body__cta {
  text-align: center;
}

.independentContractorErrorTable {
  max-height: 15rem;
  overflow-y: auto;
}
.independentContractorErrorTable--single {
  max-height: unset;
}

.prism-icons-Mineral {
  width: 12.5rem;
  height: 2.6875rem;
  background-image: url("/Content/BS5/images/mineral_logos/Mineral_logo_200.png");
  background-repeat: no-repeat;
  transform: scale(0.6);
  transform-origin: left;
}

.prism-icons-SyncStream {
  width: 12.5rem;
  height: 2.6875rem;
  background-image: url("/Content/BS5/images/benefit_logos/HRlogicsACA-crop-200.jpeg");
  background-repeat: no-repeat;
  transform: scale(0.6);
  transform-origin: left;
}

.stacked-modal-container {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.625rem;
  z-index: 9999;
}

.password-field.show {
  display: inline-flex;
  flex-direction: row;
  gap: unset;
  transition: all 0.3s ease-in-out;
}
.password-field.show .form-control {
  text-align: start;
}

.grid-filters .e-dropdownlist {
  border: unset !important;
  padding: unset !important;
}

.modal-drawer {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 99vh;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  transition: bottom 0.3s ease-in-out;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border-radius: 1rem 1rem 0 0;
}
.modal-drawer.open {
  bottom: 0;
}
.modal-drawer_header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-template-areas: ". .";
  align-items: center;
  padding: 1rem;
  border-bottom: var(--card-border);
}
.modal-drawer_title {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
}
.modal-drawer_body {
  padding: 1rem;
  overflow-y: auto;
  flex-grow: 1;
}
.modal-drawer_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  z-index: 999;
}
.modal-drawer_overlay.open {
  opacity: 1;
  visibility: visible;
}