@charset "UTF-8";
/*==================================================

//UNDER NO CIRCUMSTANCES ARE YOU TO MODIFY THIS PAGE CONSULT MARK BEFORE TOUCHING PLEASE

==================================================*/
/*
The MIT License (MIT)

Copyright (c) 2015 - 2016 Eduardo Bouças, Kitty Giraudel

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
:root {
  --font-size-scaling: 1;
}

/*=================================================*/
/*=================================================*/
.btn-orange {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #fd910d;
  --bs-btn-border-color: #fd910d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e17c00;
  --bs-btn-hover-border-color: #e17c00;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e17c00;
  --bs-btn-active-border-color: #e17c00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fd910d;
  --bs-btn-disabled-border-color: #fd910d;
}

.req-field {
  background-color: #fdd;
}

.doc-field {
  background-color: rgb(192, 230, 250);
}

.color {
  background-color: rgba(240, 236, 236, 0.8);
}

.btn-danger {
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  text-transform: capitalize;
  font-size: calc(1.25rem * var(--font-size-scaling));
  font-weight: 500;
  color: white !important;
}

.hover-overlay-light:hover {
  background-color: rgba(206, 207, 207, 0.35) !important;
}

.hover-overlay-primary:hover {
  background-color: var(--bs-primary) -overlay !important;
  border: 1px solid var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}

.hover-overlay-blue:hover {
  background-color: rgba(70, 130, 180, 0.75) !important;
}
.hover-overlay-blue:hover h1, .hover-overlay-blue:hover h2, .hover-overlay-blue:hover h3, .hover-overlay-blue:hover h4, .hover-overlay-blue:hover h5, .hover-overlay-blue:hover h6, .hover-overlay-blue:hover small {
  color: white !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.border-color-primary {
  border-color: var(--bs-primary) !important;
}

.border-bottom-primary {
  border-bottom: 1px solid var(--bs-primary) !important;
}

.border-top-primary {
  border-top: 1px solid var(--bs-primary) !important;
}

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

.readonly {
  pointer-events: none !important;
}

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

.ovfl-a {
  overflow: hidden;
  overflow-y: auto;
}
.ovfl-a ::-webkit-scrollbar {
  display: flex !important;
}

.no-bg:not(.dark) {
  background: none !important;
  background-color: transparent !important;
}
.no-bg.dark {
  background-color: var(--main-inner-background) !important;
}

.no-shdw {
  box-shadow: none !important;
  filter: none !important;
}

.fs-7 {
  font-size: calc(0.6rem * var(--font-size-scaling)) !important;
}

.line-through {
  text-decoration: line-through !important;
}

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

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

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

.h-max {
  height: max-content;
}

.h-min {
  height: min-content;
}

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

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

.w-20 {
  width: calc(20rem * var(--font-size-scaling)) !important;
}

.w-5 {
  width: calc(5rem * var(--font-size-scaling)) !important;
}

.h-20 {
  height: calc(20rem * var(--font-size-scaling)) !important;
}

/*=================================================*/
.grid {
  display: grid;
}

/*=================================================*/
/* 
MEDIA QUERY MIXINS
CREDIT AND INSPIRATION IS ATTRIBUTED TO THE AUTHORS Eduardo Bouças AND Kitty Giraudel under the MIT LICENSE RULES
The below code is not theirs and is written soley in my formatting with the given inspiration.
*/
/*=============================*/
@keyframes ring {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(255, 251, 250);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(254, 205, 202);
  }
}
@keyframes pulse {
  0% {
    scale: 1;
  }
  20% {
    scale: 1.4;
  }
  50% {
    scale: 0.9;
  }
  80% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}
@keyframes outer-pulse {
  0% {
    scale: 0.9;
    opacity: 1;
  }
  100% {
    scale: 2;
    opacity: 0;
  }
}
@keyframes pill-outer-pulse {
  0% {
    scale: 0.9;
    opacity: 1;
  }
  100% {
    scale: 1.5;
    opacity: 0;
  }
}
@keyframes ring-dark {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(252, 252, 253);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(152, 162, 179);
  }
}
@keyframes ring-green {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(236, 253, 243);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(3, 152, 85);
  }
}
/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
#strength__bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.35rem;
}
#strength__bar.w1 div:first-child {
  background: rgb(217, 45, 32);
}
#strength__bar.w2 div:first-child, #strength__bar.w2 div:nth-child(2) {
  background: rgb(217, 45, 32);
}
#strength__bar.w3 div:first-child, #strength__bar.w3 div:nth-child(2), #strength__bar.w3 div:nth-child(3) {
  background: rgb(255, 187, 13);
}
#strength__bar.w4 div:first-child, #strength__bar.w4 div:nth-child(2), #strength__bar.w4 div:nth-child(3), #strength__bar.w4 div:nth-child(4) {
  background: rgb(255, 187, 13);
}
#strength__bar.w5 div {
  background: rgb(3, 152, 85);
}
#strength__bar div {
  height: 0.35rem;
  width: 20%;
  background: rgb(208, 213, 221);
}

.auth-img {
  width: 14rem;
  height: 7rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  filter: blur(1px);
  border: 1px solid var(--default-border-color);
  backdrop-filter: blur(4px);
}
.auth-img#email-img {
  background-position: top;
  background-image: url("https://c.pxhere.com/photos/3d/25/laptop_desk_office_workstation_technology-113246.jpg!d");
}
.auth-img#phone-img {
  background-position: bottom;
  background-image: url("https://c.pxhere.com/photos/4d/16/iphone_phone_smartphone_mobile_apple-99033.jpg!d");
}
.auth-img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.603));
}

.recommendation {
  position: absolute;
  top: 0.5rem;
  left: 1.25rem;
  border-radius: 0.25rem;
  background-image: linear-gradient(180deg, var(--client-primary), var(--client-primary-dark));
  box-shadow: 0 -2px 5px 0 hsla(220, 3%, 15%, 0.07), 0 1px 1px -2px hsla(220, 3%, 15%, 0.08), 0 2px 2px -2px hsla(220, 3%, 15%, 0.08), 0 5px 5px -2px hsla(220, 3%, 15%, 0.09), 0 9px 9px -2px hsla(220, 3%, 15%, 0.1), 0 16px 16px -2px hsla(220, 3%, 15%, 0.11);
  width: min-content;
  height: min-content;
  z-index: 1;
  padding: 0.1rem 0.35rem;
  color: var(--contrast-paragraph-color) !important;
}

.lock {
  overflow: visible;
  position: relative;
  padding: 1.5rem;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
}
.lock path {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.lock.locked {
  color: #3099DD;
  background-color: rgba(48, 153, 221, 0.15);
}
.lock.unlocked {
  color: #1ADE3A;
  background: rgba(26, 222, 58, 0.15);
}
.lock.invalid {
  color: #E50505;
  background: rgba(229, 5, 5, 0.15);
}

#minimum__requirements {
  opacity: 1;
  transition-property: opacity , height;
  transition-duration: 250ms;
  transition-timing-function: ease;
}
#minimum__requirements.BILLPAY {
  left: -90%;
  top: -200%;
}
#minimum__requirements.KEYPERMITS {
  top: -160%;
}
#minimum__requirements.BUSINESSSP {
  top: -170%;
}
#minimum__requirements.alter-pos {
  top: -200%;
}
#minimum__requirements.hide {
  opacity: 0;
  height: 0 !important;
  transition-property: opacity , height;
  transition-duration: 250ms;
  transition-timing-function: ease;
}
#minimum__requirements #strength__bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.35rem;
}
#minimum__requirements #strength__bar.w1 div:first-child {
  background: rgb(217, 45, 32);
}
#minimum__requirements #strength__bar.w2 div:first-child, #minimum__requirements #strength__bar.w2 div:nth-child(2) {
  background: rgb(217, 45, 32);
}
#minimum__requirements #strength__bar.w3 div:first-child, #minimum__requirements #strength__bar.w3 div:nth-child(2), #minimum__requirements #strength__bar.w3 div:nth-child(3) {
  background: rgb(255, 187, 13);
}
#minimum__requirements #strength__bar.w4 div:first-child, #minimum__requirements #strength__bar.w4 div:nth-child(2), #minimum__requirements #strength__bar.w4 div:nth-child(3), #minimum__requirements #strength__bar.w4 div:nth-child(4) {
  background: rgb(255, 187, 13);
}
#minimum__requirements #strength__bar.w5 div {
  background: rgb(3, 152, 85);
}
#minimum__requirements #strength__bar div {
  height: 0.35rem;
  width: 20%;
  background: rgb(208, 213, 221);
}
#minimum__requirements small {
  color: rgb(217, 45, 32);
  font-weight: 600;
}
#minimum__requirements small.med {
  color: goldenrod;
}
#minimum__requirements small.strg {
  color: rgb(3, 152, 85);
}

#password__text {
  width: max-content;
}
#password__text ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.15rem;
  margin-bottom: 0 !important;
}
#password__text ul li {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.65rem;
  align-items: center;
  justify-content: flex-start;
}
#password__text ul li i {
  font-weight: 600;
  font-size: 1.15rem;
}
#password__text ul li i.fail {
  color: rgb(217, 45, 32);
}
#password__text ul li i.pass {
  color: rgb(3, 152, 85);
}
#password__text ul li .text {
  font-size: 0.9rem;
}

/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
.client-window {
  width: -webkit-fill-available;
  width: -moz-available;
  width: -o-fill-available;
  width: fill-available;
}
@-moz-document url-prefix() {
  .client-window {
    width: 100%;
  }
}
.client-window h2 {
  max-width: 40rem !important;
}
@media screen and (max-width: 767px) {
  .client-window {
    display: none !important;
  }
}

.cred-layout {
  width: 100vw;
  height: 100dvh;
}
@supports not (height: 100dvh) {
  .cred-layout {
    height: 100vh;
  }
}
.cred-layout:before, .cred-layout:after {
  position: fixed;
  height: 0.35rem;
  width: 100%;
  content: "";
  z-index: 999;
  background: var(--bs-primary);
}
@media screen and (max-width: 767px) {
  .cred-layout:before, .cred-layout:after {
    height: 0.15rem;
  }
}
.cred-layout:before {
  top: 0;
}
.cred-layout:after {
  bottom: 0;
}
.cred-layout .cred-wrapper:before {
  left: 0;
}
.cred-layout .cred-wrapper:after {
  right: 0;
}
.cred-layout .cred-wrapper:before, .cred-layout .cred-wrapper:after {
  position: fixed;
  height: 100dvh;
  width: 0.35rem;
  content: "";
  z-index: 99;
  top: 0;
  background: var(--bs-primary);
}
@supports not (height: 100dvh) {
  .cred-layout .cred-wrapper:before, .cred-layout .cred-wrapper:after {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .cred-layout .cred-wrapper:before, .cred-layout .cred-wrapper:after {
    width: 0.15rem;
  }
}
.cred-layout .cred-wrapper .cred-main {
  height: 100dvh;
}
@supports not (height: 100dvh) {
  .cred-layout .cred-wrapper .cred-main {
    height: 100vh;
  }
}
.cred-layout .cred-wrapper .cred-main .lockScreen {
  max-height: 100% !important;
}
.cred-layout .cred-wrapper .cred-main .lockScreen .cred-container {
  width: revert !important;
  min-width: 22rem !important;
}
.cred-layout .cred-wrapper .cred-main:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: -2;
  background: url("images/login-wrapper.jpg") no-repeat top left fixed;
}
@supports not (height: 100dvh) {
  .cred-layout .cred-wrapper .cred-main:after {
    height: 100vh;
  }
}
.cred-layout .cred-wrapper .cred-main.apNEWU:before {
  width: 25rem;
}
.cred-layout .cred-wrapper .cred-main.vendorNEW:before {
  width: 33rem;
}
.cred-layout .cred-wrapper .cred-main.vendor:before {
  width: 28rem;
}
.cred-layout .cred-wrapper .cred-main:NOT(.apNEWU):NOT(.vendor):NOT(.vendorNEW):before {
  width: 22rem;
}
.cred-layout .cred-wrapper .cred-main:NOT(.jobView) .cred-container {
  width: 24rem;
  min-width: 24rem;
}
.cred-layout .cred-wrapper .cred-main:NOT(.jobView):before {
  background-image: linear-gradient(195deg, #42424a, #191919);
  border-radius: 0.75rem;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100dvh - 40px);
  z-index: -1;
  margin: 1.25rem;
}
@-moz-document url-prefix() {
  .cred-layout .cred-wrapper .cred-main:NOT(.jobView):before {
    height: calc(100vh - 40px);
  }
}
@media screen and (max-width: 575px) {
  .cred-layout .cred-wrapper .cred-main:NOT(.jobView):before {
    width: 100vw !important;
    height: 100dvh;
    margin: 0;
    border-radius: 0;
  }
  @supports not (height: 100dvh) {
    .cred-layout .cred-wrapper .cred-main:NOT(.jobView):before {
      height: 100vh;
    }
  }
}
.cred-layout .cred-wrapper .cred-main .cred-container {
  height: auto;
  margin-left: 8.5rem;
  padding-top: 2rem;
  overflow-y: auto;
}
.cred-layout .cred-wrapper .cred-main .cred-container#applicant_reg, .cred-layout .cred-wrapper .cred-main .cred-container#it_email {
  width: 40rem;
  min-width: 40rem;
}
.cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg {
  width: 60rem;
  min-width: 60rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
  height: 100%;
}
.cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 1439px) {
  .cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg {
    width: 75% !important;
    min-width: 45rem !important;
  }
}
@media screen and (max-width: 1199px) {
  .cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg {
    width: 75% !important;
    min-width: 38rem !important;
  }
}
@media screen and (max-width: 575px) {
  .cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg {
    width: 90% !important;
    min-width: 24rem !important;
  }
}
@media screen and (max-width: 767px) {
  .cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg {
    width: 80% !important;
    min-width: 24rem !important;
    margin: 0 auto;
  }
  .cred-layout .cred-wrapper .cred-main .cred-container#vendor_reg .card-footer {
    padding-bottom: 1rem !important;
  }
}
.cred-layout .cred-wrapper .cred-main .cred-container .client-name {
  display: none;
}
@media screen and (max-width: 575px) {
  .cred-layout .cred-wrapper .cred-main .cred-container .client-name {
    display: flex;
  }
}
.cred-layout .cred-wrapper .cred-main .cred-container .copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 1rem 1rem 1rem;
}
.cred-layout .cred-wrapper .cred-main .cred-container .logo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1.5rem;
}
.cred-layout .cred-wrapper .cred-main .cred-container .logo img {
  background: var(--bs-card-bg);
  height: 3rem;
  border-radius: 0.5rem;
}
.cred-layout .cred-wrapper .cred-main .cred-container .logo h2 {
  margin: 0;
}
.cred-layout .cred-wrapper .cred-main .cred-container .card-header {
  padding: 1rem;
  border: 0;
  position: relative;
}
@media screen and (max-width: 575px) {
  .cred-layout .cred-wrapper .cred-main .cred-container {
    width: 90% !important;
    min-width: 24rem !important;
  }
}
@media screen and (max-width: 767px) {
  .cred-layout .cred-wrapper .cred-main .cred-container {
    width: 80% !important;
    min-width: 24rem !important;
    margin: 0 auto;
  }
  .cred-layout .cred-wrapper .cred-main .cred-container .card-footer {
    padding-bottom: 1rem !important;
  }
  .cred-layout .cred-wrapper .cred-main .cred-container .copyright {
    display: block;
    position: relative;
    bottom: calc(0% - 2rem);
    padding: 1rem 0;
    margin: 0;
  }
}
@media (max-height: 576px) {
  .cred-layout .cred-wrapper .cred-main .cred-container {
    padding-top: 3rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }
}
.cred-layout .cred-wrapper .cred-main .cred-container::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 575px) {
  .cred-layout .cred-wrapper .cred-main {
    flex-direction: column;
  }
}

/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
/*==================================================

//UNDER NO CIRCUMSTANCES ARE YOU TO MODIFY THIS PAGE CONSULT MARK BEFORE TOUCHING PLEASE

==================================================*/
/*
The MIT License (MIT)

Copyright (c) 2015 - 2016 Eduardo Bouças, Kitty Giraudel

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
:root {
  --font-size-scaling: 1;
}

/*=================================================*/
/*=================================================*/
.btn-orange {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #fd910d;
  --bs-btn-border-color: #fd910d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e17c00;
  --bs-btn-hover-border-color: #e17c00;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e17c00;
  --bs-btn-active-border-color: #e17c00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fd910d;
  --bs-btn-disabled-border-color: #fd910d;
}

.req-field {
  background-color: #fdd;
}

.doc-field {
  background-color: rgb(192, 230, 250);
}

.color {
  background-color: rgba(240, 236, 236, 0.8);
}

.btn-danger {
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  text-transform: capitalize;
  font-size: calc(1.25rem * var(--font-size-scaling));
  font-weight: 500;
  color: white !important;
}

.hover-overlay-light:hover {
  background-color: rgba(206, 207, 207, 0.35) !important;
}

.hover-overlay-primary:hover {
  background-color: var(--bs-primary) -overlay !important;
  border: 1px solid var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}

.hover-overlay-blue:hover {
  background-color: rgba(70, 130, 180, 0.75) !important;
}
.hover-overlay-blue:hover h1, .hover-overlay-blue:hover h2, .hover-overlay-blue:hover h3, .hover-overlay-blue:hover h4, .hover-overlay-blue:hover h5, .hover-overlay-blue:hover h6, .hover-overlay-blue:hover small {
  color: white !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.border-color-primary {
  border-color: var(--bs-primary) !important;
}

.border-bottom-primary {
  border-bottom: 1px solid var(--bs-primary) !important;
}

.border-top-primary {
  border-top: 1px solid var(--bs-primary) !important;
}

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

.readonly {
  pointer-events: none !important;
}

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

.ovfl-a {
  overflow: hidden;
  overflow-y: auto;
}
.ovfl-a ::-webkit-scrollbar {
  display: flex !important;
}

.no-bg:not(.dark) {
  background: none !important;
  background-color: transparent !important;
}
.no-bg.dark {
  background-color: var(--main-inner-background) !important;
}

.no-shdw {
  box-shadow: none !important;
  filter: none !important;
}

.fs-7 {
  font-size: calc(0.6rem * var(--font-size-scaling)) !important;
}

.line-through {
  text-decoration: line-through !important;
}

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

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

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

.h-max {
  height: max-content;
}

.h-min {
  height: min-content;
}

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

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

.w-20 {
  width: calc(20rem * var(--font-size-scaling)) !important;
}

.w-5 {
  width: calc(5rem * var(--font-size-scaling)) !important;
}

.h-20 {
  height: calc(20rem * var(--font-size-scaling)) !important;
}

/*=================================================*/
.grid {
  display: grid;
}

/*=================================================*/
/* 
MEDIA QUERY MIXINS
CREDIT AND INSPIRATION IS ATTRIBUTED TO THE AUTHORS Eduardo Bouças AND Kitty Giraudel under the MIT LICENSE RULES
The below code is not theirs and is written soley in my formatting with the given inspiration.
*/
/*=============================*/
@keyframes ring {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(255, 251, 250);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(254, 205, 202);
  }
}
@keyframes pulse {
  0% {
    scale: 1;
  }
  20% {
    scale: 1.4;
  }
  50% {
    scale: 0.9;
  }
  80% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}
@keyframes outer-pulse {
  0% {
    scale: 0.9;
    opacity: 1;
  }
  100% {
    scale: 2;
    opacity: 0;
  }
}
@keyframes pill-outer-pulse {
  0% {
    scale: 0.9;
    opacity: 1;
  }
  100% {
    scale: 1.5;
    opacity: 0;
  }
}
@keyframes ring-dark {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(252, 252, 253);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(152, 162, 179);
  }
}
@keyframes ring-green {
  0% {
    rotate: 0deg;
    box-shadow: 1px 5px 2px rgb(236, 253, 243);
  }
  50% {
    rotate: 180deg;
    box-shadow: 1px 5px 2px rgb(29, 41, 57);
  }
  100% {
    rotate: 360deg;
    box-shadow: 1px 5px 2px rgb(3, 152, 85);
  }
}
/*=================================================*/
/*=================================================*/
/*=================================================*/
/*=================================================*/
.bg-gradient-light, .bg-light-gradient {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
}

.bg-light-success {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}

.bg-light-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-light-info {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.bg-light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.bg-light-danger {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.theme-primary {
  background-color: var(--dash-primary-c) !important;
}

.bg-red {
  background-color: #ee0a0a !important;
}

.bg-blue {
  background-color: SteelBlue !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-green {
  background-color: #86b01d !important;
}

.bg-orange {
  background-color: #fd910d !important;
}

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

.bg-purple {
  background-color: rgb(189, 99, 211) !important;
}

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

.bg-client {
  background: var(--bs-accent) !important;
}

.bg-accent {
  background: var(--bs-accent) !important;
}

.border-purple {
  border-color: rgb(189, 99, 211) !important;
}

.bg-gold-50 {
  background-color: rgba(218, 165, 32, 0.5) !important;
}

.bg-purple-50 {
  background-color: rgba(186, 85, 211, 0.5) !important;
}

.bg-steelblue-50 {
  background-color: rgba(70, 131, 180, 0.505) !important;
}

.bg-green-50 {
  background-color: rgba(134, 176, 29, 0.5) !important;
}

.bg-red-25 {
  background-color: rgba(238, 10, 10, 0.25) !important;
}

.bg-green-10 {
  background-color: rgba(134, 176, 29, 0.15) !important;
}

.bg-warning-10 {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}

.bg-purple-25 {
  background-color: rgba(186, 85, 211, 0.25) !important;
}

.bg-red-10 {
  background-color: rgba(238, 10, 10, 0.1) !important;
}

.nav-contrast {
  background-color: var(--dashboard-background) !important;
}

/*=================================================*/
/*=================================================*/
.text-client-primary {
  color: var(--client-primary) !important;
}

.text-theme-primary {
  color: var(--dash-primary-c) !important;
}

.text-blue {
  color: SteelBlue !important;
}

.text-purple {
  color: rgb(189, 99, 211) !important;
}

.text-contrast {
  color: var(--contrast-color) !important;
}

/*=================================================*/
.cs-bg-themed {
  background-color: var(--bs-primary) !important;
}

.cs-bg-gray {
  background-color: #555;
}

.cs-bg-primary {
  background-color: #39475e;
}

.cs-bg-spartan {
  background-color: #18453B;
}

.cs-bg-violet {
  background-color: #8d65c5;
}

.cs-bg-orange {
  background-color: #ea8407;
}

.cs-bg-danger {
  background-color: rgb(180, 35, 24);
}

.cs-bg-coffee {
  background-color: #58483d;
}

.cs-bg-coral {
  background-color: #FF7F50;
}

.cs-bg-night {
  background-color: #1c1628;
}

.cs-bg-grass {
  background-color: #6ab187;
}

.cs-bg-sky {
  background-color: #9DC3CC;
}

.cs-bg-sunnyDay {
  background-color: #cd9f43;
}

.cs-bg-client-theme {
  background-color: var(--client-primary);
}

.cs-bg-black-gold-mesh {
  background-color: #000;
  overflow: hidden;
}
.cs-bg-black-gold-mesh::before {
  content: "";
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #5b4a08;
  rotate: 45deg;
  translate: -37% -37%;
  left: 0%;
  top: 0%;
}

.cs-swatch {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: none;
  position: relative;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-in;
}
.cs-swatch:hover {
  transform: translateY(-5.5%);
}
.cs-swatch.cs-swatch-xl {
  width: 2.5rem;
  height: 2.5rem;
}

.color-scheme-btn {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.35rem;
  display: flex;
  flex-direction: collumn;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

:root {
  --margin-xxs: 0.25rem;
  --margin-xs: 0.5rem;
  --margin-sm: 0.75rem;
  --margin-md: 1rem;
  --margin-lg: 1.25rem;
  --margin-xl: 1.75rem;
  --margin-xxl: 2.5rem;
  --bs-spacer: 0.25rem;
  --bs-font-sans-serif: Inter, ui-sans-serif, sans-serif, system-ui;
  --bs-font-serif: Noto Serif Georgian, ui-serif, serif;
  --bs-font-monospace: IBM Plex Mono, ui-monospace, monospace;
  --bs-letter-spacing: 0.005em;
  --h1: bold calc(3rem * var(--font-size-scaling)) / 1em var(--bs-font-sans-serif);
  --h2: bold calc(2rem * var(--font-size-scaling)) / 1.2em var(--bs-font-sans-serif);
  --h3: bold calc(1.5rem * var(--font-size-scaling)) / 1.2em var(--bs-font-sans-serif);
  --h4: bold calc(1.25rem * var(--font-size-scaling)) / 1.6em var(--bs-font-sans-serif);
  --h5: bold calc(0.875rem * var(--font-size-scaling)) / 1em var(--bs-font-sans-serif);
  --h6: bold calc(0.75rem * var(--font-size-scaling)) / 1em var(--bs-font-sans-serif);
  --p: calc(11px * var(--font-size-scaling)) / 1.6em var(--bs-font-sans-serif);
  --span: calc(10px * var(--font-size-scaling)) / 1.6em var(--bs-font-sans-serif);
  --small: calc(8px * var(--font-size-scaling)) / 2em var(--bs-font-sans-serif);
  --bs-primary: rgb(23, 23, 23);
  --bs-primary-rgb: 23, 23, 23;
  --bs-primary-subtle: rgba(23, 23, 23, 0.15);
  --bs-secondary: rgb(108, 117, 125);
  --bs-secondary-rgb: 108, 117, 125;
  --bs-secondary-subtle: #e2e3e5;
  --bs-success: rgb(134, 176, 29);
  --bs-success-rgb: 134, 176, 29;
  --bs-success-subtle: #d1e7dd;
  --bs-info: rgb(13, 202, 240);
  --bs-info-rgb: 13, 202, 240;
  --bs-info-subtle: #cff4fc;
  --bs-warning: rgb(254, 200, 75);
  --bs-warning-rgb: 254, 200, 75;
  --bs-warning-subtle: #fff3cd;
  --bs-danger: rgb(231, 0, 11);
  --bs-danger-rgb: 231, 0, 11;
  --bs-danger-subtle: rgba(231, 0, 11, 0.15);
  --bs-light: #f8f9fa;
  --bs-light-rgb: 248, 249, 250;
  --bs-light-subtle: #f8f9fa;
  --bs-dark: rgb(33, 37, 41);
  --bs-dark-rgb: 33, 37, 41;
  --bs-dark-subtle: #d6d8db;
  --bs-theme-contrast: rgb(255, 255, 255);
  --bs-primary-contrast: rgb(255, 255, 255);
  --bs-secondary-contrast: rgb(255, 255, 255);
  --bs-success-contrast: rgb(33, 37, 41);
  --bs-info-contrast: rgb(33, 37, 41);
  --bs-warning-contrast: rgb(33, 37, 41);
  --bs-danger-contrast: rgb(255, 255, 255);
  --bs-light-contrast: rgb(33, 37, 41);
  --bs-dark-contrast: rgb(255, 255, 255);
  --bs-body-bg: rgb(255, 255, 255);
  --bs-body-color: rgb(10, 10, 10);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color-rgb: 10, 10, 10;
  --bs-border-color: rgb(229, 231, 235);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-input-bg: transparent;
  --bs-input-bg-disabled: rgb(241, 241, 241);
  --bs-input-border-color: rgba(183, 186, 191, 1);
  --bs-input-focus-border-color: rgb(23, 23, 23);
  --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(23, 23, 23, 0.25);
  --bs-muted: rgb(245, 245, 245);
  --bs-muted-color: rgb(115, 115, 115);
  --bs-accent: rgb(23,23,23);
  --bs-accent-color: rgb(245, 245, 245);
  --bs-chart-1: rgb(145, 197, 255);
  --bs-chart-2: rgb(58, 129, 246);
  --bs-chart-3: rgb(37, 99, 239);
  --bs-chart-4: rgb(26, 78, 218);
  --bs-chart-5: rgb(31, 63, 173);
  --bs-sidebar-bg: rgb(250, 250, 250);
  --bs-sidebar-color: rgb(10, 10, 10);
  --bs-sidebar-primary: rgb(23, 23, 23);
  --bs-sidebar-primary-color: rgb(250, 250, 250);
  --bs-sidebar-accent: rgb(245, 245, 245);
  --bs-sidebar-accent-color: rgb(23, 23, 23);
  --bs-sidebar-border: rgb(229, 229, 229);
  --bs-sidebar-ring: rgb(161, 161, 161);
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.15rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.75rem;
  --bs-box-shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --bs-box-shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --bs-box-shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --bs-box-shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --client-primary: ;
  --client-primary-dark: ;
  --client-primary-overlay: ;
  --dash-primary: linear-gradient(180deg, rgb(180, 35, 24), #FFF);
  --dash-primary-c: rgb(180, 35, 24);
  --dash-secondary: rgb(145, 32, 24);
  --contrast-paragraph-color: ;
  --dashboard-background: #eee;
  --sidebar-gradient: ;
  --sidebar-background: linear-gradient(195deg, var(--dash-primary-c), var(--sidebar-gradient)) !important;
  --main-inner-background: ;
  --default-border-color: ;
  --bs-card-bg: ;
  --default-text-color: ;
  --contrast-color: ;
  --light-tooltip-bg: #8f50e9;
  --dark-tooltip-bg: #bb86fc;
  --themed-tooltip-bg: var(--dash-secondary);
  --bs-highlight-bg: rgb(254, 242, 75) !important;
}
:root table {
  --bs-table-bg: transparent !important;
  --bs-table-bg-rgb: 255, 255, 255 !important;
  --bs-table-color: rgb(10, 10, 10) !important;
  --bs-table-color-rgb: 10, 10, 10 !important;
}
:root .card, :root .modal-dialog, :root .offcanvas {
  --bs-card-bg: rgb(255, 255, 255) !important;
  --bs-card-bg-rgb: 255, 255, 255 !important;
  --bs-card-color: rgb(10, 10, 10) !important;
  --bs-card-color-rgb: 10, 10, 10 !important;
}
:root .modern-notification, :root .mega-dropdown, :root .profile-dropdown, :root .notifications-dropdown {
  --bs-card-bg: rgb(65, 64, 64) !important;
  --bs-card-bg-rgb: 65, 64, 64 !important;
  --bs-card-color: rgb(229, 229, 229) !important;
  --bs-card-color-rgb: 229, 229, 229 !important;
}
:root .popover, :root .dropdown-menu {
  --bs-popover-bg: rgb(255, 255, 255) !important;
  --bs-popover-bg-rgb: 255, 255, 255 !important;
  --bs-popover-color: rgb(10, 10, 10) !important;
  --bs-popover-color-rgb: 10, 10, 10 !important;
}

.text-muted,
input.text-muted,
textarea.text-muted,
select.text-muted {
  --bs-muted: rgb(108, 117, 125) !important;
  --bs-muted-color: rgb(33, 37, 41) !important;
}

.dark {
  --bs-primary: rgb(239, 68, 68);
  --bs-primary-rgb: 239, 68, 68;
  --bs-primary-subtle: rgb(76, 22, 22);
  --bs-secondary: rgb(161, 161, 170);
  --bs-secondary-rgb: 161, 161, 170;
  --bs-secondary-subtle: rgb(39, 39, 42);
  --bs-success: rgb(34, 197, 94);
  --bs-success-rgb: 34, 197, 94;
  --bs-success-subtle: rgb(20, 83, 45);
  --bs-info: rgb(59, 130, 246);
  --bs-info-rgb: 59, 130, 246;
  --bs-info-subtle: rgb(30, 58, 138);
  --bs-warning: rgb(251, 191, 36);
  --bs-warning-rgb: 251, 191, 36;
  --bs-warning-subtle: rgb(113, 63, 18);
  --bs-danger: rgb(239, 68, 68);
  --bs-danger-rgb: 239, 68, 68;
  --bs-danger-subtle: rgb(127, 29, 29);
  --bs-light: rgb(41,40,40);
  --bs-light-rgb: 41,40,40;
  --bs-light-subtle: rgb(39, 39, 42);
  --bs-dark: rgb(68,68,71);
  --bs-dark-rgb: 68,68,71;
  --bs-dark-subtle: rgb(161, 161, 170);
  --bs-theme-contrast: rgb(255, 255, 255);
  --bs-primary-contrast: rgb(255, 255, 255);
  --bs-secondary-contrast: rgb(18, 18, 18);
  --bs-success-contrast: rgb(18, 18, 18);
  --bs-info-contrast: rgb(255, 255, 255);
  --bs-warning-contrast: rgb(18, 18, 18);
  --bs-danger-contrast: rgb(255, 255, 255);
  --bs-light-contrast: rgb(250, 250, 250);
  --bs-dark-contrast: rgb(250, 250, 250);
  --bs-body-bg: rgb(18, 18, 18);
  --bs-body-color: rgb(250, 250, 250);
  --bs-body-bg-rgb: 18, 18, 18;
  --bs-body-color-rgb: 250, 250, 250;
  --bs-border-color: rgb(79,76,76);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.1);
  --bs-input-bg: rgb(24, 24, 24);
  --bs-input-bg-disabled: rgb(20, 20, 20);
  --bs-input-border-color: rgb(79,76,76);
  --bs-input-focus-border-color: rgb(239, 68, 68);
  --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(239, 68, 68, 0.25);
  --bs-muted: rgb(161,161,161);
  --bs-muted-color: rgb(161, 161, 170);
  --bs-accent: rgb(39, 39, 42);
  --bs-accent-color: rgb(250, 250, 250);
  --bs-chart-1: rgb(239, 68, 68);
  --bs-chart-2: rgb(161, 161, 170);
  --bs-chart-3: rgb(250, 250, 250);
  --bs-chart-4: rgb(59, 130, 246);
  --bs-chart-5: rgb(34, 197, 94);
  --bs-sidebar-bg: rgb(35,34,34);
  --bs-sidebar-color: rgb(250, 250, 250);
  --bs-sidebar-primary: rgb(239, 68, 68);
  --bs-sidebar-primary-color: rgb(255, 255, 255);
  --bs-sidebar-accent: rgb(39, 39, 42);
  --bs-sidebar-accent-color: rgb(250, 250, 250);
  --bs-sidebar-border: rgb(79,76,76);
  --bs-sidebar-ring: rgb(239, 68, 68);
  --bs-font-sans-serif: Roboto, ui-sans-serif, sans-serif, system-ui;
  --bs-font-serif: Noto Serif Georgian, ui-serif, serif;
  --bs-font-monospace: IBM Plex Mono, ui-monospace, monospace;
  --bs-letter-spacing: 0.005em;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-spacer: 0.25rem;
  --bs-box-shadow-2xs: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.05);
  --bs-box-shadow-xs: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.05);
  --bs-box-shadow-sm: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.10), 0px 1px 2px -1.5px hsl(0 0% 0% / 0.10);
  --bs-box-shadow: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.10), 0px 1px 2px -1.5px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-md: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.10), 0px 2px 4px -1.5px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-lg: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.10), 0px 4px 8px -1.5px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-xl: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.10), 0px 8px 16px -1.5px hsl(0 0% 0% / 0.10);
  --bs-box-shadow-2xl: 0px 0px 1.5px -0.5px hsl(0 0% 0% / 0.25);
}
.dark table {
  --bs-table-bg: rgb(35,34,34) !important;
  --bs-table-bg-rgb: 35,34,34 !important;
  --bs-table-color: rgb(161,161,161) !important;
  --bs-table-color-rgb: 161,161,161 !important;
}
.dark .card, .dark .modal-dialog, .dark .offcanvas {
  --bs-card-bg: rgb(35,34,34) !important;
  --bs-card-bg-rgb: 35,34,34 !important;
  --bs-card-color: rgb(250, 250, 250) !important;
  --bs-card-color-rgb: 250, 250, 250 !important;
}
.dark .modern-notification, .dark .mega-dropdown, .dark .profile-dropdown, .dark .notifications-dropdown {
  --bs-card-bg: rgb(10, 10, 10) !important;
  --bs-card-bg-rgb: 10, 10, 10 !important;
  --bs-card-color: rgb(250, 250, 250) !important;
  --bs-card-color-rgb: 250, 250, 250 !important;
}
.dark .popover, .dark .dropdown-menu {
  --bs-popover-bg: rgb(35,34,34) !important;
  --bs-popover-color: rgb(250, 250, 250) !important;
}
.dark .bg-primary-subtle {
  color: rgb(250, 181, 181) !important;
}
.dark .bg-secondary-subtle {
  color: rgb(250, 250, 250) !important;
}
.dark .bg-success-subtle {
  color: rgb(187, 247, 208) !important;
}
.dark .bg-info-subtle {
  color: rgb(191, 219, 254) !important;
}
.dark .bg-warning-subtle {
  color: rgb(254, 243, 199) !important;
}
.dark .bg-danger-subtle {
  color: rgb(254, 202, 202) !important;
}
.dark .bg-light-subtle {
  color: rgb(250, 250, 250) !important;
}
.dark .bg-dark-subtle {
  color: rgb(212, 212, 216) !important;
}
.dark .bg-primary-subtle .text-body,
.dark .bg-secondary-subtle .text-body,
.dark .bg-success-subtle .text-body,
.dark .bg-info-subtle .text-body,
.dark .bg-warning-subtle .text-body,
.dark .bg-danger-subtle .text-body,
.dark .bg-light-subtle .text-body,
.dark .bg-dark-subtle .text-body {
  color: rgb(250, 250, 250) !important;
}
.dark .bg-primary-subtle input,
.dark .bg-secondary-subtle input,
.dark .bg-success-subtle input,
.dark .bg-info-subtle input,
.dark .bg-warning-subtle input,
.dark .bg-danger-subtle input,
.dark .bg-light-subtle input,
.dark .bg-dark-subtle input,
.dark .bg-primary-subtle select,
.dark .bg-secondary-subtle select,
.dark .bg-success-subtle select,
.dark .bg-info-subtle select,
.dark .bg-warning-subtle select,
.dark .bg-danger-subtle select,
.dark .bg-light-subtle select,
.dark .bg-dark-subtle select,
.dark .bg-primary-subtle textarea,
.dark .bg-secondary-subtle textarea,
.dark .bg-success-subtle textarea,
.dark .bg-info-subtle textarea,
.dark .bg-warning-subtle textarea,
.dark .bg-danger-subtle textarea,
.dark .bg-light-subtle textarea,
.dark .bg-dark-subtle textarea {
  color: rgb(250, 250, 250) !important;
  background-color: rgba(9, 9, 11, 0.8) !important;
}
.dark tr.bg-primary-subtle,
.dark tr.bg-secondary-subtle,
.dark tr.bg-success-subtle,
.dark tr.bg-info-subtle,
.dark tr.bg-warning-subtle,
.dark tr.bg-danger-subtle,
.dark tr.bg-light-subtle,
.dark tr.bg-dark-subtle {
  color: rgb(250, 250, 250) !important;
}
.dark tr.bg-primary-subtle td,
.dark tr.bg-primary-subtle th,
.dark tr.bg-secondary-subtle td,
.dark tr.bg-secondary-subtle th,
.dark tr.bg-success-subtle td,
.dark tr.bg-success-subtle th,
.dark tr.bg-info-subtle td,
.dark tr.bg-info-subtle th,
.dark tr.bg-warning-subtle td,
.dark tr.bg-warning-subtle th,
.dark tr.bg-danger-subtle td,
.dark tr.bg-danger-subtle th,
.dark tr.bg-light-subtle td,
.dark tr.bg-light-subtle th,
.dark tr.bg-dark-subtle td,
.dark tr.bg-dark-subtle th {
  color: rgb(250, 250, 250) !important;
}
.dark tr.bg-primary-subtle *:not(a),
.dark tr.bg-secondary-subtle *:not(a),
.dark tr.bg-success-subtle *:not(a),
.dark tr.bg-info-subtle *:not(a),
.dark tr.bg-warning-subtle *:not(a),
.dark tr.bg-danger-subtle *:not(a),
.dark tr.bg-light-subtle *:not(a),
.dark tr.bg-dark-subtle *:not(a) {
  color: rgb(250, 250, 250) !important;
}
.dark tr.bg-primary-subtle .text-white,
.dark tr.bg-secondary-subtle .text-white,
.dark tr.bg-success-subtle .text-white,
.dark tr.bg-info-subtle .text-white,
.dark tr.bg-warning-subtle .text-white,
.dark tr.bg-danger-subtle .text-white,
.dark tr.bg-light-subtle .text-white,
.dark tr.bg-dark-subtle .text-white,
.dark tr.bg-primary-subtle .text-light,
.dark tr.bg-secondary-subtle .text-light,
.dark tr.bg-success-subtle .text-light,
.dark tr.bg-info-subtle .text-light,
.dark tr.bg-warning-subtle .text-light,
.dark tr.bg-danger-subtle .text-light,
.dark tr.bg-light-subtle .text-light,
.dark tr.bg-dark-subtle .text-light {
  color: rgb(250, 250, 250) !important;
}
.dark .text-muted,
.dark input.text-muted,
.dark textarea.text-muted,
.dark select.text-muted {
  --bs-muted: rgb(161,161,161) !important;
  --bs-muted-color: rgb(161, 161, 170) !important;
}

.system {
  --bs-primary: rgb(var(--client-primary));
  --bs-primary-rgb: var(--client-primary);
  --bs-primary-subtle: rgba(var(--client-primary), 0.15);
  --bs-sidebar-primary: var(--bs-primary);
  --bs-sidebar-ring: var(--bs-primary);
  --bs-input-focus-border-color: rgb(var(--bs-primary));
  --bs-border-color: rgb(216,214,214);
  --bs-primary-contrast: rgb(255, 255, 255);
}
.system .card-header.bg-light {
  background-color: color-mix(in srgb, rgba(var(--client-primary), 0.1) 85%, black 2%) !important;
}

.tangerine {
  --bs-primary: rgb(224, 93, 56);
  --bs-primary-rgb: 224, 93, 56;
  --bs-primary-subtle: rgba(224, 93, 56, 0.15);
  --bs-sidebar-primary: var(--bs-primary);
  --bs-sidebar-ring: var(--bs-primary);
  --bs-input-focus-border-color: rgb(224, 93, 56);
  --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(224, 93, 56, 0.25);
  --bs-theme-contrast: rgb(255, 255, 255);
  --bs-primary-contrast: rgb(255, 255, 255);
  --bs-secondary-contrast: rgb(255, 255, 255);
  --bs-success-contrast: rgb(33, 37, 41);
  --bs-info-contrast: rgb(33, 37, 41);
  --bs-warning-contrast: rgb(33, 37, 41);
  --bs-danger-contrast: rgb(255, 255, 255);
  --bs-light-contrast: rgb(74, 59, 51);
  --bs-dark-contrast: rgb(255, 255, 255);
  --bs-body-bg: rgb(233,235,237);
  --bs-body-color: #4A3B33;
  --bs-body-bg-rgb: 252, 252, 255;
  --bs-body-color-rgb: 74, 59, 51;
  --bs-border-color: #c5c6c6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-input-bg: transparent;
  --bs-input-bg-disabled: rgb(241, 241, 241);
  --bs-input-border-color: rgba(220, 223, 226, 1);
  --bs-muted: rgb(244, 244, 245);
  --bs-muted-color: rgb(142, 142, 142);
  --bs-accent: rgb(200, 80, 45);
  --bs-accent-color: rgb(255, 255, 255);
  --bs-sidebar-bg: rgb(221, 223, 226);
  --bs-sidebar-color: #333333;
  --bs-sidebar-primary-color: rgb(255, 255, 255);
  --bs-sidebar-accent: rgb(200, 200, 200);
  --bs-sidebar-accent-color: #333333;
  --bs-sidebar-border: #dcdfe2;
}
.tangerine .card, .tangerine .modal-dialog, .tangerine .offcanvas {
  --bs-card-bg: rgb(255, 255, 255) !important;
  --bs-card-bg-rgb: 255, 255, 255 !important;
  --bs-card-color: #4A3B33 !important;
  --bs-card-color-rgb: 74, 59, 51 !important;
}
.tangerine .modern-notification, .tangerine .mega-dropdown, .tangerine .profile-dropdown, .tangerine .notifications-dropdown {
  --bs-card-bg: rgb(65, 64, 64) !important;
  --bs-card-bg-rgb: 65, 64, 64 !important;
  --bs-card-color: rgb(229, 229, 229) !important;
  --bs-card-color-rgb: 229, 229, 229 !important;
}
.tangerine .popover, .tangerine .dropdown-menu {
  --bs-popover-bg: rgb(255, 255, 255) !important;
  --bs-popover-bg-rgb: 255, 255, 255 !important;
  --bs-popover-color: #4A3B33 !important;
  --bs-popover-color-rgb: 74, 59, 51 !important;
}
.tangerine table {
  --bs-table-bg: transparent !important;
  --bs-table-bg-rgb: 255, 255, 255 !important;
  --bs-table-color: #4A3B33 !important;
  --bs-table-color-rgb: 74, 59, 51 !important;
}
.tangerine .card-header.bg-light {
  background-color: color-mix(in srgb, rgba(224, 93, 56, 0.2) 85%, black 5%) !important;
}

.boldtech {
  --bs-primary: rgb(139, 92, 246);
  --bs-primary-rgb: 139, 92, 246;
  --bs-primary-subtle: rgba(139, 92, 246, 0.15);
  --bs-sidebar-primary: var(--bs-primary);
  --bs-sidebar-ring: var(--bs-primary);
  --bs-input-focus-border-color: rgb(139, 92, 246);
  --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25);
  --bs-theme-contrast: rgb(255, 255, 255);
  --bs-primary-contrast: rgb(255, 255, 255);
  --bs-secondary-contrast: rgb(255, 255, 255);
  --bs-success-contrast: rgb(33, 37, 41);
  --bs-info-contrast: rgb(33, 37, 41);
  --bs-warning-contrast: rgb(33, 37, 41);
  --bs-danger-contrast: rgb(255, 255, 255);
  --bs-light-contrast: rgb(49, 46, 129);
  --bs-dark-contrast: rgb(255, 255, 255);
  --bs-body-bg: #fcfcff;
  --bs-body-color: #312e81;
  --bs-body-bg-rgb: 252, 252, 255;
  --bs-body-color-rgb: 49, 46, 129;
  --bs-border-color: rgb(216, 214, 214);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-input-bg: transparent;
  --bs-input-bg-disabled: rgb(241, 241, 241);
  --bs-input-border-color: rgba(216, 214, 214, 1);
  --bs-muted: rgb(244, 244, 245);
  --bs-muted-color: rgb(142, 142, 142);
  --bs-accent: rgb(124, 82, 220);
  --bs-accent-color: rgb(255, 255, 255);
  --bs-sidebar-bg: #f5f3ff;
  --bs-sidebar-color: #312e81;
  --bs-sidebar-primary-color: rgb(255, 255, 255);
  --bs-sidebar-accent: rgb(230, 220, 255);
  --bs-sidebar-accent-color: #312e81;
  --bs-sidebar-border: rgb(216, 214, 214);
}
.boldtech .card, .boldtech .modal-dialog, .boldtech .offcanvas {
  --bs-card-bg: rgb(255, 255, 255) !important;
  --bs-card-bg-rgb: 255, 255, 255 !important;
  --bs-card-color: #312e81 !important;
  --bs-card-color-rgb: 49, 46, 129 !important;
}
.boldtech .modern-notification, .boldtech .mega-dropdown, .boldtech .profile-dropdown, .boldtech .notifications-dropdown {
  --bs-card-bg: rgb(65, 64, 64) !important;
  --bs-card-bg-rgb: 65, 64, 64 !important;
  --bs-card-color: rgb(229, 229, 229) !important;
  --bs-card-color-rgb: 229, 229, 229 !important;
}
.boldtech .popover, .boldtech .dropdown-menu {
  --bs-popover-bg: rgb(255, 255, 255) !important;
  --bs-popover-bg-rgb: 255, 255, 255 !important;
  --bs-popover-color: #312e81 !important;
  --bs-popover-color-rgb: 49, 46, 129 !important;
}
.boldtech table {
  --bs-table-bg: transparent !important;
  --bs-table-bg-rgb: 255, 255, 255 !important;
  --bs-table-color: #312e81 !important;
  --bs-table-color-rgb: 49, 46, 129 !important;
}
.boldtech .card-header.bg-light {
  background-color: color-mix(in srgb, rgba(139, 92, 246, 0.2) 85%, black 5%) !important;
}

.graphite {
  --bs-primary: rgb(96, 96, 96);
  --bs-primary-rgb: 96, 96, 96;
  --bs-primary-subtle: rgba(96, 96, 96, 0.15);
  --bs-sidebar-primary: var(--bs-primary);
  --bs-sidebar-ring: var(--bs-primary);
  --bs-input-focus-border-color: rgb(96, 96, 96);
  --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(96, 96, 96, 0.25);
  --bs-theme-contrast: rgb(255, 255, 255);
  --bs-primary-contrast: rgb(255, 255, 255);
  --bs-secondary-contrast: rgb(255, 255, 255);
  --bs-success-contrast: rgb(33, 37, 41);
  --bs-info-contrast: rgb(33, 37, 41);
  --bs-warning-contrast: rgb(33, 37, 41);
  --bs-danger-contrast: rgb(255, 255, 255);
  --bs-light-contrast: rgb(51, 51, 51);
  --bs-dark-contrast: rgb(255, 255, 255);
  --bs-body-bg: rgb(240,240,240);
  --bs-body-color: rgb(51, 51, 51);
  --bs-body-bg-rgb: 240, 240, 240;
  --bs-body-color-rgb: 51, 51, 51;
  --bs-border-color: #c5c6c6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-input-bg: transparent;
  --bs-input-bg-disabled: rgb(241, 241, 241);
  --bs-input-border-color: rgba(197, 198, 198, 1);
  --bs-muted: rgb(244, 244, 245);
  --bs-muted-color: rgb(142, 142, 142);
  --bs-accent: rgb(80, 80, 80);
  --bs-accent-color: rgb(255, 255, 255);
  --bs-sidebar-bg: #eaeaea;
  --bs-sidebar-color: #333333;
  --bs-sidebar-primary: #606060;
  --bs-sidebar-primary-color: #ffffff;
  --bs-sidebar-accent: #c0c0c0;
  --bs-sidebar-accent-color: #333333;
  --bs-sidebar-border: #d0d0d0;
  --bs-sidebar-ring: #606060;
}
.graphite .card, .graphite .modal-dialog, .graphite .offcanvas {
  --bs-card-bg: rgb(245, 245, 245) !important;
  --bs-card-bg-rgb: 245, 245, 245 !important;
  --bs-card-color: #333333 !important;
  --bs-card-color-rgb: 51, 51, 51 !important;
}
.graphite .modern-notification, .graphite .mega-dropdown, .graphite .profile-dropdown, .graphite .notifications-dropdown {
  --bs-card-bg: rgb(65, 64, 64) !important;
  --bs-card-bg-rgb: 65, 64, 64 !important;
  --bs-card-color: rgb(229, 229, 229) !important;
  --bs-card-color-rgb: 229, 229, 229 !important;
}
.graphite .popover, .graphite .dropdown-menu {
  --bs-popover-bg: rgb(255, 255, 255) !important;
  --bs-popover-bg-rgb: 255, 255, 255 !important;
  --bs-popover-color: #333333 !important;
  --bs-popover-color-rgb: 51, 51, 51 !important;
}
.graphite table {
  --bs-table-bg: transparent !important;
  --bs-table-bg-rgb: 255, 255, 255 !important;
  --bs-table-color: #333333 !important;
  --bs-table-color-rgb: 51, 51, 51 !important;
}
.graphite .card-header.bg-light {
  background-color: color-mix(in srgb, rgba(96, 96, 96, 0.2) 85%, black 5%) !important;
}

@theme inline {
  --color-primary: var(--bs-primary);
  --color-primary-rgb: var(--bs-primary-rgb);
  --color-secondary: var(--bs-secondary);
  --color-secondary-rgb: var(--bs-secondary-rgb);
  --color-success: var(--bs-success);
  --color-success-rgb: var(--bs-success-rgb);
  --color-info: var(--bs-info);
  --color-info-rgb: var(--bs-info-rgb);
  --color-warning: var(--bs-warning);
  --color-warning-rgb: var(--bs-warning-rgb);
  --color-danger: var(--bs-danger);
  --color-danger-rgb: var(--bs-danger-rgb);
  --color-light: var(--bs-light);
  --color-light-rgb: var(--bs-light-rgb);
  --color-dark: var(--bs-dark);
  --color-dark-rgb: var(--bs-dark-rgb);
  --color-background: var(--bs-body-bg);
  --color-foreground: var(--bs-body-color);
  --color-card: var(--bs-card-bg);
  --color-card-foreground: var(--bs-card-color);
  --color-popover: var(--bs-popover-bg);
  --color-popover-foreground: var(--bs-popover-color);
  --color-border: var(--bs-border-color);
  --color-input: var(--bs-input-bg);
  --color-ring: var(--bs-primary);
  --color-muted: var(--bs-muted);
  --color-muted-foreground: var(--bs-muted-color);
  --color-accent: var(--bs-accent);
  --color-accent-foreground: var(--bs-accent-color);
  --color-chart-1: var(--bs-chart-1);
  --color-chart-2: var(--bs-chart-2);
  --color-chart-3: var(--bs-chart-3);
  --color-chart-4: var(--bs-chart-4);
  --color-chart-5: var(--bs-chart-5);
  --color-sidebar: var(--bs-sidebar-bg);
  --color-sidebar-foreground: var(--bs-sidebar-color);
  --color-sidebar-primary: var(--bs-sidebar-primary);
  --color-sidebar-primary-foreground: var(--bs-sidebar-primary-color);
  --color-sidebar-accent: var(--bs-sidebar-accent);
  --color-sidebar-accent-foreground: var(--bs-sidebar-accent-color);
  --color-sidebar-border: var(--bs-sidebar-border);
  --color-sidebar-ring: var(--bs-sidebar-ring);
  --font-sans: var(--bs-font-sans-serif);
  --font-mono: var(--bs-font-monospace);
  --font-serif: var(--bs-font-serif);
  --radius-sm: var(--bs-border-radius-sm);
  --radius-md: var(--bs-border-radius);
  --radius-lg: var(--bs-border-radius-lg);
  --radius-xl: var(--bs-border-radius-xl);
  --shadow-sm: var(--bs-box-shadow-sm);
  --shadow: var(--bs-box-shadow);
  --shadow-lg: var(--bs-box-shadow-lg);
  --shadow-xl: var(--bs-box-shadow-xl);
  --tracking-tighter: calc(var(--bs-letter-spacing) - 0.05em);
  --tracking-tight: calc(var(--bs-letter-spacing) - 0.025em);
  --tracking-normal: var(--bs-letter-spacing);
  --tracking-wide: calc(var(--bs-letter-spacing) + 0.025em);
  --tracking-wider: calc(var(--bs-letter-spacing) + 0.05em);
  --tracking-widest: calc(var(--bs-letter-spacing) + 0.1em);
}
@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
body:not(.ced-layout) {
  /****************************************
      NAVIGATION / BUTTON NAVIGATIONS / PAGE TOGGLES
  ****************************************/
}
body:not(.ced-layout) .offcanvas .custom-tooltip {
  z-index: 9999 !important;
}

sidebar {
  background: var(--bs-sidebar-bg);
  color: var(--bs-sidebar-color);
  border-right: 1px solid var(--bs-sidebar-border);
  box-shadow: var(--bs-box-shadow);
  position: relative;
}
sidebar.offcanvas-md {
  background-color: var(--bs-sidebar-bg) !important;
}
sidebar .sidebar-wrapper {
  height: -webkit-fill-available;
  height: -o-fill-available;
  height: -moz-available;
  height: fill-available;
  width: calc(17.5rem * var(--font-size-scaling));
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
  overflow-anchor: none;
  touch-action: auto;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
@-moz-document url-prefix() {
  sidebar .sidebar-wrapper {
    height: 100%;
  }
}
sidebar .sidebar-wrapper .header-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0.75rem 1.5rem 1.25rem;
}
sidebar .sidebar-wrapper .header-wrapper .header-brand {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
sidebar .sidebar-wrapper .header-wrapper .header-brand img {
  height: calc(1.5rem * var(--font-size-scaling));
  float: left;
  overflow: hidden;
}
sidebar .sidebar-wrapper .header-wrapper .header-brand .title, sidebar .sidebar-wrapper .header-wrapper .header-brand .sub-title {
  font-family: Merriweather !important;
  font-weight: 600;
  letter-spacing: 0.1rem;
  font-display: swap;
  display: block;
  opacity: 1;
  height: min-content;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  font-size: calc(1.25rem * var(--font-size-scaling)) !important;
  transform: translate3d(0px, 0, 0);
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
@media screen and (max-width: 480px) {
  sidebar .sidebar-wrapper .header-wrapper .header-brand .title, sidebar .sidebar-wrapper .header-wrapper .header-brand .sub-title {
    display: none;
  }
}
sidebar .sidebar-wrapper .sidebar-upper {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  width: 100%;
}
sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper {
  transform: none !important;
  transition: all 100ms linear 100ms;
}
sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper .sidebar-content-upper, sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper #AMDet, sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper #manForm {
  height: -webkit-fill-available;
  height: -o-fill-available;
  height: -moz-available;
  height: fill-available;
  position: relative;
  inset: revert;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@-moz-document url-prefix() {
  sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper .sidebar-content-upper, sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper #AMDet, sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper #manForm {
    height: 100%;
  }
}
sidebar .sidebar-wrapper .sidebar-upper .sidebar-upper-wrapper .sidebar-content-lower {
  background: var(--bs-sidebar-bg);
  bottom: 0;
  margin-top: auto;
  position: sticky;
}
sidebar .sidebar-wrapper .sidebar-lower {
  padding: 1rem;
}
sidebar .sidebar-wrapper .sidebar-lower .profile-image {
  padding: 0.1rem;
  height: 2.25rem;
  width: 2.25rem;
  aspect-ratio: 1/1;
}
sidebar .sidebar-wrapper .sidebar-footer {
  border-top: 1px solid var(--bs-sidebar-border);
  padding: 1rem;
}
sidebar .nav-inner-wrapper {
  border-left: 1px dashed var(--bs-border-color);
  width: max-content;
  margin-left: 1.2rem;
}
sidebar .nav-inner-wrapper .nav-item {
  padding-left: 0 !important;
}
sidebar .nav-inner-wrapper .nav-item .nav-link {
  padding: 0.15rem 1rem !important;
  margin: 0.25rem 0.5rem 0 !important;
}
sidebar ul {
  list-style: none !important;
}
sidebar .nav-group-label {
  padding: calc(1rem * var(--font-size-scaling)) calc(0.75rem * var(--font-size-scaling)) calc(0.5rem * var(--font-size-scaling));
  margin-top: calc(1rem * var(--font-size-scaling));
  margin-bottom: calc(0.25rem * var(--font-size-scaling));
  font-size: calc(0.65rem * var(--font-size-scaling));
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: var(--bs-muted-color);
  opacity: 0.7;
  border-bottom: 1px solid var(--bs-border-color);
}
sidebar .nav-group-label:first-child {
  margin-top: 0;
}
sidebar .nav-item {
  margin: calc(0.25rem * var(--font-size-scaling)) 0;
  white-space: nowrap;
}
sidebar .nav-item.active > .nav-link {
  background: var(--bs-primary);
  color: var(--bs-body-bg);
  box-shadow: var(--bs-box-shadow);
  font-weight: 600;
  padding-left: calc(0.65rem - 3px);
}
sidebar .nav-item.active > .nav-link i {
  color: var(--bs-body-bg) !important;
}
sidebar .nav-item:hover:not(.active) > .nav-link {
  background: var(--bs-primary-subtle);
  color: var(--bs-primary);
  border-left: 2px solid var(--bs-primary);
  padding-left: calc(0.65rem - 2px);
}
sidebar .nav-item .nav-link {
  color: var(--bs-sidebar-color);
  padding: calc(0.5rem * var(--font-size-scaling)) calc(0.6rem * var(--font-size-scaling));
  border-radius: var(--bs-border-radius);
  transition: all 0.2s ease;
  position: relative;
  border-left: 2px solid transparent;
  text-shadow: none;
  display: flex;
  align-items: center;
  white-space: normal;
  text-transform: capitalize;
  font-size: calc(0.875rem * var(--font-size-scaling));
  font-weight: 500;
  cursor: pointer;
  transition-property: all;
  transition-duration: 250ms;
  transition-timing-function: ease;
  gap: calc(0.75rem * var(--font-size-scaling));
}
sidebar .nav-item .nav-link.internal {
  margin-left: 0.5rem;
}
sidebar .nav-item .nav-link.internal .caret {
  position: absolute;
  top: 50%;
  right: 1.75rem;
}
sidebar .nav-item .nav-link svg {
  margin-right: 0.5rem;
  float: left;
  width: 1.75rem;
  text-align: center;
}
sidebar .nav-item .nav-link i {
  position: relative;
  width: calc(1.25rem * var(--font-size-scaling));
  min-width: calc(1.25rem * var(--font-size-scaling));
  font-size: calc(0.875rem * var(--font-size-scaling));
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition-property: color;
  transition-duration: 200ms;
}
sidebar .nav-item .nav-link i.text {
  font-size: calc(0.875rem * var(--font-size-scaling));
  letter-spacing: 0.1rem;
}
sidebar .nav-item .nav-link i.md {
  color: rgb(189, 99, 211);
}
sidebar .nav-item .nav-link i.mi {
  color: rgb(217, 45, 32);
}
sidebar .nav-item .nav-link i.fm {
  color: SteelBlue;
}
sidebar .nav-item .nav-link i.em {
  color: #86b01d;
}
sidebar .nav-item .nav-link i.oo {
  color: rgb(218, 165, 32);
}
sidebar .nav-item .nav-link span {
  white-space: normal;
  margin: 0;
  letter-spacing: 0.05rem;
  transition-property: all;
  transition-duration: 350ms;
  transition-timing-function: ease;
}
sidebar .nav-item .nav-link span .caret {
  position: absolute;
  top: 50%;
  right: 1.5rem;
}
sidebar .nav-item .nav-link span.text-icon {
  display: flex;
}
sidebar .nav-item .nav-link span.dbl-ln {
  line-height: 1.25rem;
}
sidebar .nav-item .caret {
  position: relative;
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
sidebar .nav-item .caret.toggle::before, sidebar .nav-item .caret.toggle::after {
  transform: translateY(-50%) rotateZ(180deg);
}
sidebar .nav-item .caret::after {
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%) rotateZ(0deg);
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  content: "\f107";
  margin-left: auto;
  color: var(--bs-border-color);
}
sidebar .nav-item .inner-nav {
  position: relative;
  border-inline-start: none;
  margin-inline-start: calc(1.5rem * var(--font-size-scaling));
  padding-inline-start: calc(1rem * var(--font-size-scaling));
  margin-top: calc(0.5rem * var(--font-size-scaling));
  margin-bottom: calc(0.5rem * var(--font-size-scaling));
  overflow: visible;
}
sidebar .nav-item .inner-nav::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(to bottom, transparent 0%, var(--nav-accent-color, var(--bs-border-color)) 15%, var(--nav-accent-color, var(--bs-border-color)) 85%, transparent 100%);
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
sidebar .nav-item .inner-nav:hover::before {
  opacity: 1;
}
sidebar .nav-item .inner-nav .nav-item {
  margin: calc(0.375rem * var(--font-size-scaling)) 0;
}
sidebar .nav-item .inner-nav .nav-item .nav-link {
  padding: calc(0.425rem * var(--font-size-scaling)) calc(0.75rem * var(--font-size-scaling));
  font-size: calc(0.7125rem * var(--font-size-scaling));
}
sidebar .nav-item .inner-nav.dsh {
  --nav-accent-color: rgb(189, 99, 211);
}
sidebar .nav-item .inner-nav.dsh > .nav-item > .nav-link:first-child:before {
  border-color: rgb(189, 99, 211) !important;
}
sidebar .nav-item .inner-nav.fin {
  --nav-accent-color: SteelBlue;
}
sidebar .nav-item .inner-nav.fin > .nav-item > .nav-link:first-child:before {
  border-color: SteelBlue !important;
}
sidebar .nav-item .inner-nav.man {
  --nav-accent-color: #86b01d;
}
sidebar .nav-item .inner-nav.man > .nav-item > .nav-link:first-child:before {
  border-color: #86b01d !important;
}
sidebar .nav-item .inner-nav.emp {
  --nav-accent-color: rgb(217, 45, 32);
}
sidebar .nav-item .inner-nav.emp > .nav-item > .nav-link:first-child:before {
  border-color: rgb(217, 45, 32) !important;
}
sidebar .nav-item .inner-nav.oth {
  --nav-accent-color: rgb(218, 165, 32);
}
sidebar .nav-item .inner-nav.oth > .nav-item > .nav-link:first-child:before {
  border-color: rgb(218, 165, 32) !important;
}
sidebar.fluid .sidebar-wrapper .nav-item .nav-link .text, sidebar.fluid .sidebar-wrapper .nav-item .nav-link .text-icon {
  display: inline-block;
  line-height: 1rem;
  font-size: calc(0.75rem * var(--font-size-scaling));
}
sidebar.fluid .sidebar-wrapper .nav-item .nav-link i {
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1rem;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  vertical-align: middle;
  margin-right: 0.5rem;
}
sidebar.fluid.step-nav {
  max-width: calc(18rem * var(--font-size-scaling));
  width: calc(18rem * var(--font-size-scaling));
}
sidebar:not(.fluid).sub-navigation {
  height: max-content;
  max-height: calc(100dvh - 2rem);
}
sidebar:not(.fluid).sub-navigation .sidebar__header {
  padding: 0.875rem 0;
}
sidebar:not(.fluid).sub-navigation .sidebar__header .sub-title {
  text-align: center;
}
sidebar:not(.fluid).sub-navigation .sidebar-wrapper {
  width: max-content;
  min-width: 11rem;
}
sidebar:not(.fluid).sub-navigation .sidebar-wrapper .profile__container {
  padding: 0.875rem;
}
sidebar:not(.fluid).sub-navigation .sidebar-wrapper .nav-link {
  text-align: right;
  padding: 0.25rem 1rem !important;
  margin: 0.35rem 1rem 0 !important;
}

.sidebar-toggler {
  width: 2.25rem;
  height: 2.25rem;
  aspect-ratio: 1/1;
  font-size: 0.75rem;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-property: color , transform;
  transition-duration: 450ms , 150ms;
  transition-timing-function: ease;
}
.sidebar-toggler:hover {
  cursor: pointer;
  transform: scale(1.01);
}
.sidebar-toggler:active {
  transform: scale(0.96);
}
.sidebar-toggler.hidden {
  display: none;
}

.pagination .page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  color: var(--bs-accent-color) !important;
}

.accordion:NOT(.shadow-none) {
  box-shadow: 0 1rem 1rem -0.75rem rgba(105, 96, 215, 0.175) !important;
}
.accordion .accordion-item {
  border: 1px solid var(--default-border-color) !important;
}
.accordion .accordion-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.accordion .accordion-item:Not(:first-of-type) {
  margin-top: calc(0.25rem * var(--font-size-scaling)) !important;
}
.accordion .accordion-item:last-of-type {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.accordion .accordion-item .accordion-header {
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: calc(1rem * var(--font-size-scaling)) calc(1.25rem * var(--font-size-scaling));
  font-size: calc(0.75rem * var(--font-size-scaling));
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-radius 0.15s ease;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--bs-primary);
  font-weight: 600;
  background-color: var(--bs-primary) -overlay;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.07);
}
.accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion .accordion-body {
  padding: calc(1rem * var(--font-size-scaling)) calc(1.25rem * var(--font-size-scaling));
}

#dashboard {
  max-width: 80rem;
}
#dashboard #dashL, #dashboard #dashR {
  width: 36.5rem;
  height: 24.25rem;
  padding: 0.25rem;
  background-color: white;
  border: 0.25px solid var(--default-border-color);
}

.content__box:before {
  background: var(--bs-primary);
  content: "";
  display: block;
  height: 1.09375rem;
  margin-left: 0;
  -webkit-mask-image: radial-gradient(circle at 0 1.09375rem, transparent 0, transparent 1.09375rem, #000 1.09375rem);
  mask-image: radial-gradient(circle 1.09375rem at 0 1.09375rem, transparent 0, transparent 1.09375rem, #000 1.09375rem);
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(-1.09375rem);
  width: 1.155rem;
  z-index: 10;
}
.content__box:after {
  background: var(--bs-primary);
  content: "";
  display: block;
  height: 1.09375rem;
  margin-left: 0;
  -webkit-mask-image: radial-gradient(circle at 0 0, transparent 1.09375rem, transparent 0, #000 1.09375rem);
  mask-image: radial-gradient(circle at 0 0, transparent 1.09375rem, transparent 0, #000 1.09375rem);
  position: absolute;
  bottom: 0;
  left: 100%;
  transform: translateX(-1.09375rem);
  width: 1.155rem;
  z-index: 10;
}

.list-group .list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #75868f;
  background-color: var(--default-box-background);
  text-decoration: none;
  border: 1px solid var(--default-border-color);
}
.list-group .list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group .list-group-item.list-group-item-action:hover {
  border-radius: 0.4375rem;
  z-index: 1;
  color: #75868f;
  text-decoration: none;
  background-color: #f2f4f8 !important;
}
.list-group a.active {
  background-color: #0088cc !important;
  border-color: #0088cc !important;
}

@media screen and (min-width: 769px) {
  .list-group-cluster {
    width: 35rem;
  }
}
@media screen and (max-width: 768px) {
  .list-group-cluster {
    width: 100%;
  }
}
.list-group-cluster .list-group .list-group-item {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease-in-out;
}
.list-group-cluster .list-group .list-group-item.active {
  color: white;
  background-color: linear-gradient(360deg, #42424a, #353535) !important;
}
.list-group-cluster .list-group .list-group-item.active label {
  color: white !important;
}
.list-group-cluster .list-group .list-group-item .link:hover {
  color: #ee0a0a;
}
.list-group-borderless > .list-group-item {
  border: 0;
}

.mega-dropdown {
  max-width: 100vw;
  width: max-content;
}
@media screen and (min-width: 992px) {
  .mega-dropdown {
    max-width: 75vw !important;
  }
}

.ja_wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.85);
}
.ja_wrap .alert {
  min-width: 18rem !important;
}
.ja_wrap .optBack {
  margin-top: 1rem;
}

.maintenance {
  height: 75dvh !important;
}
@-moz-document url-prefix() {
  .maintenance {
    height: 75vh;
  }
}

.clockin-message .rounded-circle {
  aspect-ratio: 1/1;
}

.splash-page-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.splash-page-grid > :nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.splash-page-grid > :nth-child(2) {
  grid-column: 2;
  grid-row: 1/span 2;
}
.splash-page-grid > :nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}
.splash-page-grid > :nth-child(4) {
  grid-column: 1;
  grid-row: 2;
}
.splash-page-grid > :nth-child(5) {
  grid-column: 3;
  grid-row: 2;
}
@media (max-width: 991.98px) {
  .splash-page-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .splash-page-grid > :nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .splash-page-grid > :nth-child(2) {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .splash-page-grid > :nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .splash-page-grid > :nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }
  .splash-page-grid > :nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }
}
@media (max-width: 767.98px) {
  .splash-page-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .splash-page-grid > * {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

#splash-rearrange-window {
  z-index: 99999999991 !important;
}

.splash-box {
  cursor: move;
  transition: all 0.45s ease;
}
.splash-box h6 {
  transition: all 0.45s ease;
}
.splash-box.is-dragging {
  transform: scale(1.05);
  background-color: var(--dash-secondary);
}
.splash-box.is-dragging h6 {
  color: var(--contrast-color) !important;
}

.splash-row {
  align-items: stretch;
}

.splash-column-cell {
  display: flex;
  flex-direction: column;
}
.splash-column-cell.active {
  border: 0.5px dashed var(--default-border-color);
  background-color: rgba(213, 213, 213, 0.15);
}

.splash-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.splash-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.splash-card a:hover {
  text-decoration: underline !important;
  opacity: 0.85;
}
.splash-card .card-header {
  flex-shrink: 0;
}
.splash-card .card-body {
  flex: 0 1 auto;
  min-height: 0;
}
.splash-card .card-select-icon {
  position: absolute;
  top: -0.875rem;
  left: -0.875rem;
  transition: all 0.5s ease-in;
  cursor: pointer;
}
.splash-card .card-select-icon::before {
  content: "+";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.75rem;
  height: 1.75rem;
  aspect-ratio: 1/1;
  border-radius: 50px;
  display: block;
  pointer-events: none;
  text-align: center;
  transition: all 0.1s ease-out;
  line-height: 1.75rem;
  opacity: 0;
  backdrop-filter: blur(10px);
  border: 0.5px solid var(--default-border-color);
}
.splash-card .card-select-icon.active::before {
  opacity: 1 !important;
}
.splash-card .card-select-icon.selected::before {
  content: "\f00c" !important;
}
.splash-card .card-select-icon:hover::before {
  background-color: var(--default-border-color) !important;
}
.splash-card.selected {
  box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.65) !important;
}
.splash-card.draggable {
  cursor: move;
}
.splash-card.is-dragging {
  transform: scale(1.05);
  background-color: var(--dash-secondary);
}
.splash-card.is-dragging h6 {
  color: var(--contrast-color) !important;
}
.splash-card.animate {
  animation: wiggle 300ms infinite both;
}
@keyframes wiggle {
  0% {
    transform: rotate3d(0, 0, 0.5, 0deg);
  }
  50% {
    transform: rotate3d(0, 0, 0.5, -0.5deg);
  }
}
.splash-card ul li {
  list-style-type: "❭❭   ";
  padding-bottom: 0.175rem;
}
.splash-card ul li::marker {
  margin-right: 0.75rem;
  font-weight: bolder;
  color: var(--dash-secondary);
}
.splash-card ul ul.sub-menu {
  margin: 0.5rem 0 0.4rem 1rem;
}

.announcements-box {
  height: 250px;
  overflow-y: auto;
  padding: 1rem;
  background: var(--bs-light);
  width: 100%;
}

.calendar-box,
.weather-box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
}

.greeting-box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

#weather-current {
  position: relative;
  bottom: 0.5rem;
}

section {
  /*
  padding:0 calc(1.5rem * var(--font-size-scaling));
  @include flex_col("nowrap");
  align-items:center;
  justify-content:flex-start;
  width:100%;
  position: relative;
  @include device(mobile){
      padding:0 calc(0.75rem * var(--font-size-scaling));
      align-items:center;
  }
      */
}
section.cal-history {
  display: flex;
  flex-flow: row-reverse wrap !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: calc(2rem * var(--font-size-scaling));
}

.card .card .card-header {
  background: var(--bs-light) !important;
}

.card, .modal-dialog {
  background: var(--bs-card-bg) !important;
  color: var(--bs-card-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow);
}
.card:not(.border-0), .modal-dialog:not(.border-0) {
  border: 1px solid var(--bs-border-color) !important;
}
.card::-webkit-scrollbar, .modal-dialog::-webkit-scrollbar {
  display: revert !important;
}
.card .card-header, .card .modal-header, .modal-dialog .card-header, .modal-dialog .modal-header {
  background: var(--bs-card-bg);
  color: var(--bs-card-color);
  border-bottom: 1px solid var(--bs-border-color);
  padding: 1rem;
}
.card .card-header.toolbar, .card .modal-header.toolbar, .modal-dialog .card-header.toolbar, .modal-dialog .modal-header.toolbar {
  background: transparent;
  border-bottom-color: var(--bs-border-color);
}
.card .card-content, .modal-dialog .card-content {
  flex: 1 1 auto;
}
.card .card-body, .card .modal-body, .modal-dialog .card-body, .modal-dialog .modal-body {
  padding: 1rem;
}
.card ul, .card ol, .modal-dialog ul, .modal-dialog ol {
  padding-left: 1.25rem;
}
.card .card-footer, .card .modal-footer, .modal-dialog .card-footer, .modal-dialog .modal-footer {
  background: var(--bs-card-bg);
  color: var(--bs-card-color);
  border-top: 1px solid var(--bs-border-color);
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .card.lockScreen, .modal-dialog.lockScreen {
    width: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .card.lockScreen:not(.w-100), .modal-dialog.lockScreen:not(.w-100) {
    width: min-content !important;
    min-width: 22rem !important;
  }
}
.card.lockScreen.shadow::before, .card.lockScreen.shadow::after, .modal-dialog.lockScreen.shadow::before, .modal-dialog.lockScreen.shadow::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  background: linear-gradient(45deg, var(--client-primary), var(--client-primary-overlay), color-mix(in srgb, var(--client-primary-overlay), rgba(255, 255, 255, 0.5)), rgba(72, 69, 69, 0.35), var(--client-primary-dark), rgba(72, 69, 69, 0.35), var(--client-primary), var(--client-primary-overlay));
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: animate 20s linear infinite;
}
.card.lockScreen::after, .modal-dialog.lockScreen::after {
  filter: blur(10px);
}
@keyframes animate {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.card.lockScreen #EMPIMAGE, .modal-dialog.lockScreen #EMPIMAGE {
  padding: 0.25rem;
  background-color: white;
  aspect-ratio: 1/1;
  width: 6rem;
  height: 6rem;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.card .rounded-icon-bg, .modal-dialog .rounded-icon-bg {
  color: var(--contrast-color) !important;
  position: relative;
  z-index: 1;
  aspect-ratio: 1/1 !important;
}
.card .rounded-icon-bg::after, .modal-dialog .rounded-icon-bg::after {
  content: "";
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--contrast-color);
  width: 110%;
  height: 110%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.75rem;
  z-index: -1;
}

.popover .popover-header {
  background: var(--bs-card-bg) !important;
  color: var(--bs-card-color) !important;
  border-bottom: 1px solid var(--bs-border-color);
  padding: 1rem;
  font: var(--h5) !important;
}
.popover .popover-body {
  background: var(--bs-card-bg);
  padding: 1rem;
}

.calendar {
  width: 3.125rem;
  line-height: 1;
  flex-direction: column;
  text-align: center;
  border-radius: 0.5rem;
}
.calendar .calendar-month {
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.275rem;
  font-weight: 500;
}
.calendar .calendar-day {
  font-size: calc(1.5rem * var(--font-size-scaling));
  padding: 0.25rem;
  border-top: 0;
  border-radius: 0 0 0.5rem 0.5rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .calendar .min-vh-100 {
    min-height: max-content !important;
  }
}
.calendar .h-50w {
  height: 50vw !important;
}
@media (max-width: 767px) {
  .calendar .h-50w {
    height: 30vw !important;
  }
}
.calendar .h-30w {
  height: 30vw !important;
}
@media (max-width: 767px) {
  .calendar .h-30w {
    height: 40vw !important;
  }
}
.calendar .h-20w {
  height: 20vw !important;
}
@media (max-width: 767px) {
  .calendar .h-20w {
    height: 30vw !important;
  }
}
.calendar .h-10w {
  height: 10vw !important;
}
@media (max-width: 767px) {
  .calendar .h-10w {
    height: 20vw !important;
  }
}

.calendar-wrapper .calendar-grid-view {
  border: 1px solid var(--bs-border-color);
}
.calendar-wrapper .calendar-grid-view th {
  background-color: var(--bs-gray-100);
  color: var(--bs-gray-700);
  font-weight: bold;
  text-align: center;
  padding: 0.25rem;
  text-transform: uppercase;
  border: 1px solid var(--bs-border-color);
}
.calendar-wrapper .calendar-grid-view td {
  min-height: 120px;
  vertical-align: top;
  border: 1px solid var(--bs-border-color);
  position: relative;
  padding: 0.25rem;
  width: 14.2857142857dvw;
  max-width: 14.2857142857dvw;
  height: 7.1428571429dvw;
  max-height: 7.1428571429dvw;
  aspect-ratio: 1/1;
}
.calendar-wrapper .calendar-grid-view td.pr {
  background-color: var(--bs-table-bg) !important;
}
.calendar-wrapper .calendar-grid-view td.curDay::before {
  content: "";
  width: 100%;
  height: 100%;
}
.calendar-wrapper .calendar-grid-view .calendar-grid {
  border-collapse: separate;
  border-spacing: 0;
}
.calendar-wrapper .calendar-grid-view .calendar-cell {
  border: 1px solid #dee2e6;
  position: relative;
  min-height: 120px;
  vertical-align: top;
}
.calendar-wrapper .calendar-grid-view .calendar-cell:hover {
  background-color: #f8f9fa !important;
}
.calendar-wrapper .calendar-grid-view .calendar-cell.curDay {
  background-color: #e3f2fd !important;
}
.calendar-wrapper .calendar-grid-view .date-display {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.calendar-wrapper .calendar-grid-view .day-number {
  font-size: 1.1rem;
  line-height: 1;
}
.calendar-wrapper .calendar-grid-view .events-container {
  overflow-y: auto;
}
.calendar-wrapper .calendar-grid-view .event-badge .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  display: block;
  text-align: left;
}

.calendar-grid:not(.single-week) {
  height: calc(50vw + 34.07px);
}
@media (max-width: 767px) {
  .calendar-grid:not(.single-week) {
    height: calc(60vw + 34.07px) !important;
  }
}
.calendar-grid.tri-week {
  height: calc(30vw + 34.07px);
}
@media (max-width: 767px) {
  .calendar-grid.tri-week {
    height: calc(40vw + 34.07px) !important;
  }
}
.calendar-grid.double-week {
  height: calc(20vw + 34.07px);
}
@media (max-width: 767px) {
  .calendar-grid.double-week {
    height: calc(30vw + 34.07px) !important;
  }
}
.calendar-grid.single-week {
  height: calc(10vw + 34.07px);
}
@media (max-width: 767px) {
  .calendar-grid.single-week {
    height: calc(20vw + 34.07px) !important;
  }
}

hr.divider {
  height: 1px;
  margin: 1.5rem 0;
  padding: 0;
  overflow: visible;
  border: none;
  background-color: #e7e7e9;
  color: #6e6d7a;
  text-align: center;
  opacity: 1;
}
hr.divider::after {
  content: "or";
  display: inline-block;
  position: relative;
  top: -7px;
  padding: 0 1rem;
  font-size: 0.8rem;
  background: #fff;
}

.alert {
  border-radius: var(--bs-border-radius);
  padding: 1rem;
  margin-bottom: 1rem;
  z-index: 999 !important;
}
.alert.table-alert {
  z-index: 9999999 !important;
}
@media screen and (min-width: 600px) and (max-width: 1299px) {
  .alert.table-alert {
    width: 50% !important;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1919px) {
  .alert.table-alert {
    width: 40% !important;
  }
}
@media screen and (min-width: 1920px) {
  .alert.table-alert {
    width: 25% !important;
  }
}
.alert.alert-primary {
  background: var(--bs-primary-subtle);
  border-color: var(--bs-primary);
  color: color-mix(in srgb, var(--bs-primary) 85%, var(--bs-body-color));
}
.alert.alert-secondary {
  background: var(--bs-secondary-subtle);
  border-color: var(--bs-secondary);
  color: color-mix(in srgb, var(--bs-secondary) 85%, var(--bs-body-color));
}
.alert.alert-success {
  background: var(--bs-success-subtle);
  border-color: var(--bs-success);
  color: color-mix(in srgb, var(--bs-success) 85%, var(--bs-body-color));
}
.alert.alert-danger {
  background: var(--bs-danger-subtle);
  border-color: var(--bs-danger);
  color: color-mix(in srgb, var(--bs-danger) 85%, var(--bs-body-color));
}
.alert.alert-warning {
  background: var(--bs-warning-subtle);
  border-color: var(--bs-warning);
  color: color-mix(in srgb, var(--bs-warning) 85%, var(--bs-body-color));
}
.alert.alert-info {
  background: var(--bs-info-subtle);
  border-color: var(--bs-info);
  color: color-mix(in srgb, var(--bs-info) 85%, var(--bs-body-color));
}
.alert.alert-light {
  background: var(--bs-light-subtle);
  border-color: var(--bs-secondary);
  color: color-mix(in srgb, var(--bs-secondary) 85%, var(--bs-body-color));
}
.alert.alert-dark {
  background: var(--bs-dark-subtle);
  border-color: var(--bs-dark);
  color: color-mix(in srgb, var(--bs-dark) 85%, var(--bs-body-color));
}

.badge {
  border-radius: var(--bs-border-radius-sm);
  font-family: var(--bs-font-sans-serif);
  padding: 0.25rem 0.5rem;
  display: inline-block;
  font-size: calc(0.75em * var(--font-size-scaling, 1));
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50px;
}
.badge.badge-primary {
  background: var(--bs-primary);
  color: var(--bs-accent-color);
}
.badge.badge-secondary {
  background: var(--bs-secondary);
  color: var(--bs-accent-color);
}
.badge.badge-success {
  background: var(--bs-success);
  color: var(--bs-accent-color);
}
.badge.badge-danger {
  background: var(--bs-danger);
  color: var(--bs-accent-color);
}
.badge.badge-warning {
  background: var(--bs-warning);
  color: var(--bs-dark);
}
.badge.badge-info {
  background: var(--bs-info);
  color: var(--bs-dark);
}
.badge.badge-light {
  background: var(--bs-light);
  color: var(--bs-dark);
}
.badge.badge-dark {
  background: var(--bs-dark);
  color: var(--bs-light);
}
.badge.notification-alert {
  top: -4px !important;
  right: 6px !important;
  padding: 0.2rem;
}

.modal .modal-dialog {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 -2px 5px 0 hsla(220, 3%, 15%, 0.07), 0 1px 1px -2px hsla(220, 3%, 15%, 0.08), 0 2px 2px -2px hsla(220, 3%, 15%, 0.08), 0 5px 5px -2px hsla(220, 3%, 15%, 0.09), 0 9px 9px -2px hsla(220, 3%, 15%, 0.1), 0 16px 16px -2px hsla(220, 3%, 15%, 0.11);
  overflow: hidden;
}
.modal .modal-dialog .modal-content {
  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-xl);
  color: var(--bs-card-color);
}
.modal .modal-dialog .modal-content .modal-header {
  background: var(--bs-card-bg);
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-card-color);
}
.modal .modal-dialog .modal-content .modal-body {
  background: var(--bs-card-bg);
  color: var(--bs-card-color);
}
.modal .modal-dialog .modal-content .modal-footer {
  background: var(--bs-card-bg);
  border-top: 1px solid var(--bs-border-color);
  color: var(--bs-card-color);
}

/* Custom modal overlay */
.universalModalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  display: none;
}

.universalModalOverlay.show {
  display: block;
}

.offcanvas {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: var(--bs-card-bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(55, 60, 67, 0.075);
  transition: transform 0.3s ease-in-out;
  z-index: 999999999;
}
.offcanvas .offcanvas-body .main-nav {
  width: 11rem;
  position: relative;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.offcanvas .offcanvas-body .main-nav .nav-item .nav-link {
  width: 10rem;
  padding: 0.33rem 0.65rem;
  position: relative;
  background: transparent;
  border-radius: 3px;
  margin: 0.25rem 1rem 0;
  border: none;
  text-shadow: none;
  display: block;
  white-space: nowrap;
  text-transform: capitalize;
}
.offcanvas .offcanvas-body .main-nav .nav-item .nav-link:hover {
  border-radius: 0.375rem;
}
.offcanvas .offcanvas-body .main-nav .nav-item .nav-link.active {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.offcanvas .offCanvas-btn {
  position: absolute !important;
  line-height: 1em;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  inset: 40% auto auto 0 !important;
  transform: translateY(-50%) translateX(-100%) !important;
  visibility: visible !important;
}
.offcanvas.OC-container {
  border-left: 5px solid rgb(180, 35, 24);
  bottom: auto;
  display: flex;
  pointer-events: unset;
  top: 50%;
  transform: translateX(100%) translateY(-50%);
  width: auto;
  max-height: 100dvh;
}
@-moz-document url-prefix() {
  .offcanvas.OC-container {
    height: 100vh;
  }
}
.offcanvas.OC-container.show {
  transform: translateX(0) translateY(-50%);
}
@media (min-width: 990px) {
  .offcanvas.OC-container .container__content {
    width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas {
    height: 100dvh;
    width: 100% !important;
  }
}
@media screen and (orientation: landscape) and (max-height: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (orientation: landscape) and (max-height: 767px) and (min-resolution: 192dpi), screen and (orientation: landscape) and (max-height: 767px) and (min-resolution: 2dppx) {
  .offcanvas {
    width: 100% !important;
  }
}
@media screen and (orientation: landscape) and (max-height: 767px) {
  .offcanvas {
    height: 100dvh;
  }
}

.notification-toast {
  z-index: 999;
}

.toast-wrapper {
  visibility: visible;
  opacity: 1;
  transition: visibility 1.5s, opacity 1.5s linear;
}
@media screen and (max-width: 767px) {
  .toast-wrapper {
    transform-origin: 100% 100%;
    scale: 0.85;
  }
}
.toast-wrapper.hide {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.toast-wrapper .hide {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.toast {
  box-shadow: var(--bs-box-shadow);
}

/*
.announcements-wrapper{
    min-height: 8.313rem;
    max-height: 33rem;
    .card-body{
        overflow: hidden;
        overflow-y:auto;
    }
}*/
.tab-base .nav-callout {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.tab-base .nav-callout .nav-link {
  appearance: none;
  background-color: transparent;
  border: 0;
  align-items: center;
  display: flex;
  min-height: 2.5rem;
  padding-top: 1rem;
  padding: 0.5rem 1rem;
  color: #75868f;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.tab-base .nav-callout .nav-link.active {
  font-weight: 700;
  color: var(--bs-primary);
  box-shadow: inset 0 -0.0875rem var(--contrast-color);
}
.tab-base .tab-content > .tab-pane {
  display: none;
}
.tab-base .tab-content > .tab-pane.active {
  display: block;
}
.tab-base .tab-content .fade {
  transition: opacity 0.25s linear;
}

.toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.toolbar .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: -0.55rem;
  list-style: none;
}
.toolbar .nav-tabs .nav-link {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
  display: flex;
  margin-right: 1px;
  min-height: 2.5rem;
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.4375rem;
  border-top-right-radius: 0.4375rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.toolbar .nav-tabs .nav-link.active {
  color: var(--bs-primary);
  font-weight: 700;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.175);
  border-bottom: none !important;
}
.toolbar .nav-tabs .nav-link:hover:not(.disabled):not(.active) {
  background-color: #e6ecf3;
  border-bottom-color: rgba(0, 0, 0, 0.175);
}

.step-container .step-indicator {
  position: relative !important;
}
.step-container .step-indicator::before {
  content: "";
  width: 1px;
  height: 50px;
  position: absolute;
  translate: -50% -100%;
  left: 50%;
  top: 25%;
  z-index: 0;
}
.step-container .step-indicator.complete::before {
  background-color: #86b01d;
}
.step-container .step-indicator.incomplete::before {
  background-color: rgb(180, 35, 24);
}
.step-container .step-indicator i {
  z-index: 1;
}
.step-container .step-indicator.active::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50px;
  background-color: var(--bs-card-bg);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
}

.list-group {
  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.list-group .list-group-item {
  background: var(--bs-card-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-card-color);
  padding: 0.75rem 1rem;
}
.list-group .list-group-item.list-group-item-primary {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-accent-color);
}
.list-group .list-group-item.list-group-item-secondary {
  background: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-accent-color);
}
.list-group .list-group-item.list-group-item-success {
  background: var(--bs-success);
  border-color: var(--bs-success);
  color: var(--bs-accent-color);
}
.list-group .list-group-item.list-group-item-danger {
  background: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-accent-color);
}
.list-group .list-group-item.list-group-item-warning {
  background: var(--bs-warning);
  border-color: var(--bs-warning);
  color: var(--bs-dark);
}
.list-group .list-group-item.list-group-item-info {
  background: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-dark);
}
.list-group .list-group-item.list-group-item-light {
  background: var(--bs-light);
  border-color: var(--bs-light);
  color: var(--bs-dark);
}
.list-group .list-group-item.list-group-item-dark {
  background: var(--bs-dark);
  border-color: var(--bs-dark);
  color: var(--bs-light);
}

.fourOThree-wrapper {
  height: -webkit-fill-available;
  height: -moz-available;
  height: -o-fill-available;
  height: fill-available;
}
@-moz-document url-prefix() {
  .fourOThree-wrapper {
    height: 100%;
  }
}
@keyframes spin-cc {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: -359deg;
  }
}
.fourOThree-wrapper .spin-cc {
  filter: drop-shadow(0px 0px 2px var(--contrast-color));
  animation: spin-cc 1.5s infinite linear;
}
@keyframes spin-c {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 359deg;
  }
}
.fourOThree-wrapper .spin-c {
  filter: drop-shadow(0px 0px 2px var(--contrast-color));
  animation: spin-c 2s infinite linear;
}
.fourOThree-wrapper .bottom-25 {
  bottom: 25%;
}
.fourOThree-wrapper .maintenance-error .display-1 {
  color: var(--dash-secondary) !important;
  font-size: calc(2rem * var(--font-size-scaling)) !important;
  text-transform: none;
}
.fourOThree-wrapper .maintenance-error h2 {
  text-transform: uppercase;
}
.fourOThree-wrapper .fourOThree-error .fourOThree-icon {
  height: 6rem;
  width: 6rem;
  border: 3px solid var(--dash-secondary);
  border-radius: 50%;
  overflow: hidden !important;
  background-color: var(--default-box-background);
}
.fourOThree-wrapper .fourOThree-error .fourOThree-icon svg path {
  color: var(--dash-secondary);
}
.fourOThree-wrapper .fourOThree-error .display-1 {
  color: var(--dash-secondary) !important;
  font-size: calc(8rem * var(--font-size-scaling)) !important;
}
.fourOThree-wrapper h2 {
  text-transform: uppercase;
}

.event-badge .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  display: block;
  text-align: left;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.event-badge .badge.bg-warning {
  background-color: var(--bs-warning) !important;
  color: var(--bs-dark) !important;
}
.event-badge .badge.bg-success {
  background-color: var(--bs-success) !important;
  color: white !important;
}
.event-badge .badge.bg-danger {
  background-color: var(--bs-danger) !important;
  color: white !important;
}
.event-badge .badge.bg-purple {
  background-color: #6f42c1 !important;
  color: white !important;
}
.event-badge .badge.bg-dark {
  background-color: var(--bs-dark) !important;
  color: white !important;
}
.event-badge .badge.bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: white !important;
}

.date-display {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.date-display .day-number {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}
.date-display small {
  font-size: 0.75rem;
  opacity: 0.7;
}

.add-button .btn {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.events-container {
  overflow-y: auto;
  margin-top: 0.5rem;
}

.calendar-cell {
  border: 1px solid var(--bs-border-color);
  position: relative;
  min-height: 120px;
  vertical-align: top;
  transition: background-color 0.2s ease;
}
.calendar-cell:hover {
  background-color: var(--bs-gray-50);
}

@media (max-width: 767px) {
  .calendar-grid-view td {
    min-height: 80px;
    padding: 0.25rem;
  }
  .events-container {
    max-height: 60px;
  }
  .event-badge .badge {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-display: swap;
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
}

h1, .h1 {
  font: var(--h1) !important;
}
h1 span, .h1 span {
  text-transform: uppercase;
  text-align: center;
  margin: 2rem 0 1rem 0;
  font: var(--p) !important;
  text-decoration: uppercase;
}

.approval-header h2 {
  font: var(--h3) !important;
}

h2, .h2 {
  font: var(--h2) !important;
}
h2.f-c, .h2.f-c {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
h2 span, .h2 span {
  font: var(--p) !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

h3, .h3, .fs-3 {
  font: var(--h3) !important;
}

h4, .h4 {
  font: var(--h4) !important;
}

h5, .h5 {
  font: var(--h5) !important;
}

h6, .h6 {
  font: var(--h6) !important;
}

p {
  font: var(--p) !important;
}

small {
  font: var(--small) !important;
}

strong {
  font-weight: 600 !important;
}

a {
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
a:not(.nav-link):not(.to-top-widget) {
  color: var(--bs-primary) !important;
}
a:not(a.title):not(a.nav-link):not(a.to-top-widget):hover {
  text-decoration: underline !important;
}
a:not(a.title):not(a.nav-link):not(a.to-top-widget):focus {
  outline: none;
  outline-offset: 2px;
}

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

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

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

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

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

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

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

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

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

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

.shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.m-xxs {
  margin: var(--margin-xxs);
}

.m-xs {
  margin: var(--margin-xs);
}

.m-sm {
  margin: var(--margin-sm);
}

.m-md {
  margin: var(--margin-md);
}

.m-lg {
  margin: var(--margin-lg);
}

.m-xl {
  margin: var(--margin-xl);
}

.m-xxl {
  margin: var(--margin-xxl);
}

.text-primary {
  color: var(--bs-primary) !important;
}

.text-secondary, .text-gradient {
  color: var(--bs-secondary) !important;
}

.text-success {
  color: var(--bs-success) !important;
}

.text-danger {
  color: var(--bs-danger) !important;
}

.text-warning {
  color: var(--bs-warning) !important;
}

.text-info {
  color: var(--bs-info) !important;
}

.text-light {
  color: var(--bs-light) !important;
}

.text-dark {
  color: var(--bs-dark) !important;
}

.text-muted {
  color: var(--bs-muted) !important;
}

.bg-theme {
  background: var(--bs-theme) !important;
  background-color: var(--bs-theme) !important;
}

.bg-primary {
  background: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
}

.bg-secondary, .bg-gradient {
  background: var(--bs-secondary) !important;
  background-color: var(--bs-secondary) !important;
}

.bg-success {
  background: var(--bs-success) !important;
  background-color: var(--bs-success) !important;
}

.bg-danger {
  background: var(--bs-danger) !important;
  background-color: var(--bs-danger) !important;
}

.bg-warning {
  background: var(--bs-warning) !important;
  background-color: var(--bs-warning) !important;
}

.bg-info {
  background: var(--bs-info) !important;
  background-color: var(--bs-info) !important;
}

.bg-light {
  background: var(--bs-light) !important;
  background-color: var(--bs-light) !important;
}

.bg-dark {
  background: var(--bs-dark) !important;
  color: var(--bs-dark) !important;
}

.badge.bg-theme,
.card.bg-theme {
  color: var(--bs-theme-contrast) !important;
}
.badge.bg-theme *,
.card.bg-theme * {
  color: inherit;
}
.badge.bg-theme a:not(.btn),
.card.bg-theme a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-primary,
.card.bg-primary,
.badge.text-bg-primary {
  color: var(--bs-primary-contrast) !important;
}
.badge.bg-primary *,
.card.bg-primary *,
.badge.text-bg-primary * {
  color: inherit;
}
.badge.bg-primary a:not(.btn),
.card.bg-primary a:not(.btn),
.badge.text-bg-primary a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.bg-gradient,
.badge.bg-secondary,
.card.bg-secondary,
.badge.text-bg-secondary {
  color: var(--bs-secondary-contrast) !important;
}
.bg-gradient *,
.badge.bg-secondary *,
.card.bg-secondary *,
.badge.text-bg-secondary * {
  color: inherit;
}
.bg-gradient a:not(.btn),
.badge.bg-secondary a:not(.btn),
.card.bg-secondary a:not(.btn),
.badge.text-bg-secondary a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-success,
.card.bg-success,
.badge.text-bg-success {
  color: var(--bs-success-contrast) !important;
}
.badge.bg-success *,
.card.bg-success *,
.badge.text-bg-success * {
  color: inherit;
}
.badge.bg-success a:not(.btn),
.card.bg-success a:not(.btn),
.badge.text-bg-success a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-danger,
.card.bg-danger,
.badge.text-bg-danger {
  color: var(--bs-danger-contrast) !important;
}
.badge.bg-danger *,
.card.bg-danger *,
.badge.text-bg-danger * {
  color: inherit;
}
.badge.bg-danger a:not(.btn),
.card.bg-danger a:not(.btn),
.badge.text-bg-danger a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-warning,
.card.bg-warning,
.badge.text-bg-warning {
  color: var(--bs-warning-contrast) !important;
}
.badge.bg-warning *,
.card.bg-warning *,
.badge.text-bg-warning * {
  color: inherit;
}
.badge.bg-warning a:not(.btn),
.card.bg-warning a:not(.btn),
.badge.text-bg-warning a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-info,
.card.bg-info,
.badge.text-bg-info {
  color: var(--bs-info-contrast) !important;
}
.badge.bg-info *,
.card.bg-info *,
.badge.text-bg-info * {
  color: inherit;
}
.badge.bg-info a:not(.btn),
.card.bg-info a:not(.btn),
.badge.text-bg-info a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-light,
.card.bg-light,
.badge.text-bg-light {
  color: var(--bs-light-contrast) !important;
}
.badge.bg-light *,
.card.bg-light *,
.badge.text-bg-light * {
  color: inherit;
}
.badge.bg-light a:not(.btn),
.card.bg-light a:not(.btn),
.badge.text-bg-light a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.badge.bg-dark,
.card.bg-dark,
.badge.text-bg-dark {
  color: var(--bs-dark-contrast) !important;
}
.badge.bg-dark *,
.card.bg-dark *,
.badge.text-bg-dark * {
  color: inherit;
}
.badge.bg-dark a:not(.btn),
.card.bg-dark a:not(.btn),
.badge.text-bg-dark a:not(.btn) {
  color: inherit !important;
  text-decoration: underline;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.border-secondary {
  border-color: var(--bs-secondary) !important;
}

.border-success {
  border-color: var(--bs-success) !important;
}

.border-danger {
  border-color: var(--bs-danger) !important;
}

.border-warning {
  border-color: var(--bs-warning) !important;
}

.border-info {
  border-color: var(--bs-info) !important;
}

.border-light {
  border-color: var(--bs-light) !important;
}

.border-dark {
  border-color: var(--bs-dark) !important;
}

.dropdown-menu {
  background: var(--bs-popover-bg);
  border: 1px solid var(--bs-input-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-lg);
  color: var(--bs-popover-color);
  font-size: inherit !important;
}
.dropdown-menu .dropdown-item {
  color: var(--bs-popover-color);
  padding: 0.5rem 1rem;
  font: var(--p);
}

select, textarea, .form-control {
  background-color: var(--bs-input-bg);
  border: 1px solid var(--bs-input-border-color);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
  font: var(--p);
  padding: 0.5rem 0.75rem;
  box-shadow: var(--bs-box-shadow-sm);
  transition: all 0.2s ease;
}
select:focus, textarea:focus, .form-control:focus {
  border-color: var(--bs-input-focus-border-color);
  box-shadow: var(--bs-input-focus-box-shadow);
  outline: none;
}
select:disabled, select[readonly], textarea:disabled, textarea[readonly], .form-control:disabled, .form-control[readonly] {
  background-color: var(--bs-input-bg-disabled);
  color: var(--bs-muted-color);
  cursor: not-allowed;
}
select::placeholder, textarea::placeholder, .form-control::placeholder {
  color: var(--bs-muted-color);
}

input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week] {
  height: 2.1rem;
  background-color: var(--bs-input-bg);
  border: 1px solid var(--bs-input-border-color);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
  font: var(--p);
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus {
  border-color: var(--bs-input-focus-border-color);
  box-shadow: var(--bs-input-focus-box-shadow);
  outline: none;
}
input[type=text]:disabled, input[type=text][readonly], input[type=email]:disabled, input[type=email][readonly], input[type=password]:disabled, input[type=password][readonly], input[type=number]:disabled, input[type=number][readonly], input[type=tel]:disabled, input[type=tel][readonly], input[type=url]:disabled, input[type=url][readonly], input[type=search]:disabled, input[type=search][readonly], input[type=date]:disabled, input[type=date][readonly], input[type=time]:disabled, input[type=time][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][readonly], input[type=month]:disabled, input[type=month][readonly], input[type=week]:disabled, input[type=week][readonly] {
  background-color: var(--bs-input-bg-disabled);
  color: var(--bs-muted-color);
  cursor: not-allowed;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=search]::placeholder, input[type=date]::placeholder, input[type=time]::placeholder, input[type=datetime-local]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder {
  color: var(--bs-muted-color);
}
input[type=range] {
  height: 0.5rem;
  background: var(--bs-muted);
  border-radius: 50%;
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: var(--bs-dark);
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: var(--bs-dark);
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
input[type=range]:checked {
  border-color: var(--bs-primary);
}
input[type=range]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--bs-primary);
  border-radius: 50%;
}
input[type=color] {
  width: 3rem;
  height: 2.5rem;
  padding: 0.25rem;
  border-radius: var(--bs-border-radius);
}
input[type=radio], input[type=checkbox] {
  background-color: var(--bs-input-bg);
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem 0 0 !important;
  padding: 0.25rem 0.5rem !important;
  vertical-align: middle;
  appearance: none;
  border: 1.5px solid var(--bs-input-border-color);
  transition: all 0.2s ease;
}
input[type=radio]:focus, input[type=checkbox]:focus {
  box-shadow: var(--bs-input-focus-box-shadow);
}
input[type=radio]:checked, input[type=checkbox]:checked {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  background-position: center;
  background-repeat: no-repeat;
}
input[type=radio].error, input[type=radio].required, input[type=radio].require, input[type=radio][required], input[type=checkbox].error, input[type=checkbox].required, input[type=checkbox].require, input[type=checkbox][required] {
  border-color: var(--bs-danger);
}
input[type=radio].error:checked, input[type=radio].required:checked, input[type=radio].require:checked, input[type=radio][required]:checked, input[type=checkbox].error:checked, input[type=checkbox].required:checked, input[type=checkbox].require:checked, input[type=checkbox][required]:checked {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}
input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-size: 0.5rem;
}
input[type=checkbox] {
  border-radius: 0.25rem;
}
input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-size: 0.75rem;
}
input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).error, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).required, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).require, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week])[required] {
  padding-right: calc(1.5em + 1.1rem);
  background-position: right calc(0.375em + 0.275rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.65em + 0.35rem) calc(0.65em + 0.35rem);
  border-color: var(--bs-success);
  background-image: url(../images/check-mark.svg);
}
input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).error:placeholder-shown, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).error:not([value]), input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).required:placeholder-shown, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).required:not([value]), input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).require:placeholder-shown, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week]).require:not([value]), input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week])[required]:placeholder-shown, input:not([type=color]):not([type=range]):not([type=radio]):not([type=checkbox]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=month]):not([type=week])[required]:not([value]) {
  border-color: var(--bs-danger);
  background-image: url(../images/error_icon.svg);
}
input[type=date].error, input[type=date].required, input[type=date].require, input[type=date][required], input[type=time].error, input[type=time].required, input[type=time].require, input[type=time][required], input[type=datetime-local].error, input[type=datetime-local].required, input[type=datetime-local].require, input[type=datetime-local][required], input[type=month].error, input[type=month].required, input[type=month].require, input[type=month][required], input[type=week].error, input[type=week].required, input[type=week].require, input[type=week][required] {
  padding-right: calc(1.5em + 1.1rem);
  background-position: right calc(0.375em + 0.275rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.65em + 0.35rem) calc(0.65em + 0.35rem);
}
input[type=date].error:valid, input[type=date].required:valid, input[type=date].require:valid, input[type=date][required]:valid, input[type=time].error:valid, input[type=time].required:valid, input[type=time].require:valid, input[type=time][required]:valid, input[type=datetime-local].error:valid, input[type=datetime-local].required:valid, input[type=datetime-local].require:valid, input[type=datetime-local][required]:valid, input[type=month].error:valid, input[type=month].required:valid, input[type=month].require:valid, input[type=month][required]:valid, input[type=week].error:valid, input[type=week].required:valid, input[type=week].require:valid, input[type=week][required]:valid {
  border-color: var(--bs-success);
  background-image: url(../images/check-mark.svg);
}
input[type=date].error:invalid, input[type=date].required:invalid, input[type=date].require:invalid, input[type=date][required]:invalid, input[type=time].error:invalid, input[type=time].required:invalid, input[type=time].require:invalid, input[type=time][required]:invalid, input[type=datetime-local].error:invalid, input[type=datetime-local].required:invalid, input[type=datetime-local].require:invalid, input[type=datetime-local][required]:invalid, input[type=month].error:invalid, input[type=month].required:invalid, input[type=month].require:invalid, input[type=month][required]:invalid, input[type=week].error:invalid, input[type=week].required:invalid, input[type=week].require:invalid, input[type=week][required]:invalid {
  border-color: var(--bs-danger);
  background-image: url(../images/error_icon.svg);
}
input[type=date].error:not([required]), input[type=date].required:not([required]), input[type=date].require:not([required]), input[type=time].error:not([required]), input[type=time].required:not([required]), input[type=time].require:not([required]), input[type=datetime-local].error:not([required]), input[type=datetime-local].required:not([required]), input[type=datetime-local].require:not([required]), input[type=month].error:not([required]), input[type=month].required:not([required]), input[type=month].require:not([required]), input[type=week].error:not([required]), input[type=week].required:not([required]), input[type=week].require:not([required]) {
  padding-right: calc(1.5em + 1.1rem);
  background-position: right calc(0.375em + 0.275rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.65em + 0.35rem) calc(0.65em + 0.35rem);
  border-color: var(--bs-danger);
  background-image: url(../images/error_icon.svg);
}
input[type=date].error:not([required]):focus, input[type=date].error:not([required]):user-valid, input[type=date].required:not([required]):focus, input[type=date].required:not([required]):user-valid, input[type=date].require:not([required]):focus, input[type=date].require:not([required]):user-valid, input[type=time].error:not([required]):focus, input[type=time].error:not([required]):user-valid, input[type=time].required:not([required]):focus, input[type=time].required:not([required]):user-valid, input[type=time].require:not([required]):focus, input[type=time].require:not([required]):user-valid, input[type=datetime-local].error:not([required]):focus, input[type=datetime-local].error:not([required]):user-valid, input[type=datetime-local].required:not([required]):focus, input[type=datetime-local].required:not([required]):user-valid, input[type=datetime-local].require:not([required]):focus, input[type=datetime-local].require:not([required]):user-valid, input[type=month].error:not([required]):focus, input[type=month].error:not([required]):user-valid, input[type=month].required:not([required]):focus, input[type=month].required:not([required]):user-valid, input[type=month].require:not([required]):focus, input[type=month].require:not([required]):user-valid, input[type=week].error:not([required]):focus, input[type=week].error:not([required]):user-valid, input[type=week].required:not([required]):focus, input[type=week].required:not([required]):user-valid, input[type=week].require:not([required]):focus, input[type=week].require:not([required]):user-valid {
  border-color: var(--bs-success);
  background-image: url(../images/check-mark.svg);
}

select {
  appearance: none;
  height: 2.1rem;
}
select.required, select.require, select.error, select[required] {
  background-position: right 1rem center, center right 3rem;
  padding-right: calc(1.5em + 1.1rem);
  background-repeat: no-repeat;
  background-size: calc(0.65em + 0.35rem) calc(0.65em + 0.35rem);
}
select.required:has(option:first-child:checked), select.require:has(option:first-child:checked), select.error:has(option:first-child:checked), select[required]:has(option:first-child:checked) {
  border-color: var(--bs-danger);
  background-image: url(../images/error_icon.svg);
}
select.required:not(:has(option:first-child:checked)), select.require:not(:has(option:first-child:checked)), select.error:not(:has(option:first-child:checked)), select[required]:not(:has(option:first-child:checked)) {
  border-color: var(--bs-success);
  background-image: url(../images/check-mark.svg);
}
select:NOT(.required):NOT(.require):NOT(.error):NOT([required]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.1rem;
}

textarea {
  min-height: 6rem;
  resize: vertical;
  width: 100%;
}
textarea.required, textarea.require, textarea.error, textarea[required] {
  padding-right: calc(1.5em + 1.1rem);
  background-repeat: no-repeat;
  background-size: calc(0.65em + 0.35rem) calc(0.65em + 0.35rem);
  background-position: top calc(0.375em + 0.275rem) right calc(0.375em + 0.275rem);
  border-color: var(--bs-success);
  background-image: url(../images/check-mark.svg);
}
textarea.required:placeholder-shown, textarea.require:placeholder-shown, textarea.error:placeholder-shown, textarea[required]:placeholder-shown {
  border-color: var(--bs-danger);
  background-image: url(../images/error_icon.svg);
}

label {
  font-weight: 500;
  color: var(--bs-body-color);
  margin-bottom: 0.25rem !important;
  display: inline-block;
}

.drag-n-drop {
  position: relative;
  transition: border-color 400ms ease;
  padding: 0.75rem;
  border-radius: var(--bs-border-radius);
  border: 0.5px solid transparent;
}
.drag-n-drop input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.drag-n-drop h6, .drag-n-drop p, .drag-n-drop i, .drag-n-drop small {
  z-index: 9;
}
.drag-n-drop i {
  margin-bottom: 0.25rem;
  transition: transform 350ms ease;
}
.drag-n-drop h6 {
  margin-bottom: 0;
}
.drag-n-drop p {
  color: var(--bs-muted);
  font: var(--h6);
}
.drag-n-drop:hover {
  border-color: var(--bs-success-subtle);
}
.drag-n-drop:hover i {
  color: var(--bs-success);
  transform: translate(0%, -15%);
}

.is-valid {
  border-color: var(--bs-success) !important;
}
.is-valid:focus {
  border-color: var(--bs-success) !important;
  box-shadow: 0 0 0 0.25rem rgba(134, 176, 29, 0.25) !important;
}

.is-invalid {
  border-color: var(--bs-danger) !important;
}
.is-invalid:focus {
  border-color: var(--bs-danger) !important;
  box-shadow: 0 0 0 0.25rem rgba(180, 35, 24, 0.25) !important;
}

.float-inp {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

.input-group {
  display: flex;
  align-items: stretch;
}
.input-group input, .input-group select, .input-group textarea {
  border-radius: 0;
}
.input-group input:first-child, .input-group select:first-child, .input-group textarea:first-child {
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-left-radius: var(--bs-border-radius);
}
.input-group input:last-child, .input-group select:last-child, .input-group textarea:last-child {
  border-top-right-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}
.input-group .input-group-text {
  background-color: var(--bs-muted);
  border: 1px solid var(--bs-input-border-color);
  padding: 0.5rem 0.75rem;
  font-size: calc(0.875rem * var(--font-size-scaling, 1));
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
}

table.table,
table {
  color: var(--bs-table-color);
  width: 100%;
  border-collapse: collapse;
  font-size: calc(11px * var(--font-size-scaling)) !important;
  margin-bottom: 0 !important;
}
table.table:not([class*=table-primary]):not([class*=table-secondary]):not([class*=table-success]):not([class*=table-danger]):not([class*=table-warning]):not([class*=table-info]):not([class*=table-light]):not([class*=table-dark]):not(.table-striped),
table:not([class*=table-primary]):not([class*=table-secondary]):not([class*=table-success]):not([class*=table-danger]):not([class*=table-warning]):not([class*=table-info]):not([class*=table-light]):not([class*=table-dark]):not(.table-striped) {
  background-color: var(--bs-card-bg);
}
table.table th, table.table td,
table th,
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.45rem 0.25rem;
  max-width: calc(14rem * var(--font-size-scaling));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.table th a, table.table th strong, table.table th small, table.table th em, table.table th b, table.table td a, table.table td strong, table.table td small, table.table td em, table.table td b,
table th a,
table th strong,
table th small,
table th em,
table th b,
table td a,
table td strong,
table td small,
table td em,
table td b {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.table th a, table.table td a,
table th a,
table td a {
  text-decoration: underline;
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > *,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > * {
  box-shadow: none !important;
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th,
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td,
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th, table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td {
  box-shadow: none !important;
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th:not([class*=bg-]),
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th:not([class*=bg-]),
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th:not([class*=bg-]),
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th:not([class*=bg-]) {
  background-color: var(--bs-light) !important;
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th,
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > th,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) th {
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color) !important;
  font-weight: 600;
  letter-spacing: 0.025rem;
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0.75rem 0.25rem;
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td,
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td,
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td {
  background-color: var(--bs-card-bg);
}
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td:not(.text-danger):not(.text-success),
table.table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td:not(.text-danger):not(.text-success),
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) > :not(caption) > * > td:not(.text-danger):not(.text-success),
table:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark):not(.table-striped) td:not(.text-danger):not(.text-success) {
  color: var(--bs-table-color) !important;
}
table.table.table-striped:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark) > :not(caption) > thead > * > th:not([class*=bg-]),
table.table.table-striped:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark) thead th:not([class*=bg-]),
table.table-striped:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark) > :not(caption) > thead > * > th:not([class*=bg-]),
table.table-striped:not(.table-primary):not(.table-secondary):not(.table-success):not(.table-danger):not(.table-warning):not(.table-info):not(.table-light):not(.table-dark) thead th:not([class*=bg-]) {
  box-shadow: none !important;
  background-color: var(--bs-light) !important;
}
table.table.table-striped thead th,
table.table-striped thead th {
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color) !important;
  font-weight: 600;
  letter-spacing: 0.025rem;
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0.75rem 0.25rem;
}
table.table.table-striped > :not(caption) > * > td:not(.text-danger):not(.text-success),
table.table-striped > :not(caption) > * > td:not(.text-danger):not(.text-success) {
  color: var(--bs-table-color) !important;
}
table.table th,
table th {
  border-bottom: 2px solid var(--bs-border-color);
  color: var(--bs-body-color) !important;
  font-weight: 600;
  letter-spacing: 0.025rem;
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0.75rem 0.25rem;
}
table.table > :not(caption) > * > td:not(.text-danger):not(.text-success),
table > :not(caption) > * > td:not(.text-danger):not(.text-success) {
  color: var(--bs-table-color) !important;
}
table.table thead th,
table thead th {
  position: sticky;
  top: 0;
  z-index: 20;
}
table.table > :not(caption) > * > tr.row-secondary > td,
table.table > :not(caption) > * > tr.row-secondary > th,
table > :not(caption) > * > tr.row-secondary > td,
table > :not(caption) > * > tr.row-secondary > th {
  background-color: var(--bs-secondary-subtle) !important;
  box-shadow: none !important;
}
table.table > tbody > tr.row-secondary > td,
table.table > tbody > tr.row-secondary > th,
table.table > thead > tr.row-secondary > td,
table.table > thead > tr.row-secondary > th,
table.table > tfoot > tr.row-secondary > td,
table.table > tfoot > tr.row-secondary > th,
table > tbody > tr.row-secondary > td,
table > tbody > tr.row-secondary > th,
table > thead > tr.row-secondary > td,
table > thead > tr.row-secondary > th,
table > tfoot > tr.row-secondary > td,
table > tfoot > tr.row-secondary > th {
  background-color: var(--bs-secondary-subtle) !important;
  box-shadow: none !important;
}
table.table > :not(caption) > * > tr.row-secondary:hover > td,
table.table > :not(caption) > * > tr.row-secondary:hover > th,
table > :not(caption) > * > tr.row-secondary:hover > td,
table > :not(caption) > * > tr.row-secondary:hover > th {
  background-color: var(--bs-secondary-subtle) !important;
  box-shadow: none !important;
}
table.table > tbody > tr.row-secondary:hover > td,
table.table > tbody > tr.row-secondary:hover > th,
table.table > thead > tr.row-secondary:hover > td,
table.table > thead > tr.row-secondary:hover > th,
table.table > tfoot > tr.row-secondary:hover > td,
table.table > tfoot > tr.row-secondary:hover > th,
table > tbody > tr.row-secondary:hover > td,
table > tbody > tr.row-secondary:hover > th,
table > thead > tr.row-secondary:hover > td,
table > thead > tr.row-secondary:hover > th,
table > tfoot > tr.row-secondary:hover > td,
table > tfoot > tr.row-secondary:hover > th {
  background-color: var(--bs-secondary-subtle) !important;
  box-shadow: none !important;
}
table.table tbody tr:not([class*=row-]):not([class*=table-]):hover > td,
table tbody tr:not([class*=row-]):not([class*=table-]):hover > td {
  background-color: var(--bs-light-subtle) !important;
  box-shadow: none !important;
}
table.table.calendar,
table.calendar {
  border-width: 1px 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
table.table.calendar tr,
table.calendar tr {
  border-width: 0;
}
table.table.calendar tr.h-1,
table.calendar tr.h-1 {
  height: 1px;
}
table.table.calendar.calendar_labels,
table.calendar.calendar_labels {
  border-width: 1px 0;
  table-layout: fixed;
}
table.table.calendar.calendar_labels th,
table.calendar.calendar_labels th {
  vertical-align: middle;
  border: 0.5px solid var(--bs-border-color);
  padding: 0.35rem 0.75rem;
  font-weight: bold;
  border-bottom: none;
}
table.table.calendar.calendar_labels th a,
table.calendar.calendar_labels th a {
  color: var(--default-text-color) !important;
}
table.table.calendar.calendar_body,
table.calendar.calendar_body {
  height: 1px;
  table-layout: fixed;
}
table.table.calendar.calendar_body td,
table.calendar.calendar_body td {
  border: 0.5px solid var(--bs-border-color);
  padding: 0.25rem;
  position: relative;
}
table.table.calendar.calendar_body td.curDay::before,
table.calendar.calendar_body td.curDay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.25;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--dash-primary-c), transparent);
}
table.table.calendar.calendar_body td .list-group,
table.calendar.calendar_body td .list-group {
  width: 95% !important;
}
table.table:not(.calendar).border-override tr,
table:not(.calendar).border-override tr {
  border-bottom: none !important;
}
table.table:not(.calendar)#PR tr:nth-child(2) th, table.table:not(.calendar)#PR tr:nth-child(3) th,
table:not(.calendar)#PR tr:nth-child(2) th,
table:not(.calendar)#PR tr:nth-child(3) th {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0.45rem 0.25rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
}
table.table:not(.calendar)#PR tr:first-child, table.table:not(.calendar)#PR tr:nth-child(2), table.table:not(.calendar)#PR tr:nth-child(3),
table:not(.calendar)#PR tr:first-child,
table:not(.calendar)#PR tr:nth-child(2),
table:not(.calendar)#PR tr:nth-child(3) {
  border-bottom: none;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 0.5px solid var(--bs-border-color);
  border-radius: 0.25rem;
  width: 100% !important;
}

.table-hover tbody tr:hover {
  background-color: var(--bs-light-subtle);
}

.grid-100 {
  grid-template-columns: 100% !important;
}

button, .btn .KEYbtn, input[type=button], input[type=submit], input[type=reset] {
  display: inline-block;
  font: var(--p) !important;
  letter-spacing: 0.05rem;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out !important;
  overflow: hidden;
  position: relative;
  border: 0.25px solid transparent;
  box-sizing: border-box;
  box-shadow: var(--bs-box-shadow);
  text-transform: capitalize;
  border-radius: var(--bs-border-radius);
  font-family: var(--bs-font-sans-serif);
  padding: 0.15rem 0.25rem;
  width: max-content;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease;
}
button.icon, .btn .KEYbtn.icon, input[type=button].icon, input[type=submit].icon, input[type=reset].icon {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font: var(--h5) !important;
}
button.icon:not(.text-success):not(.text-danger):not(.text-secondary):not(.text-warning):not(.text-muted):not(.text-primary):not(.text-dark):not(.text-info):not(.text-white), .btn .KEYbtn.icon:not(.text-success):not(.text-danger):not(.text-secondary):not(.text-warning):not(.text-muted):not(.text-primary):not(.text-dark):not(.text-info):not(.text-white), input[type=button].icon:not(.text-success):not(.text-danger):not(.text-secondary):not(.text-warning):not(.text-muted):not(.text-primary):not(.text-dark):not(.text-info):not(.text-white), input[type=submit].icon:not(.text-success):not(.text-danger):not(.text-secondary):not(.text-warning):not(.text-muted):not(.text-primary):not(.text-dark):not(.text-info):not(.text-white), input[type=reset].icon:not(.text-success):not(.text-danger):not(.text-secondary):not(.text-warning):not(.text-muted):not(.text-primary):not(.text-dark):not(.text-info):not(.text-white) {
  color: var(--bs-body-color);
}
button.icon.active, .btn .KEYbtn.icon.active, input[type=button].icon.active, input[type=submit].icon.active, input[type=reset].icon.active {
  color: var(--bs-primary) !important;
  background-color: var(--bs-primary-subtle) !important;
  border-color: var(--bs-primary) !important;
}
button:focus, .btn .KEYbtn:focus, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus {
  outline: none;
  box-shadow: var(--bs-input-focus-box-shadow);
}
button:hover:not(:disabled), .btn .KEYbtn:hover:not(:disabled), input[type=button]:hover:not(:disabled), input[type=submit]:hover:not(:disabled), input[type=reset]:hover:not(:disabled) {
  opacity: 0.9;
}
button.disabled, .btn .KEYbtn.disabled, input[type=button].disabled, input[type=submit].disabled, input[type=reset].disabled {
  background: var(--bs-muted);
  color: var(--bs-muted-color);
  cursor: not-allowed;
}
button.primary, .btn .KEYbtn.primary, input[type=button].primary, input[type=submit].primary, input[type=reset].primary {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-accent-color);
}
button.primary:hover, .btn .KEYbtn.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover, input[type=reset].primary:hover {
  background: rgba(var(--bs-primary-rgb), 0.15);
}
button.primary i, .btn .KEYbtn.primary i, input[type=button].primary i, input[type=submit].primary i, input[type=reset].primary i {
  color: var(--bs-accent-color);
}
button.secondary, .btn .KEYbtn.secondary, input[type=button].secondary, input[type=submit].secondary, input[type=reset].secondary {
  background: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-accent-color);
}
button.secondary:hover, .btn .KEYbtn.secondary:hover, input[type=button].secondary:hover, input[type=submit].secondary:hover, input[type=reset].secondary:hover {
  background: rgba(var(--bs-secondary-rgb), 0.15);
}
button.success, .btn .KEYbtn.success, input[type=button].success, input[type=submit].success, input[type=reset].success {
  background: var(--bs-success);
  border-color: var(--bs-success);
  color: var(--bs-accent-color);
}
button.success:hover, .btn .KEYbtn.success:hover, input[type=button].success:hover, input[type=submit].success:hover, input[type=reset].success:hover {
  background: rgba(var(--bs-success-rgb), 0.15);
}
button.danger, .btn .KEYbtn.danger, input[type=button].danger, input[type=submit].danger, input[type=reset].danger {
  background: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-accent-color);
}
button.danger:hover, .btn .KEYbtn.danger:hover, input[type=button].danger:hover, input[type=submit].danger:hover, input[type=reset].danger:hover {
  background: rgba(var(--bs-danger-rgb), 0.15);
}
button.warning, .btn .KEYbtn.warning, input[type=button].warning, input[type=submit].warning, input[type=reset].warning {
  background: var(--bs-warning);
  border-color: var(--bs-warning);
  color: var(--bs-dark);
}
button.warning:hover, .btn .KEYbtn.warning:hover, input[type=button].warning:hover, input[type=submit].warning:hover, input[type=reset].warning:hover {
  background: rgba(var(--bs-warning-rgb), 0.15);
}
button.info, .btn .KEYbtn.info, input[type=button].info, input[type=submit].info, input[type=reset].info {
  background: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-dark);
}
button.info:hover, .btn .KEYbtn.info:hover, input[type=button].info:hover, input[type=submit].info:hover, input[type=reset].info:hover {
  background: rgba(var(--bs-info-rgb), 0.15);
}
button.light, .btn .KEYbtn.light, input[type=button].light, input[type=submit].light, input[type=reset].light {
  background: var(--bs-light);
  border-color: var(--bs-light);
  color: var(--bs-dark);
}
button.light:hover, .btn .KEYbtn.light:hover, input[type=button].light:hover, input[type=submit].light:hover, input[type=reset].light:hover {
  background: rgba(var(--bs-light-rgb), 0.15);
}
button.dark, .btn .KEYbtn.dark, input[type=button].dark, input[type=submit].dark, input[type=reset].dark {
  background: var(--bs-dark);
  border-color: var(--bs-dark);
  color: var(--bs-light);
}
button.dark:hover, .btn .KEYbtn.dark:hover, input[type=button].dark:hover, input[type=submit].dark:hover, input[type=reset].dark:hover {
  background: rgba(var(--bs-dark-rgb), 0.15);
}
button.outline, .btn .KEYbtn.outline, input[type=button].outline, input[type=submit].outline, input[type=reset].outline {
  background: transparent;
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
button.outline:hover, .btn .KEYbtn.outline:hover, input[type=button].outline:hover, input[type=submit].outline:hover, input[type=reset].outline:hover {
  background: var(--bs-primary);
  color: var(--bs-accent-color);
}
button.narrow-v, .btn .KEYbtn.narrow-v, input[type=button].narrow-v, input[type=submit].narrow-v, input[type=reset].narrow-v {
  padding: 0.15rem 1rem !important;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
}

.btn-lg {
  padding: 0.75rem 1.5rem;
}

.btn-icon {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  font-size: 1rem;
}
.btn-icon:hover {
  opacity: 0.75;
}

i.KEYbtn.keypad-event {
  padding: 0.25rem !important;
}

.to-top-container {
  pointer-events: none;
  position: absolute;
  right: 2rem;
  top: min(100% - 7em, 100dvh);
  bottom: 4em;
  z-index: 999;
}
@-moz-document url-prefix() {
  .to-top-container {
    top: min(100% - 7em, 100vh);
  }
}
.to-top-container .to-top-widget {
  align-items: center;
  border-width: 4px !important;
  border-style: solid !important;
  box-shadow: 0 -2px 5px 0 hsla(220, 3%, 15%, 0.07), 0 1px 1px -2px hsla(220, 3%, 15%, 0.08), 0 2px 2px -2px hsla(220, 3%, 15%, 0.08), 0 5px 5px -2px hsla(220, 3%, 15%, 0.09), 0 9px 9px -2px hsla(220, 3%, 15%, 0.1), 0 16px 16px -2px hsla(220, 3%, 15%, 0.11);
  border-radius: 0.4375rem;
  background-color: var(--bs-primary);
  color: var(--bs-sidebar-bg);
  cursor: pointer;
  display: flex;
  justify-content: center;
  pointer-events: visible;
  position: fixed;
  right: 1rem;
  text-decoration: none;
  bottom: 1rem;
  width: calc(4em * var(--font-size-scaling));
  z-index: 99999;
  transform-origin: center;
  transition-property: transform , color , background-color;
  transition-duration: 250ms;
  transition-timing-function: ease-in;
}
.to-top-container .to-top-widget:after {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: calc(0.75em * var(--font-size-scaling));
  left: calc(50% - 0.375em);
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.175em);
  transform-origin: center center;
  transform: rotate(-45deg);
  width: calc(0.75em * var(--font-size-scaling));
}
.to-top-container .to-top-widget:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: var(--bs-primary);
  color: #fff;
  border-color: var(--bs-primary);
}
.to-top-container .to-top-widget:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
@media screen and (max-width: 480px) {
  .to-top-container {
    top: min(100% - 2em, 100dvh);
    right: 1.5rem;
  }
  @-moz-document url-prefix() {
    .to-top-container {
      top: min(100% - 2em, 100vh);
    }
  }
}

.quick-link-icon {
  border-width: 0.5px !important;
  border-style: solid !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  display: flex;
  height: 7rem;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.header-btn-icon {
  border-radius: 0.875rem !important;
  box-shadow: none !important;
  background: var(--bs-primary);
  color: var(--bs-body-bg);
  overflow: visible !important;
  z-index: 99;
}
.header-btn-icon:not(.header-btn-icon.text-btn) {
  font-size: calc(1.1rem * var(--font-size-scaling)) !important;
}
.header-btn-icon:hover {
  background-color: var(--bs-accent);
  color: var(--bs-body-bg);
}
.header-btn-icon.text-btn {
  height: 1.25rem !important;
  width: max-content !important;
  padding: 0 0.5rem !important;
  border: 0.5px solid var(--bs-border-color) !important;
}
.header-btn-icon .notification-alert {
  z-index: 100;
  position: absolute;
  top: -25%;
  left: 50%;
  font: var(--small);
  padding: 0.075rem 0.2rem;
}

ebutton {
  position: absolute;
  right: 0.5rem;
  top: 5rem;
  z-index: 1;
}

i {
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  vertical-align: middle;
}

.rotate-action i {
  position: relative;
  transition-property: rotate;
  transition-duration: 175ms;
  transition-timing-function: ease-in;
}
.rotate-action:hover i, .rotate-action:focus i {
  rotate: 350deg;
  scale: 1.15;
}

.modern-notification {
  background-color: var(--bs-card-bg) !important;
  border-radius: var(--bs-border-radius-xl, 12px);
  box-shadow: var(--bs-box-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.3));
  padding: calc(var(--margin-md, 1rem) * 1.25) calc(var(--margin-md, 1rem) * 1.5);
  width: 420px;
  max-width: 420px;
  color: var(--bs-card-color) !important;
  gap: calc(var(--margin-sm, 0.75rem) * 1.6);
  animation: slideInRight 0.3s ease-out;
  pointer-events: auto;
  z-index: 1000;
  box-sizing: border-box;
}
.modern-notification p, .modern-notification div, .modern-notification span, .modern-notification label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.modern-notification small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.modern-notification em, .modern-notification i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.modern-notification b, .modern-notification strong {
  color: var(--bs-card-color) !important;
}
.modern-notification .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.modern-notification h1, .modern-notification h2, .modern-notification h3, .modern-notification h4, .modern-notification h5, .modern-notification h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
}
.modern-notification a {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.modern-notification a:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.modern-notification-icon {
  width: 24px;
  height: 24px;
  border: 2px solid var(--bs-success);
  margin-top: 2px;
}

.modern-notification-icon i {
  color: var(--bs-success);
  font-size: 14px;
}

.modern-notification-content {
  min-width: 0;
}

.modern-notification-message {
  color: inherit;
  hyphens: auto;
}
.modern-notification-message p, .modern-notification-message div, .modern-notification-message span {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.modern-notification-message small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.modern-notification-message em, .modern-notification-message i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.modern-notification-message b, .modern-notification-message strong {
  color: var(--bs-card-color) !important;
}
.modern-notification-message .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.modern-notification-message h1, .modern-notification-message h2, .modern-notification-message h3, .modern-notification-message h4, .modern-notification-message h5, .modern-notification-message h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.modern-notification-message a {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.modern-notification-message a:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}

.modern-notification-actions {
  pointer-events: auto;
  z-index: 1;
}

.modern-notification-action {
  color: inherit;
  cursor: pointer;
  transition: opacity 0.2s;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

.modern-notification-action:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.modern-notification-action:active {
  opacity: 0.6;
}

a.modern-notification-action {
  pointer-events: auto;
  z-index: 1;
}

.modern-notification-close {
  color: inherit;
  cursor: pointer;
  width: 20px;
  height: 20px;
  opacity: 0.7;
  transition: opacity 0.2s;
  margin-top: 2px;
}

.modern-notification-close:hover {
  opacity: 1;
}

.notification-toast {
  z-index: 999;
  pointer-events: none;
}

.notification-toast .modern-notification {
  pointer-events: auto;
}

.toast-wrapper {
  padding: var(--margin-md, 1rem);
}

.notification-toast .toast:not(.show) {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .modern-notification {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }
}
.mega-dropdown.dropdown-menu {
  background-color: var(--bs-card-bg) !important;
  border-radius: var(--bs-border-radius-xl, 12px) !important;
  box-shadow: var(--bs-box-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.3)) !important;
  width: 420px;
  max-width: 420px;
  border: none;
  padding: 0;
  color: var(--bs-card-color) !important;
  box-sizing: border-box;
}
.mega-dropdown.dropdown-menu p, .mega-dropdown.dropdown-menu div, .mega-dropdown.dropdown-menu span, .mega-dropdown.dropdown-menu label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.mega-dropdown.dropdown-menu small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.mega-dropdown.dropdown-menu em, .mega-dropdown.dropdown-menu i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.mega-dropdown.dropdown-menu b, .mega-dropdown.dropdown-menu strong {
  color: var(--bs-card-color) !important;
}
.mega-dropdown.dropdown-menu .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.mega-dropdown.dropdown-menu h1, .mega-dropdown.dropdown-menu h2, .mega-dropdown.dropdown-menu h3, .mega-dropdown.dropdown-menu h4, .mega-dropdown.dropdown-menu h5, .mega-dropdown.dropdown-menu h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
}
.mega-dropdown.dropdown-menu a {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.mega-dropdown.dropdown-menu a:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}
.mega-dropdown.dropdown-menu .notification-item {
  background-color: rgba(var(--bs-card-color-rgb), 0.05);
  border-radius: var(--bs-border-radius-lg, 8px);
  padding: calc(var(--margin-sm, 0.75rem) * 1.6);
}
.mega-dropdown.dropdown-menu .notification-item p, .mega-dropdown.dropdown-menu .notification-item div, .mega-dropdown.dropdown-menu .notification-item span, .mega-dropdown.dropdown-menu .notification-item label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.mega-dropdown.dropdown-menu .notification-item small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.mega-dropdown.dropdown-menu .notification-item em, .mega-dropdown.dropdown-menu .notification-item i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.mega-dropdown.dropdown-menu .notification-item b, .mega-dropdown.dropdown-menu .notification-item strong {
  color: var(--bs-card-color) !important;
}
.mega-dropdown.dropdown-menu .notification-item .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.mega-dropdown.dropdown-menu .notification-item .notification-icon-circle {
  width: 24px;
  height: 24px;
  border: 2px solid var(--bs-success);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.mega-dropdown.dropdown-menu .notification-item .notification-icon-circle i {
  color: var(--bs-success);
  font-size: 14px;
}
.mega-dropdown.dropdown-menu .notification-item .notification-link {
  color: var(--bs-primary) !important;
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.2s;
}
.mega-dropdown.dropdown-menu .notification-item .notification-link:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}
.mega-dropdown.dropdown-menu .notification-item h1, .mega-dropdown.dropdown-menu .notification-item h2, .mega-dropdown.dropdown-menu .notification-item h3, .mega-dropdown.dropdown-menu .notification-item h4, .mega-dropdown.dropdown-menu .notification-item h5, .mega-dropdown.dropdown-menu .notification-item h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
}
.mega-dropdown.dropdown-menu .notification-item a:not(.notification-link) {
  color: var(--bs-primary) !important;
  text-decoration: underline;
}
.mega-dropdown.dropdown-menu .notification-item a:not(.notification-link):hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}

.notifications-dropdown {
  min-width: 420px;
  max-width: 420px;
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-card-color) !important;
}
.notifications-dropdown p, .notifications-dropdown div, .notifications-dropdown span, .notifications-dropdown label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.notifications-dropdown small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.notifications-dropdown em, .notifications-dropdown i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.notifications-dropdown b, .notifications-dropdown strong {
  color: var(--bs-card-color) !important;
}
.notifications-dropdown .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.notifications-dropdown h1, .notifications-dropdown h2, .notifications-dropdown h3, .notifications-dropdown h4, .notifications-dropdown h5, .notifications-dropdown h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
}
.notifications-dropdown a {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.notifications-dropdown a:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}
.notifications-dropdown .notification-tab {
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
.notifications-dropdown .notification-tab.active {
  opacity: 1;
}
.notifications-dropdown .notification-tab:hover {
  opacity: 0.8;
}
.notifications-dropdown .notifications-list::-webkit-scrollbar {
  width: 6px;
}
.notifications-dropdown .notifications-list::-webkit-scrollbar-track {
  background: transparent;
}
.notifications-dropdown .notifications-list::-webkit-scrollbar-thumb {
  background: rgba(var(--bs-card-color-rgb), 0.2);
  border-radius: 3px;
}
.notifications-dropdown .notifications-list::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--bs-card-color-rgb), 0.3);
}
.notifications-dropdown .notification-item-modern {
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.notifications-dropdown .notification-item-modern:hover {
  background-color: rgba(var(--bs-card-color-rgb), 0.05);
}
.notifications-dropdown .notification-item-modern:last-child {
  border-bottom: none;
}
.notifications-dropdown .notification-item-modern p, .notifications-dropdown .notification-item-modern div, .notifications-dropdown .notification-item-modern span, .notifications-dropdown .notification-item-modern label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.notifications-dropdown .notification-item-modern small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.notifications-dropdown .notification-item-modern em, .notifications-dropdown .notification-item-modern i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.notifications-dropdown .notification-item-modern b, .notifications-dropdown .notification-item-modern strong {
  color: var(--bs-card-color) !important;
}
.notifications-dropdown .notification-item-modern .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.notifications-dropdown .notification-item-modern h1, .notifications-dropdown .notification-item-modern h2, .notifications-dropdown .notification-item-modern h3, .notifications-dropdown .notification-item-modern h4, .notifications-dropdown .notification-item-modern h5, .notifications-dropdown .notification-item-modern h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.notifications-dropdown .notification-item-modern a:not(.notification-action-btn) {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.notifications-dropdown .notification-item-modern a:not(.notification-action-btn):hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}
.notifications-dropdown .notification-item-modern .notification-unread-dot {
  width: 8px;
  height: 8px;
  background-color: var(--bs-success);
  border-radius: 50%;
}
.notifications-dropdown .notification-item-modern .notification-avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 2px solid rgba(var(--bs-card-color-rgb), 0.1);
}
.notifications-dropdown .notification-item-modern .notification-avatar-badge {
  width: 18px;
  height: 18px;
  border: 2px solid var(--bs-card-bg);
}
.notifications-dropdown .notification-item-modern .notification-title {
  color: var(--bs-card-color);
  font-size: 0.875rem;
  line-height: 1.4;
}
.notifications-dropdown .notification-item-modern .notification-time {
  color: rgba(var(--bs-card-color-rgb), 0.6);
  font-size: 0.75rem;
}
.notifications-dropdown .notification-item-modern .notification-message {
  color: rgba(var(--bs-card-color-rgb), 0.9);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.notifications-dropdown .notification-item-modern .notification-message strong {
  color: var(--bs-card-color);
  font-weight: 600;
}
.notifications-dropdown .notification-item-modern .notification-action-btn {
  border-color: rgba(var(--bs-card-color-rgb), 0.2);
  color: var(--bs-card-color);
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  transition: all 0.2s ease;
}
.notifications-dropdown .notification-item-modern .notification-action-btn:hover {
  background-color: rgba(var(--bs-card-color-rgb), 0.1);
  border-color: rgba(var(--bs-card-color-rgb), 0.3);
  color: var(--bs-card-color);
}

.profile-dropdown {
  min-width: 280px;
  max-width: 320px;
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-card-color) !important;
}
.profile-dropdown p, .profile-dropdown div, .profile-dropdown span, .profile-dropdown label {
  color: rgba(var(--bs-card-color-rgb), 0.95) !important;
}
.profile-dropdown small {
  color: rgba(var(--bs-card-color-rgb), 0.7) !important;
}
.profile-dropdown em, .profile-dropdown i {
  color: rgba(var(--bs-card-color-rgb), 0.85) !important;
}
.profile-dropdown b, .profile-dropdown strong {
  color: var(--bs-card-color) !important;
}
.profile-dropdown .text-muted {
  color: rgba(var(--bs-card-color-rgb), 0.6) !important;
}
.profile-dropdown h1, .profile-dropdown h2, .profile-dropdown h3, .profile-dropdown h4, .profile-dropdown h5, .profile-dropdown h6 {
  color: var(--bs-card-color) !important;
  font-weight: 600;
}
.profile-dropdown a {
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.profile-dropdown a:hover {
  opacity: 0.8;
  color: var(--bs-primary) !important;
}
.profile-dropdown .profile-menu-item {
  color: var(--bs-card-color);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.profile-dropdown .profile-menu-item:hover {
  background-color: rgba(var(--bs-card-color-rgb), 0.1);
  color: var(--bs-primary);
}
.profile-dropdown .profile-menu-item i {
  width: 20px;
  text-align: center;
}

.grid-stack-item {
  overflow: visible;
  transition: border 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.15s ease-out, opacity 0.2s ease-in-out, z-index 0s;
  will-change: transform, box-shadow, opacity;
}
.grid-stack:not(.grid-static) .grid-stack-item:hover:not(.ui-draggable-dragging):not(.ui-resizable-resizing) {
  border: 0.5px dashed var(--bs-dark) !important;
  box-shadow: 0 0 0 2px rgba(var(--bs-dark-rgb), 0.1);
  cursor: move;
  z-index: 10;
}
.grid-stack:not(.grid-static) .grid-stack-item:focus:not(.ui-draggable-dragging):not(.ui-resizable-resizing) {
  border: 0.5px dashed var(--bs-dark) !important;
  box-shadow: 0 0 0 2px rgba(var(--bs-dark-rgb), 0.1);
  cursor: move;
  z-index: 10;
}
.grid-stack-item.ui-draggable-dragging, .grid-stack-item.ui-resizable-resizing, .grid-stack-item.grid-stack-item-selected {
  border: 0.5px dashed var(--bs-dark) !important;
  box-shadow: 0 0 0 4px rgba(var(--bs-dark-rgb), 0.2), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1.01);
  z-index: 1000;
  outline: none;
  transition: border 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out, transform 0.15s ease-out, opacity 0.15s ease-out;
}
.grid-stack-item.ui-draggable-dragging {
  opacity: 0.9;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(var(--bs-dark-rgb), 0.3);
  transition: opacity 0.1s ease-out, box-shadow 0.15s ease-out, transform 0.1s ease-out;
}
.grid-stack-item.ui-resizable-resizing {
  border-color: var(--bs-success) !important;
  box-shadow: 0 0 0 4px rgba(var(--bs-success-rgb), 0.2), 0 4px 8px rgba(0, 0, 0, 0.15);
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.grid-stack-item-content {
  border-radius: var(--bs-border-radius, 0.375rem);
  overflow: visible !important;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.grid-stack-item .dropdown-menu,
.grid-stack-item .btn-group .dropdown-menu,
.grid-stack-item-content .dropdown-menu,
.grid-stack-item-content .btn-group .dropdown-menu {
  z-index: 10000 !important;
  position: absolute !important;
  overflow: visible !important;
}

.grid-stack {
  overflow: visible !important;
  width: 100%;
  transition: width 0.3s ease-in-out;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .grid-stack {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .grid-stack {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .grid-stack {
    max-width: 100%;
  }
}

.grid-stack > .grid-stack-item {
  overflow: visible !important;
}

.splash-content .grid-stack,
.main-content-wrapper .grid-stack,
.content .grid-stack {
  overflow: visible !important;
}

::-webkit-scrollbar {
  width: 0.7rem;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  outline: 1px solid var(--default-border-color) !important;
  background-color: color-mix(in srgb, var(--bs-primary), rgba(0, 0, 0, 0.5));
}

body {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
  line-height: 1.5;
  letter-spacing: var(--bs-letter-spacing);
  font-weight: 400;
  font-size: 11px;
  width: 100vw;
  min-height: 100dvh !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-display: swap;
}
@-moz-document url-prefix() {
  body {
    min-height: 100vh !important;
  }
}
body.nv-min .main-layout sidebar.fluid, body.nv-min .main-layout .header-brand {
  width: calc(4rem * var(--font-size-scaling));
}
body.nv-min .main-layout .sidebar-wrapper h1, body.nv-min .main-layout .sidebar-wrapper h2, body.nv-min .main-layout .sidebar-wrapper h3, body.nv-min .main-layout .sidebar-wrapper h4, body.nv-min .main-layout .sidebar-wrapper h5, body.nv-min .main-layout .sidebar-wrapper h6, body.nv-min .main-layout .sidebar-wrapper .theme-toggler, body.nv-min .main-layout .sidebar-wrapper .profile-info, body.nv-min .main-layout .sidebar-wrapper .application-settings-toggler, body.nv-min .main-layout .sidebar-wrapper .alert {
  display: none !important;
}
body.nv-min .main-layout .sidebar-wrapper .header-wrapper {
  padding: 1rem !important;
  justify-content: center !important;
  transition-property: padding , justify-content;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
body.nv-min .main-layout .sidebar-wrapper .nav-link {
  padding: 0.49rem !important;
  justify-content: center !important;
  transition-property: padding , opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
body.nv-min .main-layout .sidebar-wrapper .nav-link i {
  width: auto !important;
  min-width: calc(1.25rem * var(--font-size-scaling)) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition-property: width , margin;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
body.nv-min .main-layout .sidebar-wrapper .nav-link span {
  display: none !important;
  white-space: nowrap !important;
  transition-property: opacity , transform;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
body.nv-hidden .main-layout sidebar {
  position: absolute !important;
  z-index: 9999 !important;
}
body .main-layout {
  display: grid;
  grid-template-columns: 0 1fr;
  grid-template-rows: auto 1fr;
  height: 100dvh;
  overflow: hidden;
  transition: grid-template-columns 0.35s ease;
  width: 100%;
  gap: 0 0;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content 1fr;
  position: relative;
}
@supports (-webkit-touch-callout: none) {
  body .main-layout {
    overflow: scroll;
  }
}
body .main-layout sidebar {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  grid-column: 1;
  grid-row: 1/span 2;
  height: 100%;
  overflow-y: auto;
  width: calc(15rem * var(--font-size-scaling));
  transition-property: width , opacity;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .main-layout sidebar.fluid {
  z-index: 100;
  display: flex;
  border-left: none;
  border-bottom: none;
}
body .main-layout sidebar.fluid .sidebar-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  transition-property: opacity , transform;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
@media (max-width: 767.98px) {
  body .main-layout sidebar.fluid {
    z-index: 1049;
  }
}
@media (min-width: 767.99px) {
  body .main-layout sidebar.fluid {
    z-index: 1049;
  }
}
body .main-layout header {
  padding: 1rem 1rem 0 1rem;
  width: 100%;
  height: fit-content;
  left: 0;
  z-index: 9999;
  margin-bottom: 4rem;
  background: var(--bs-sidebar-bg);
  color: var(--bs-sidebar-color);
  position: relative;
}
body .main-layout header .nav-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
body .main-layout header .nav-container .content-start {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
body .main-layout header .nav-container .content-start .welcome__bar {
  width: max-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  body .main-layout header .nav-container .content-start .welcome__bar {
    display: none;
  }
}
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1023px) {
  body .main-layout header .nav-container .content-start .welcome__bar {
    display: flex;
  }
}
body .main-layout header .nav-container .content-start .welcome__bar .header__group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.15rem;
  width: max-content;
  height: max-content;
}
body .main-layout header .nav-container .content-start .welcome__bar .header__group img {
  height: 2.25rem;
  aspect-ratio: 1/1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 0.375rem;
}
body .main-layout header .nav-container .content-start .welcome__bar .header__group p {
  text-shadow: none;
  font-size: calc(0.875rem * var(--font-size-scaling));
}
@media screen and (max-width: 480px) {
  body .main-layout header .nav-container .content-start {
    gap: 1rem;
  }
}
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1023px) {
  body .main-layout header .nav-container .content-start {
    gap: 1rem;
  }
}
body .main-layout header .nav-container .content-end {
  align-items: center;
  display: flex;
  gap: 0.3rem;
}
body .main-layout main {
  overflow-y: scroll; /* only this scrolls */
  min-height: 0; /* allow scrolling inside grid */
  min-width: 0;
  min-height: 100dvh;
  height: 100dvh;
  position: relative;
  top: revert;
  bottom: revert;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem 0 1.5rem;
}
body .main-layout main:NOT(.content) {
  width: -webkit-fill-available;
  width: -moz-available;
  width: -o-fill-available;
  width: fill-available;
  overflow: hidden;
  overflow-y: auto;
}
@-moz-document url-prefix() {
  body .main-layout main:NOT(.content) {
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  body .main-layout main:NOT(.content) {
    width: revert;
  }
}
body .main-layout main.content {
  grid-column: 2;
  grid-row: 2;
  overflow-y: auto;
  padding: 0;
  min-width: 0;
  width: 100%;
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  background-color: var(--bs-body-bg) !important;
  z-index: 99;
}
body .main-layout main.content:before {
  background: var(--bs-primary);
  border-radius: 0 0 100% 100%/0 0 4vw 4vw;
  width: 100%;
  height: 33.33dvh;
  position: absolute;
  inset: 0;
  z-index: -1;
}
body .main-layout main .main-content-wrapper {
  padding: 0 1rem 0 1rem;
  flex: 1 1 auto;
  min-height: max-content;
  width: 100%;
}
@media (max-width: 991.98px) {
  body .main-layout main .main-content-wrapper .px-4 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
body .main-layout main .approval-header h2 {
  font: var(--h3) !important;
}
body .main-layout main .splash-content {
  width: 100%;
  padding: 0;
  position: relative;
}
body .main-layout main .splash-content.bf-mx-height:before {
  height: 100% !important;
  border-radius: 0 !important;
}
body footer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid var(--default-border-color);
  padding: 0.9375rem 0rem;
  margin-top: 3rem;
}
body footer .container-fluid {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  body footer .container-fluid {
    align-items: flex-start;
  }
}
body footer a {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
}
body footer a span {
  margin-left: 0.75rem;
}
body footer .float-left a {
  align-items: flex-start;
}
body footer .float-right a {
  align-items: flex-end;
}
body.scroll {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media (min-width: 1200px) {
  body.centered-layout header .header-inner {
    margin: 0 auto;
    max-width: calc(1000px + 2.5rem);
  }
  body.centered-layout .main__window-fluid .content .fluid-container {
    padding-left: calc((100vw - 1000px) / 2 - 13.75rem - 1.25rem);
    padding-right: calc((100vw - 1000px) / 2 - 1.25rem);
  }
  body.box-layout {
    background-attachment: fixed;
    background-color: #888;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 2rem 1rem rgba(55, 60, 67, 0.25);
    margin: 0 auto;
    max-width: 1100px;
    padding-top: 1rem;
    padding-inline-end: 0 !important;
  }
  body.box-layout .main__window-fluid {
    clip-path: inset(0 0 0 0 round 0.75rem);
  }
}
body *:focus {
  outline: none;
}
body .accordion .accordion-item {
  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);
  color: var(--bs-card-color);
}
body .accordion .accordion-button {
  background: var(--bs-card-bg);
  border: none;
  color: var(--bs-card-color);
}
body .accordion .accordion-button:not(.collapsed) {
  background: var(--bs-muted);
  color: var(--bs-body-color);
}
body .accordion .accordion-button:focus {
  box-shadow: var(--bs-input-focus-box-shadow);
}
body .accordion .accordion-body {
  background: var(--bs-card-bg);
  color: var(--bs-card-color);
}
body .progress {
  background: var(--bs-muted);
  border-radius: var(--bs-border-radius);
}
body .progress .progress-bar.bg-primary {
  background: var(--bs-primary) !important;
}
body .progress .progress-bar.bg-secondary {
  background: var(--bs-secondary) !important;
}
body .progress .progress-bar.bg-success {
  background: var(--bs-success) !important;
}
body .progress .progress-bar.bg-danger {
  background: var(--bs-danger) !important;
}
body .progress .progress-bar.bg-warning {
  background: var(--bs-warning) !important;
}
body .progress .progress-bar.bg-info {
  background: var(--bs-info) !important;
}
body .tooltip .tooltip-inner {
  background: var(--bs-dark);
  color: var(--bs-light);
  border-radius: var(--bs-border-radius-sm);
}
body .tooltip .tooltip-arrow::before {
  border-top-color: var(--bs-dark);
}
body .popover {
  background: var(--bs-popover-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-lg);
  color: var(--bs-popover-color);
}
body .popover .popover-header {
  background: var(--bs-muted);
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color);
}
body .popover .popover-body {
  background: var(--bs-popover-bg);
  color: var(--bs-popover-color);
}
body .chart-container .chart-1 {
  color: var(--bs-chart-1);
}
body .chart-container .chart-2 {
  color: var(--bs-chart-2);
}
body .chart-container .chart-3 {
  color: var(--bs-chart-3);
}
body .chart-container .chart-4 {
  color: var(--bs-chart-4);
}
body .chart-container .chart-5 {
  color: var(--bs-chart-5);
}
body .w-fit-content {
  width: fit-content !important;
}
body .w-content {
  width: max-content !important;
}
body .w-calendar {
  width: 350px !important;
  min-width: 300px !important;
  max-width: 400px !important;
}
body .w-weather {
  width: 280px !important;
  min-width: 250px !important;
  max-width: 320px !important;
}
body .w-widget {
  width: 300px !important;
  min-width: 280px !important;
  max-width: 350px !important;
}
@media (max-width: 767.98px) {
  body .w-calendar {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
  }
  body .w-weather {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
  }
  body .w-widget {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  body .w-calendar {
    width: 320px !important;
    min-width: 280px !important;
    max-width: 380px !important;
  }
  body .w-weather {
    width: 260px !important;
    min-width: 230px !important;
    max-width: 300px !important;
  }
}

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;
  word-break: keep-all;
  white-space: normal;
  vertical-align: baseline;
  scroll-behavior: smooth;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

b, mark {
  font-weight: bold;
}

a b {
  color: #ee0a0a !important;
}

i {
  font-style: italic;
}

@supports not (-webkit-touch-callout: none) {
  body {
    /* CSS for other than iOS devices */
    /*&.mac{
        .main__window-fluid{
            overflow:scroll;
        }
    }*/
  }
  body.win .main__window-fluid {
    overflow: visible;
  }
}

maintenance {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  max-width: 75%;
  letter-spacing: 0.075rem !important;
}
maintenance h4 {
  color: rgb(253, 162, 155);
  font-size: calc(1.5rem * var(--font-size-scaling)) !important;
}
maintenance .gears {
  position: relative;
}
maintenance .gears .gear-1 {
  top: 0.475rem;
  left: 0.165rem;
  transform: rotate(19deg);
  font-size: calc(2.5rem * var(--font-size-scaling)) !important;
}
maintenance .gears .gear-2 {
  right: 0.165rem;
  color: rgb(253, 162, 155);
  font-size: calc(3rem * var(--font-size-scaling)) !important;
}
maintenance .gears .gear-3 {
  left: 50%;
  top: -1.15rem;
  transform: scale(1.85) translate(-50%, 12%) rotate(3deg);
  font-size: calc(2.5rem * var(--font-size-scaling)) !important;
}
@media (max-width: 1199px) {
  maintenance .fs-1 {
    font-size: calc((3.375rem + 1.5vw) * var(--font-size-scaling)) !important;
  }
  maintenance .fs-3 {
    font-size: calc((1.75em + 0.075vw) * var(--font-size-scaling)) !important;
  }
}
@media (min-width: 1200px) {
  maintenance .fs-3 {
    font-size: calc(1rem * var(--font-size-scaling)) !important;
  }
}

.maintenance-blob {
  z-index: -1;
  filter: drop-shadow(-4px 9px 21px rgba(13, 13, 13, 0.5019607843));
}
@media (min-width: 320px) and (orientation: landscape) {
  .maintenance-blob {
    transform: translateY(15%);
  }
}
.container.max {
  max-width: 100% !important;
}

.overlay {
  height: 100dvh !important;
  width: 100vw !important;
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99999;
  display: none !important;
  opacity: 0;
  transition: opacity 1000ms ease;
}
@-moz-document url-prefix() {
  .overlay {
    height: 100vh !important;
  }
}
.overlay.show {
  display: revert !important;
  opacity: 1;
}

.disable-screen {
  width: 100vw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 9999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
@-moz-document url-prefix() {
  .disable-screen {
    height: 100vh;
  }
}
.disable-screen.isActive {
  opacity: 1;
}

.load-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999;
  background-color: var(--client-primary);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-out;
}
.load-wrapper.isActive {
  opacity: 1;
}
.load-wrapper span {
  text-transform: uppercase;
  color: var(--contrast-paragraph-color);
  font-size: calc(1.25rem * var(--font-size-scaling));
  animation: load-opacity 3s infinite ease-in-out;
}
.load-wrapper .load-cube-grid {
  width: 60px;
  height: 60px;
}
.load-wrapper .load-cube-grid .load-cube {
  width: 33%;
  height: 33%;
  background-color: var(--contrast-paragraph-color);
  float: left;
  animation: cube-load-Grid 1.3s infinite ease-in-out;
}
.load-wrapper .load-cube-grid .load-cube1 {
  animation-delay: 0.2s;
}
.load-wrapper .load-cube-grid .load-cube2 {
  animation-delay: 0.3s;
}
.load-wrapper .load-cube-grid .load-cube3 {
  animation-delay: 0.4s;
}
.load-wrapper .load-cube-grid .load-cube4 {
  animation-delay: 0.1s;
}
.load-wrapper .load-cube-grid .load-cube5 {
  animation-delay: 0.2s;
}
.load-wrapper .load-cube-grid .load-cube6 {
  animation-delay: 0.3s;
}
.load-wrapper .load-cube-grid .load-cube7 {
  animation-delay: 0s;
}
.load-wrapper .load-cube-grid .load-cube8 {
  animation-delay: 0.1s;
}
.load-wrapper .load-cube-grid .load-cube9 {
  animation-delay: 0.2s;
}
@keyframes load-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes cube-load-Grid {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

.pMessage {
  max-width: 20rem;
}
@media screen and (max-width: 480px) {
  .pMessage {
    max-width: 100%;
  }
}

.pageinfo {
  max-width: 25rem;
}

#KEYalert {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding: calc(1.5rem * var(--font-size-scaling));
  position: absolute;
  z-index: 999999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--main-inner-background);
  border: 0.25px solid var(--default-border-color);
  box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 12px;
  border-radius: 0.75rem;
}
#KEYalert strong {
  color: rgb(217, 45, 32);
  margin-bottom: calc(1rem * var(--font-size-scaling));
}
#KEYalert h3 {
  font-size: calc(1.1rem * var(--font-size-scaling));
  font-weight: 600;
  margin-bottom: calc(0.5rem * var(--font-size-scaling));
}
#KEYalert .year__container {
  width: calc(12rem * var(--font-size-scaling));
}
#KEYalert .year__container span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 480px) {
  #KEYalert .buttons {
    flex-direction: column !important;
  }
  #KEYalert .buttons input {
    margin: 0 !important;
  }
}

#besenroll {
  margin: 0 !important;
  padding: 0 !important;
}

#besback {
  width: 0px !important;
  max-width: 0px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#BES_Header a {
  overflow: inherit;
}

.wsp-n {
  white-space: normal !important;
}

fheader {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
fheader.splash-header {
  height: revert;
}
fheader.splash-header > p {
  color: var(--contrast-paragraph-color);
}
fheader h1 {
  text-transform: uppercase;
  text-align: center;
  margin: calc(2rem * var(--font-size-scaling)) 0 calc(1rem * var(--font-size-scaling)) 0;
  text-decoration: uppercase;
  color: white !important;
}
fheader h1 input[type=button], fheader h1 input[type=submit], fheader h1 input[type=reset] {
  margin-top: calc(1rem * var(--font-size-scaling));
  margin-bottom: calc(1rem * var(--font-size-scaling));
}
@media screen and (max-width: 480px) {
  fheader h1 input[type=button], fheader h1 input[type=submit], fheader h1 input[type=reset] {
    margin-bottom: 0;
  }
}
fheader p {
  font-size: calc(0.75rem * var(--font-size-scaling));
  font-weight: 500;
}
fheader .required {
  position: relative;
}
@media screen and (max-width: 480px) {
  fheader {
    padding: 0;
  }
}

.main__window, .main__window-fluid {
  width: 100%;
  position: relative;
  transform: translateX(0);
  transition-property: all;
  transition-duration: 350ms;
  transition-timing-function: ease;
}
@supports (-webkit-touch-callout: none) {
  .main__window, .main__window-fluid {
    overflow: scroll;
  }
}
.main__window.main__window-fluid, .main__window-fluid.main__window-fluid {
  min-height: 100dvh;
  display: grid;
  gap: 0 0;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content 1fr;
  background-color: var(--dashboard-background) !important;
}
.main__window.main__window, .main__window-fluid.main__window {
  background-color: var(--dashboard-background);
  height: 100dvh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0 1rem 0 1rem;
  min-width: 0;
  max-width: 100vw;
}
@-moz-document url-prefix() {
  .main__window.main__window, .main__window-fluid.main__window {
    height: 100vh;
  }
}
.main__window header, .main__window-fluid header {
  border-radius: 0;
  transition-property: all;
  transition-duration: 250ms;
  transition-timing-function: ease-in;
}
.main__window header.splash, .main__window-fluid header.splash {
  padding: 0 0.5rem 0 0.5rem;
  background-color: transparent;
  position: absolute !important;
  border: none !important;
  top: 0;
}
.main__window header.splash .welcome__bar small, .main__window-fluid header.splash .welcome__bar small {
  color: rgb(255, 251, 250);
  font-weight: 300;
}
.main__window header.general, .main__window-fluid header.general {
  background-color: transparent;
  position: sticky !important;
  margin: 0 0.5rem 0 0.5rem;
  border: 0.5px solid rgb(255, 251, 250);
  border-bottom: 0.5px solid rgb(208, 213, 221);
  top: 0.5rem;
}
.main__window header.general .welcome__bar p, .main__window-fluid header.general .welcome__bar p {
  color: rgb(71, 84, 103);
  font-weight: 500;
}
.main__window header.general .nav-container.blur, .main__window-fluid header.general .nav-container.blur {
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 0.75rem;
  border: 0.5px solid rgb(208, 213, 221);
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  -moz-backdrop-filter: saturate(200%) blur(30px);
  -o-backdrop-filter: saturate(200%) blur(30px);
  -ms-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.main__window header .nav-container ebutton, .main__window-fluid header .nav-container ebutton {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
.main__window header .nav-container ebutton#logoff, .main__window-fluid header .nav-container ebutton#logoff {
  position: relative;
  right: 0;
  left: revert;
  top: revert;
  bottom: revert;
}
@media screen and (max-width: 480px) {
  .main__window header .nav-container ebutton#logoff, .main__window-fluid header .nav-container ebutton#logoff {
    width: 100%;
  }
  .main__window header .nav-container ebutton#logoff img, .main__window-fluid header .nav-container ebutton#logoff img {
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .main__window header .nav-container ebutton, .main__window-fluid header .nav-container ebutton {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .main__window header, .main__window-fluid header {
    margin: 0;
  }
}
.main__window main, .main__window-fluid main {
  margin: 0;
  border: none;
}
.main__window main:NOT(.content), .main__window-fluid main:NOT(.content) {
  margin: 1rem 0;
  border-radius: 0.75rem;
  border: 0.5px solid var(--default-border-color);
  box-shadow: 0 -2px 5px 0 hsla(220, 3%, 15%, 0.07), 0 1px 1px -2px hsla(220, 3%, 15%, 0.08), 0 2px 2px -2px hsla(220, 3%, 15%, 0.08), 0 5px 5px -2px hsla(220, 3%, 15%, 0.09), 0 9px 9px -2px hsla(220, 3%, 15%, 0.1), 0 16px 16px -2px hsla(220, 3%, 15%, 0.11);
}
@media screen and (max-width: 480px) {
  .main__window main:NOT(.content), .main__window-fluid main:NOT(.content) {
    margin: 1rem 0;
  }
}
.main__window main .main-content-header, .main__window-fluid main .main-content-header {
  /*background-color: var(--bs-primary);
  &::before{
      background-color: var(--bs-primary);
      content: "";
      display: block;
      height: 1.09375rem;
      margin-left: 0;
      -webkit-mask-image: radial-gradient(circle at 0 1.09375rem, transparent 0, transparent 1.09375rem, #000 1.09375rem);
      mask-image: radial-gradient(circle 1.09375rem at 0 1.09375rem, transparent 0, transparent 1.09375rem, #000 1.09375rem);
      position: relative;
      top: -0.06125rem;
      transform: translateX(-1.09375rem);
      width: 1.155rem;
      z-index: 10;
  }*/
}
.main__window main .sub-dashboard-wrapper, .main__window-fluid main .sub-dashboard-wrapper {
  display: flex;
  flex-flow: row-reverse;
  position: relative;
  width: 100%;
  top: 0.5rem;
}
.main__window main .sub-dashboard-wrapper article, .main__window-fluid main .sub-dashboard-wrapper article {
  width: -webkit-fill-available;
  width: -o-fill-available;
  width: -moz-available;
  width: fill-available;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 2rem 1rem 0;
}
@-moz-document url-prefix() {
  .main__window main .sub-dashboard-wrapper article, .main__window-fluid main .sub-dashboard-wrapper article {
    width: 100%;
  }
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 480px) {
  form {
    width: 100% !important;
  }
  form#e_Head {
    width: 100%;
  }
}

.splash-header {
  /*border-radius: 0 0 100% 100%/0 0 3vw 3vw;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;*/
}
.splash-header:NOT(.main__window-fluid).dashboard-header {
  height: 17rem;
}
@media screen and (max-width: 480px) {
  .splash-header {
    padding: 0 0.75rem;
  }
}
.splash-margin {
  margin-bottom: 8rem !important;
}

.clientIMAGE {
  max-height: 8rem !important;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.clientIMAGE.fill {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .clientIMAGE:not(.fill) {
    width: 80% !important;
  }
}

.filter-wrapper-toggle {
  display: none !important;
}

.calendar-wrapper .ui-mobile-calendar-wrapper {
  align-items: center !important;
}
.calendar-wrapper .calendar-header .cal-dow {
  text-transform: uppercase;
  color: var(--main-inner-background) !important;
  padding: calc(0.5rem * var(--font-size-scaling)) 0;
  width: calc(8rem * var(--font-size-scaling)) !important;
  min-width: calc(8rem * var(--font-size-scaling)) !important;
  max-width: calc(8rem * var(--font-size-scaling)) !important;
  text-align: center;
  display: block;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.calendar-wrapper .calendar-header .cal-dow.screen-adjust {
  width: calc((100% - 3rem) / 7 * var(--font-size-scaling)) !important;
  min-width: calc((100% - 3rem) / 7 * var(--font-size-scaling)) !important;
  max-width: calc((100% - 3rem) / 7 * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body {
  flex-wrap: nowrap;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper {
  width: calc(8rem * var(--font-size-scaling)) !important;
  min-width: calc(8rem * var(--font-size-scaling)) !important;
  max-width: calc(8rem * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper.screen-adjust {
  width: calc((100% - 5rem) / 7 * var(--font-size-scaling)) !important;
  min-width: calc((100% - 5rem) / 7 * var(--font-size-scaling)) !important;
  max-width: calc((100% - 5rem) / 7 * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper.screen-adjust .fs-6 {
  font-size: calc(100% * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell {
  padding: 0;
  width: 100% !important;
  height: calc(8rem * var(--font-size-scaling)) !important;
  position: relative;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell.screen-adjust {
  height: revert !important;
  aspect-ratio: 1/1;
  /*
  width:calc(((100% - 5rem)/7) * var(--font-size-scaling)) !important;
  min-width:calc(((100% - 5rem)/7) * var(--font-size-scaling)) !important;
  max-width:calc(((100% - 5rem)/7) * var(--font-size-scaling)) !important;
  */
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell.screen-adjust .fs-6 {
  font-size: calc(100% * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell ul li {
  list-style: none;
}
@media screen and (max-width: 991px) {
  .calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell {
    max-width: 100% !important;
    height: revert !important;
    min-height: 7rem !important;
    margin-top: 0 !important;
    box-shadow: none;
    border-collapse: separate;
    border-spacing: 0 calc(0.75rem * var(--font-size-scaling));
  }
}
@media screen and (max-width: 480px) {
  .calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell {
    width: 100% !important;
  }
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content {
  width: 100%;
  height: 100%;
  position: relative;
  padding: calc(0.5rem * var(--font-size-scaling));
  margin: 0 !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content.cal-month-date {
  width: revert !important;
  height: revert !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content .currDAY {
  border: 1px solid var(--dash-secondary) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content .calendar-cell-body {
  overflow: hidden;
  overflow-y: auto;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content .calandar-cell-actions a {
  font-size: calc(0.65rem * var(--font-size-scaling)) !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell .content .arDate:hover {
  cursor: pointer;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell-footer {
  width: 100% !important;
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell-footer .cal-dow {
  width: 100% !important;
  text-transform: uppercase;
  color: var(--main-inner-background) !important;
  padding: calc(0.5rem * var(--font-size-scaling)) 0;
  text-align: center;
  display: block;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.calendar-wrapper .calendar-body .ui-calendar-cell-wrapper .ui-mobile-calendar-cell-footer .cal-dow.screen-adjust {
  /*
  width:calc(((100% - 3rem)/7) * var(--font-size-scaling)) !important;
  min-width:calc(((100% - 3rem)/7) * var(--font-size-scaling)) !important;
  max-width:calc(((100% - 3rem)/7) * var(--font-size-scaling)) !important;
  */
}
@media screen and (max-width: 991px) {
  .calendar-wrapper .calendar-body .ui-calendar-cell-wrapper {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 991px) {
  .calendar-wrapper .calendar-body {
    justify-content: center;
    flex-wrap: wrap;
  }
  .calendar-wrapper .calendar-body .calandar-cell-actions {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(8rem * var(--font-size-scaling));
    padding-right: 0.25rem !important;
  }
  .calendar-wrapper .calendar-body.mobile-spacer {
    margin-top: calc(3rem * var(--font-size-scaling));
    border-top: 1px solid var(--dash-secondary);
    padding-top: calc(2rem * var(--font-size-scaling)) !important;
  }
}
@media screen and (max-width: 299px) {
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    position: relative;
    border: 1px solid rgba(143, 155, 171, 0.5) !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell .calEventTXT, .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell .calEventTXT__ctr {
    position: relative !important;
    top: revert !important;
    right: revert !important;
    bottom: revert !important;
    left: revert !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell .calEventTXT__ctr {
    transform: none !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell .calEventTXT {
    white-space: nowrap !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.minimize {
    height: calc(4.5rem * var(--font-size-scaling));
    background-color: rgb(234, 236, 240) !important;
    padding: calc(0.75rem * var(--font-size-scaling)) calc(1rem * var(--font-size-scaling));
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.minimize .cal-month-date {
    flex-flow: row !important;
    gap: calc(0.5rem * var(--font-size-scaling));
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.minimize .cal-month-date .month, .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.minimize .cal-month-date .day {
    font-size: calc(2.25rem * var(--font-size-scaling));
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.minimize .ui-mobile-leave-label {
    font-size: calc(0.75rem * var(--font-size-scaling));
    color: rgb(152, 162, 179);
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize {
    background-color: rgb(143, 155, 171) !important;
    border: 1px solid var(--bs-primary) !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .ui-mobile-leave-label, .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .ui-mobile-calendar-label {
    color: rgb(252, 252, 253) !important;
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .cal-month-date .month, .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .cal-month-date .day {
    color: rgb(48, 52, 58);
  }
  .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .ui-leave-date-container {
    width: -webkit-fill-available;
    width: -moz-available;
    width: -o-fill-available;
    width: fill-available;
  }
  @-moz-document url-prefix() {
    .calendar-wrapper .ui-mobile-calendar-wrapper .ui-mobile-calendar-cell.maximize .ui-leave-date-container {
      width: 100%;
    }
  }
  .calendar-wrapper .ui-mobile-calendar-label {
    font-size: calc(0.9rem * var(--font-size-scaling));
    font-weight: 500;
  }
}

.leave-time-container {
  z-index: 99;
  padding: 0;
  position: absolute;
  background-color: var(--bs-card-bg) !important;
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--default-border-color) !important;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transform-origin: center;
  margin: 0 auto;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition-property: width , height , padding , transform , opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in;
}
.leave-time-container button {
  transition: none;
}
.leave-time-container.show {
  width: calc(12rem * var(--font-size-scaling));
  height: max-content;
  padding: calc(0.75rem * var(--font-size-scaling));
  opacity: 1;
}
.leave-time-container.show .content-wrapper {
  opacity: 1;
}
.leave-time-container.show-sm {
  width: calc(8rem * var(--font-size-scaling));
  height: max-content;
  padding: calc(0.75rem * var(--font-size-scaling));
  opacity: 1;
}
.leave-time-container.show-sm.mobile {
  width: max-content;
}
.leave-time-container.show-sm .content-wrapper {
  opacity: 1;
}
.leave-time-container.show-sm .close {
  position: absolute;
  right: 0.35rem;
  top: 0.35rem;
}
.leave-time-container .content-wrapper {
  position: relative;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 100ms;
  transition-timing-function: ease-in-out;
  transition-delay: 200ms;
}
.leave-time-container .content-wrapper .col {
  width: revert !important;
  height: revert !important;
  background-color: revert !important;
}
.leave-time-container .content-wrapper .close {
  position: absolute;
  top: 0;
  right: 0;
}
.leave-time-container .content-wrapper .adjustment-wrapper {
  padding: calc(0.75rem * var(--font-size-scaling));
}

.other-leave-container {
  position: relative !important;
}

.cal-month-date .month, .cal-month-date .day {
  line-height: 1;
  text-transform: uppercase;
}
.cal-month-date .arDate {
  position: relative !important;
  top: revert !important;
  left: revert !important;
}

.grDay {
  text-align: center;
  font-size: calc(10px * var(--font-size-scaling));
  color: Black;
  font-weight: normal;
  border-radius: 3px;
}

.tDay {
  border: solid 1px Crimson;
  color: Crimson;
  border-radius: 3px;
}

square {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 3px;
}
square.curDay {
  border: 1px solid Crimson;
}
square.vDay {
  background-color: color-mix(in srgb, var(--client-primary-dark) 75%, rgba(255, 255, 255, 0.15));
}
square.hDay {
  background-color: rgb(152, 162, 179);
}
square.rDay {
  background-color: rgb(108, 173, 181);
}

.yearCal {
  transform-origin: center;
}
.yearCal .wDay {
  background-color: rgba(215, 236, 255, 0.95);
  text-align: center;
  font-weight: bold;
  font-size: calc(10px * var(--font-size-scaling));
  border-radius: 3px;
}
.yearCal .holiday {
  background-color: rgb(152, 162, 179);
  color: white;
  border-radius: 3px;
}
.yearCal .Req {
  background-color: color-mix(in srgb, var(--client-primary-dark) 75%, rgba(255, 255, 255, 0.15));
  color: white;
  border-radius: 3px;
}
.yearCal .Req2 {
  background-color: rgb(108, 173, 181);
  color: white;
  border-radius: 3px;
}
.yearCal .grMonth {
  color: rgb(29, 41, 57);
  font-weight: 500;
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(7, 15px);
  grid-auto-flow: rows;
  vertical-align: top;
  cursor: pointer;
}
.yearCal .grMonth h3 {
  grid-column: 1/8;
  font-size: calc(12px * var(--font-size-scaling));
  text-transform: capitalize;
}

.queryCHT {
  position: relative;
  width: calc(25rem * var(--font-size-scaling));
}

#UpAtt {
  display: none;
  visibility: visible;
}
#UpAtt.show {
  display: flex;
}
#UpAtt.collapse-view {
  visibility: collapse;
}

#AddBtn {
  display: inline;
}
#AddBtn.hide {
  display: none !important;
}
#AddBtn.collapse-view {
  visibility: collapse !important;
}

.center__all {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#EMPIMAGE-header {
  border: 2px solid var(--bs-primary);
}

.jobView:NOT(.lockScreen) {
  max-height: 80% !important;
}

@media print {
  * {
    overflow: revert !important;
    overflow-y: revert !important;
    overflow-x: revert !important;
  }
  .not-at-right::before, .not-at-right::after, .not-at-left::before, .not-at-left::after {
    display: none !important;
  }
  sidebar, header, ebutton, input[type=button], input[type=submit], button, .pagination, .toast, .alert {
    display: none !important;
  }
  .card, .list-group {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
  }
  .list-group-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .inset-wrapper, .card-body.inset-container {
    overflow: revert !important;
    overflow-y: revert !important;
    overflow-x: revert !important;
  }
  table {
    width: 100%;
    height: 100%;
  }
  .themed tr:first-child {
    border-color: rgba(0, 0, 0, 0.253) !important;
  }
  table, tr, tr:first-child, .table-footer, td {
    border: 0.5px solid rgba(0, 0, 0, 0.253) !important;
  }
  .not-at-left::before, .not-at-left::after, .not-to-right::before, .not-to-right::after {
    display: none !important;
    background: none !important;
  }
  label {
    border: none !important;
  }
}
#themeToggleBtn {
  position: relative;
}
#themeToggleBtn .theme-icon {
  position: absolute;
  transition-property: transform , opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}
#themeToggleBtn #sunIcon {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
#themeToggleBtn #moonIcon {
  transform: scale(0) rotate(90deg);
  opacity: 0;
}

body.dark #themeToggleBtn #sunIcon {
  transform: scale(0) rotate(90deg);
  opacity: 0;
}
body.dark #themeToggleBtn #moonIcon {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.theme-option.active {
  background-color: var(--bs-primary-subtle);
  color: var(--bs-primary);
}
.theme-option.active i {
  color: var(--bs-primary);
}

.profile-tabs .nav-link {
  color: #6c757d;
  border: none;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  border-radius: 2rem;
  transition: all 0.2s ease;
}

.profile-tabs .nav-link:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.04);
}

.profile-tabs .nav-link.active {
  background: var(--bs-primary);
  color: #fff;
}

.profile-tabs .nav-link i {
  font-size: 0.875rem;
}

.info-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
}

.info-item .info-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-radius: 0.5rem;
  flex-shrink: 0;
}

.info-item .info-icon i {
  font-size: 1.125rem;
  color: #6c757d;
}

.info-item .info-content label {
  display: block;
  font-size: 0.75rem;
  color: #6c757d;
  margin-bottom: 0.125rem;
}

.info-item .info-content span {
  font-weight: 500;
  color: #212529;
}

.sidebar-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.sidebar-card h6 {
  font-weight: 600;
  margin-bottom: 1rem;
  color: #212529;
}

.position-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid #f1f3f4;
}

.position-item:last-child {
  border-bottom: none;
}

.position-item .position-logo {
  width: 36px;
  height: 36px;
  border-radius: 0.5rem;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.position-item .position-info {
  flex: 1;
}

.position-item .position-info .title {
  font-weight: 500;
  font-size: 0.875rem;
  color: #212529;
}

.position-item .position-info .company {
  font-size: 0.75rem;
  color: #6c757d;
}

.status-badge {
  font-size: 0.7rem;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  font-weight: 500;
}

.experience-item {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #f1f3f4;
}

.experience-item:last-child {
  border-bottom: none;
}

.experience-logo {
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.experience-content {
  flex: 1;
}

.experience-content .exp-title {
  font-weight: 600;
  color: #212529;
}

.experience-content .exp-type {
  display: inline-block;
  font-size: 0.7rem;
  padding: 0.125rem 0.5rem;
  background: #f1f3f4;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  color: #6c757d;
}

.experience-content .exp-role {
  font-size: 0.875rem;
  color: #6c757d;
}

.experience-content .exp-duration {
  font-size: 0.75rem;
  color: #9ca3af;
}

.skill-badge {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #374151;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.language-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  min-width: 140px;
}

.language-item .lang-code {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bs-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
}

.language-item .lang-info .lang-name {
  font-weight: 500;
  font-size: 0.875rem;
}

.language-item .lang-info .lang-level {
  font-size: 0.7rem;
  color: #6c757d;
}

.tax-docs-card .card-body {
  padding: 0.5rem 0.75rem;
}

.tax-doc-pdf-icon {
  height: 14px;
  width: auto;
  cursor: pointer;
  vertical-align: middle;
}
.tax-doc-pdf-icon:hover {
  opacity: 0.85;
}

.tax-doc-years {
  gap: 0.5rem;
}

.tax-doc-year-badge {
  font-size: 0.875rem;
}
.tax-doc-year-badge .badge {
  font-size: 0.65rem;
}

.lv-request-page .lv-request-wrapper {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .lv-request-page .lv-request-wrapper {
    max-width: 52rem;
  }
}
.lv-request-page .lv-request-card {
  border-radius: var(--bs-border-radius, 0.375rem);
}
.lv-request-page .lv-request-header {
  flex-wrap: wrap;
}
.lv-request-page .lv-request-title {
  font-size: calc(1.1rem * var(--font-size-scaling, 1));
}
.lv-request-page .lv-request-subtitle {
  font-size: calc(0.8rem * var(--font-size-scaling, 1));
}
@media (max-width: 575px) {
  .lv-request-page .lv-request-body {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
.lv-request-page .lv-request-form .form-section {
  margin-bottom: 0.5rem;
}
.lv-request-page .lv-request-form .form-section:last-of-type {
  margin-bottom: 0;
}
.lv-request-page .lv-balance-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--bs-border-radius, 0.375rem);
}
.lv-request-page .lv-balance-body {
  padding-top: 0.5rem !important;
}
@media (max-width: 991px) {
  .lv-request-page .lv-balance-body {
    padding: 0.75rem 1rem !important;
  }
}
.lv-request-page .lv-balance-title {
  font-size: calc(0.95rem * var(--font-size-scaling, 1));
  font-weight: 600;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.lv-request-page .lv-balance-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .lv-request-page .lv-balance-list {
    gap: 0.75rem;
  }
}
.lv-request-page .lv-balance-item {
  padding: 0.25rem 0;
}
@media (max-width: 991px) {
  .lv-request-page .lv-balance-item {
    padding: 0.35rem 0;
  }
}
.lv-request-page .lv-balance-icon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.2rem !important;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
}
@media (max-width: 991px) {
  .lv-request-page .lv-balance-icon {
    width: 1.35rem;
    height: 1.35rem;
    font-size: 0.6rem;
  }
}
.lv-request-page .lv-balance-name {
  font-size: calc(0.85rem * var(--font-size-scaling, 1));
  line-height: 1.3;
}
@media (max-width: 991px) {
  .lv-request-page .lv-balance-name {
    font-size: calc(0.8rem * var(--font-size-scaling, 1));
  }
}
.lv-request-page .lv-balance-amount {
  font-size: calc(0.8rem * var(--font-size-scaling, 1));
  font-weight: 600;
}
@media (max-width: 991px) {
  .lv-request-page .lv-balance-amount {
    font-size: calc(0.75rem * var(--font-size-scaling, 1));
  }
}

/*# sourceMappingURL=kis_styles.css.map */