/* Josefin font */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Josefin Sans'), local('JosefinSans'), url('../webfonts/JosefinSans-VariableFont_wght.ttf') format('truetype');
}
/* Oswald */
@font-face {
    font-family: 'Oswald';
    src: url('../webfonts/Oswald-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Montserrat Regular */
@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Assuming the font weight ranges from 100 to 900 */
    font-style: normal;
}

/* Montserrat Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Assuming the font weight ranges from 100 to 900 */
    font-style: italic;
}

/* CooperHewitt Thin */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* CooperHewitt Thin Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

/* CooperHewitt Light */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* CooperHewitt Light Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

/* CooperHewitt Book */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Book.otf') format('opentype');
    font-weight: 400; /* 'Book' is often used as a synonym for 'Regular' */
    font-style: normal;
}

/* CooperHewitt Book Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-BookItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

/* CooperHewitt Medium */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* CooperHewitt Medium Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

/* CooperHewitt Semibold */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

/* CooperHewitt Semibold Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-SemiboldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

/* CooperHewitt Bold */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* CooperHewitt Bold Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

/* CooperHewitt Heavy */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-Heavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

/* CooperHewitt Heavy Italic */
@font-face {
    font-family: 'CooperHewitt';
    src: url('../webfonts/CooperHewitt-HeavyItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}



html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.heading-item, .tile-count-item {
    font-family: 'Oswald', sans-serif;
}

.subheading-item, .stats-info h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* Light weight for Montserrat */
}
/* 
    light blue: #6791a5
    Dark Blue: #084769
    Black: #040503

    Web Fonts: 
    Cooper Hewitt
    Oswald
    Montserrat Light
*/
:root,
[data-bs-theme="light"] {
    --bs-default: #e9e9e9;
    --bs-primary: #00A4EA;
    --bs-secondary: #797a7c;
    --bs-success: #0f9e3e;
    --bs-info: #6791a5;
    --bs-warning: #ff9700;
    --bs-danger: #ff1b30;
    --bs-light: #f2f3f4;
    --bs-dark: #1f2225;
    --bs-inverse: #1f2225;
    --bs-blue: #6686A6;
    --bs-indigo: #7b2cff;
    --bs-purple: #5058e6;
    --bs-pink: #C8737B;
    --bs-red: #ff1b30;
    --bs-orange: #F2962F;
    --bs-yellow: #ffd900;
    --bs-green: #4CC5B8;
    --bs-teal: #04c5c5;
    --bs-lime: #75c713;
    --bs-cyan: #1bbcea;
    --bs-white: #ffffff;
    --bs-gray: #98AFBA;
    --bs-gray-dark: #35383b;
    --bs-muted: #8f9192;
    --bs-black: #000000;
    --bs-silver: #eeeeee;
    --bs-gray-100: #f4f4f4;
    --bs-gray-200: #e9e9e9;
    --bs-gray-300: #d2d3d3;
    --bs-gray-400: #b1b2b3;
    --bs-gray-500: #8f9192;
    --bs-gray-600: #797a7c;
    --bs-gray-700: #57595c;
    --bs-gray-800: #35383b;
    --bs-gray-900: #1f2225;
    --bs-default-rgb: 233, 233, 233;
    --bs-primary-rgb: 0, 164, 234;
    --bs-secondary-rgb: 121, 122, 124;
    --bs-success-rgb: 15, 158, 62;
    --bs-info-rgb: 103, 145, 165;
    --bs-warning-rgb: 255, 151, 0;
    --bs-danger-rgb: 255, 27, 48;
    --bs-light-rgb: 242, 243, 244;
    --bs-dark-rgb: 31, 34, 37;
    --bs-inverse-rgb: 31, 34, 37;
    --bs-blue-rgb: 102, 134, 166;
    --bs-indigo-rgb: 123, 44, 255;
    --bs-purple-rgb: 80, 88, 230;
    --bs-pink-rgb: 200, 115, 123;
    --bs-red-rgb: 255, 27, 48;
    --bs-orange-rgb: 242, 150, 47;
    --bs-yellow-rgb: 255, 217, 0;
    --bs-green-rgb: 76, 197, 184;
    --bs-teal-rgb: 4, 197, 197;
    --bs-lime-rgb: 117, 199, 19;
    --bs-cyan-rgb: 27, 188, 234;
    --bs-white-rgb: 255, 255, 255;
    --bs-gray-rgb: 152, 175, 186;
    --bs-gray-dark-rgb: 53, 56, 59;
    --bs-muted-rgb: 143, 145, 146;
    --bs-black-rgb: 0, 0, 0;
    --bs-silver-rgb: 238, 238, 238;
    --bs-gray-100-rgb: 244, 244, 244;
    --bs-gray-200-rgb: 233, 233, 233;
    --bs-gray-300-rgb: 210, 211, 211;
    --bs-gray-400-rgb: 177, 178, 179;
    --bs-gray-500-rgb: 143, 145, 146;
    --bs-gray-600-rgb: 121, 122, 124;
    --bs-gray-700-rgb: 87, 89, 92;
    --bs-gray-800-rgb: 53, 56, 59;
    --bs-gray-900-rgb: 31, 34, 37;
    --bs-primary-text-emphasis: #003066;
    --bs-secondary-text-emphasis: #303132;
    --bs-success-text-emphasis: #063f19;
    --bs-info-text-emphasis: #0b4b5e;
    --bs-warning-text-emphasis: #663c00;
    --bs-danger-text-emphasis: #660b13;
    --bs-light-text-emphasis: #57595c;
    --bs-dark-text-emphasis: #57595c;
    --bs-primary-bg-subtle: #cce4ff;
    --bs-secondary-bg-subtle: #e4e4e5;
    --bs-success-bg-subtle: #cfecd8;
    --bs-info-bg-subtle: #d1f2fb;
    --bs-warning-bg-subtle: #ffeacc;
    --bs-danger-bg-subtle: #ffd1d6;
    --bs-light-bg-subtle: #fafafa;
    --bs-dark-bg-subtle: #b1b2b3;
    --bs-primary-border-subtle: #99c9ff;
    --bs-secondary-border-subtle: #c9cacb;
    --bs-success-border-subtle: #9fd8b2;
    --bs-info-border-subtle: #a4e4f7;
    --bs-warning-border-subtle: #ffd599;
    --bs-danger-border-subtle: #ffa4ac;
    --bs-light-border-subtle: #e9e9e9;
    --bs-dark-border-subtle: #8f9192;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "CooperHewitt", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #1f2225;
    --bs-body-color-rgb: 31, 34, 37;
    --bs-body-bg: #e8ebef;
    --bs-body-bg-rgb: 232, 235, 239;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(31, 34, 37, 0.75);
    --bs-secondary-color-rgb: 31, 34, 37;
    --bs-secondary-bg: #e9e9e9;
    --bs-secondary-bg-rgb: 233, 233, 233;
    --bs-tertiary-color: rgba(31, 34, 37, 0.5);
    --bs-tertiary-color-rgb: 31, 34, 37;
    --bs-tertiary-bg: #f4f4f4;
    --bs-tertiary-bg-rgb: 244, 244, 244;
    --bs-heading-color: inherit;
    --bs-link-color: #0078ff;
    --bs-link-color-rgb: 0, 120, 255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0060cc;
    --bs-link-hover-color-rgb: 0, 96, 204;
    --bs-code-color: #c3005a;
    --bs-highlight-color: #1f2225;
    --bs-highlight-bg: #fff7cc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d2d3d3;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 6px;
    --bs-border-radius-sm: 4px;
    --bs-border-radius-lg: 8px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(0, 120, 255, 0.25);
    --bs-form-valid-color: #0f9e3e;
    --bs-form-valid-border-color: #0f9e3e;
    --bs-form-invalid-color: #ff1b30;
    --bs-form-invalid-border-color: #ff1b30;
}

:root,
[data-bs-theme="light"] {
    --bs-app-theme: #6791a5;
    --bs-app-theme-rgb: 0, 120, 255;
    --bs-app-theme-color: #ffffff;
    --bs-app-theme-color-rgb: 255, 255, 255;
    --bs-app-theme-hover: #084769;
    --bs-app-theme-hover-border-color: #084769;
    --bs-app-theme-hover-color: #ffffff;
    --bs-app-theme-active: #084769;
    --bs-app-theme-active-border-color: #084769;
    --bs-app-theme-active-color: #ffffff;
    --bs-app-theme-disabled: #409aff;
    --bs-app-theme-disabled-border-color: #409aff;
    --bs-app-theme-disabled-color: #ffffff;
    --bs-border-color: #d2d3d3;
    --bs-border-color-rgb: 210, 211, 211;
    --bs-app-header-bg: #ffffff;
    --bs-app-header-bg-rgb: 255, 255, 255;
    --bs-app-header-color: #1f2225;
    --bs-app-header-color-rgb: 31, 34, 37;
    --bs-app-header-input-bg: #f2f3f4;
    --bs-app-header-input-border: #f2f3f4;
    --bs-app-header-mobile-divider-bg: #e9e9e9;
    --bs-app-header-divider-bg: #d2d3d3;
    --bs-app-sidebar-bg: #ffffff;
    --bs-app-sidebar-bg-rgb: 255, 255, 255;
    --bs-app-sidebar-bg-transparent: url(images/cover-sidebar.jpg);
    --bs-app-sidebar-component-color: #1f2225;
    --bs-app-sidebar-component-color-rgb: 31, 34, 37;
    --bs-app-sidebar-component-active-bg: #efefef;
    --bs-app-sidebar-component-active-color: #1f2225;
    --bs-app-sidebar-profile-color: #1f2225;
    --bs-app-sidebar-profile-color-rgb: 31, 34, 37;
    --bs-app-sidebar-menu-header-color: #1f2225;
    --bs-app-sidebar-menu-divider-bg: #d2d3d3;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #1f2225;
    --bs-app-sidebar-menu-badge-color: #f4f4f4;
    --bs-app-sidebar-menu-badge-font-weight: 700;
    --bs-app-sidebar-menu-link-color: #1f2225;
    --bs-app-sidebar-menu-link-hover-color: #1f2225;
    --bs-app-sidebar-menu-link-hover-bg: #ffffff;
    --bs-app-sidebar-menu-link-font-weight: 600;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: #1f2225;
    --bs-app-sidebar-menu-submenu-link-hover-color: var(--bs-app-theme);
    --bs-app-sidebar-menu-submenu-link-font-weight: 600;
    --bs-app-sidebar-menu-grid-bg: #d2d3d3;
    --bs-app-sidebar-menu-grid-border-width: 2px;
    --bs-app-sidebar-menu-grid-border-color: #d2d3d3;
    --bs-app-sidebar-grid-border-color: #d2d3d3;
    --bs-app-sidebar-float-submenu-bg: #ffffff;
    --bs-app-sidebar-float-submenu-grid-border-color: #d2d3d3;
    --bs-app-sidebar-minify-btn-bg: #e9e9e9;
    --bs-app-sidebar-minify-btn-hover-bg: #b1b2b3;
    --bs-app-top-menu-bg: #ffffff;
    --bs-app-top-menu-link-color: #57595c;
    --bs-app-top-menu-link-font-weight: 600;
    --bs-app-top-menu-link-hover-color: #1f2225;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #1f2225;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #e9e9e9;
    --bs-app-top-menu-menu-badge-color: #1f2225;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #ffffff;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.1);
    --bs-app-top-menu-menu-submenu-link-color: #57595c;
    --bs-app-top-menu-menu-submenu-link-font-weight: 600;
    --bs-app-top-menu-menu-submenu-link-hover-color: #1f2225;
    --bs-app-top-menu-menu-submenu-link-active-bg: #f4f4f4;
    --bs-app-top-menu-menu-submenu-link-active-color: #1f2225;
    --bs-app-top-menu-control-link-bg: #ffffff;
    --bs-app-top-menu-control-link-color: rgba(31, 34, 37, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #ffffff;
    --bs-app-top-menu-control-link-hover-color: #1f2225;
    --bs-app-login-bg-cover: url(images/bg-login.png);
    --bs-component-bg: #ffffff;
    --bs-component-bg-rgb: 255, 255, 255;
    --bs-component-secondary-bg: #d2d3d3;
    --bs-component-secondary-bg-rgb: 210, 211, 211;
    --bs-component-tertiary-bg: #8f9192;
    --bs-component-tertiary-bg-rgb: 143, 145, 146;
    --bs-component-dropdown-bg: #ffffff;
    --bs-component-dropdown-bg-rgb: 255, 255, 255;
    --bs-component-dropdown-hover-bg: #efefef;
    --bs-component-dropdown-hover-bg-rgb: 239, 239, 239;
    --bs-component-dropdown-border-color: #d2d3d3;
    --bs-component-dropdown-border-color-rgb: 210, 211, 211;
    --bs-component-modal-bg: #ffffff;
    --bs-component-modal-bg-rgb: 255, 255, 255;
    --bs-component-modal-border-color: #d2d3d3;
    --bs-component-modal-border-color-rgb: 210, 211, 211;
    --bs-component-secondary-bg: #d2d3d3;
    --bs-component-color: #1f2225;
    --bs-component-color-rgb: 31, 34, 37;
    --bs-component-border-color: #d2d3d3;
    --bs-component-border-color-rgb: 210, 211, 211;
    --bs-component-active-bg: #6791a5;
    --bs-component-active-bg-rgb: 0, 120, 255;
    --bs-component-active-color: #ffffff;
    --bs-component-active-color-rgb: 255, 255, 255;
    --bs-component-hover-bg: #efefef;
    --bs-component-hover-color: #1f2225;
    --bs-component-hover-border-color: #d2d3d3;
    --bs-component-focus-border-color: #409aff;
    --bs-component-disabled-bg: #e9e9e9;
    --bs-component-disabled-color: #d2d3d3;
    --bs-component-disabled-border-color: #d2d3d3;
    --bs-component-table-border-color: #d2d3d3;
    --bs-component-table-separator-color: currentColor;
    --bs-default-bg-subtle: #f8f8f8;
    --bs-default-text-emphasis: #464646;
    --bs-default-border-subtle: #f8f8f8;
    --bs-primary-bg-subtle: #b3d7ff;
    --bs-primary-text-emphasis: #00244d;
    --bs-primary-border-subtle: #b3d7ff;
    --bs-secondary-bg-subtle: #d7d7d8;
    --bs-secondary-text-emphasis: #242525;
    --bs-secondary-border-subtle: #d7d7d8;
    --bs-success-bg-subtle: #b7e2c5;
    --bs-success-text-emphasis: #052f13;
    --bs-success-border-subtle: #b7e2c5;
    --bs-info-bg-subtle: #bbebf9;
    --bs-info-text-emphasis: #083846;
    --bs-info-border-subtle: #bbebf9;
    --bs-warning-bg-subtle: #ffe0b3;
    --bs-warning-text-emphasis: #4d2d00;
    --bs-warning-border-subtle: #ffe0b3;
    --bs-danger-bg-subtle: #ffbbc1;
    --bs-danger-text-emphasis: #4d080e;
    --bs-danger-border-subtle: #ffbbc1;
    --bs-light-bg-subtle: #fbfbfc;
    --bs-light-text-emphasis: #494949;
    --bs-light-border-subtle: #fbfbfc;
    --bs-dark-bg-subtle: #bcbdbe;
    --bs-dark-text-emphasis: #090a0b;
    --bs-dark-border-subtle: #bcbdbe;
    --bs-inverse-bg-subtle: #bcbdbe;
    --bs-inverse-text-emphasis: #090a0b;
    --bs-inverse-border-subtle: #bcbdbe;
    --bs-blue-bg-subtle: #b3d7ff;
    --bs-blue-text-emphasis: #00244d;
    --bs-blue-border-subtle: #b3d7ff;
    --bs-indigo-bg-subtle: #d7c0ff;
    --bs-indigo-text-emphasis: #250d4d;
    --bs-indigo-border-subtle: #d7c0ff;
    --bs-purple-bg-subtle: #cbcdf8;
    --bs-purple-text-emphasis: #181a45;
    --bs-purple-border-subtle: #cbcdf8;
    --bs-pink-bg-subtle: #ffb7d8;
    --bs-pink-text-emphasis: #4d0526;
    --bs-pink-border-subtle: #ffb7d8;
    --bs-red-bg-subtle: #ffbbc1;
    --bs-red-text-emphasis: #4d080e;
    --bs-red-border-subtle: #ffbbc1;
    --bs-orange-bg-subtle: #ffe0b3;
    --bs-orange-text-emphasis: #4d2d00;
    --bs-orange-border-subtle: #ffe0b3;
    --bs-yellow-bg-subtle: #fff4b3;
    --bs-yellow-text-emphasis: #4d4100;
    --bs-yellow-border-subtle: #fff4b3;
    --bs-green-bg-subtle: #b7e2c5;
    --bs-green-text-emphasis: #052f13;
    --bs-green-border-subtle: #b7e2c5;
    --bs-teal-bg-subtle: #b4eeee;
    --bs-teal-text-emphasis: #013b3b;
    --bs-teal-border-subtle: #b4eeee;
    --bs-lime-bg-subtle: #d6eeb8;
    --bs-lime-text-emphasis: #233c06;
    --bs-lime-border-subtle: #d6eeb8;
    --bs-cyan-bg-subtle: #bbebf9;
    --bs-cyan-text-emphasis: #083846;
    --bs-cyan-border-subtle: #bbebf9;
    --bs-white-bg-subtle: white;
    --bs-white-text-emphasis: #4d4d4d;
    --bs-white-border-subtle: white;
    --bs-gray-bg-subtle: #d7d7d8;
    --bs-gray-text-emphasis: #242525;
    --bs-gray-border-subtle: #d7d7d8;
    --bs-gray-dark-bg-subtle: #c2c3c4;
    --bs-gray-dark-text-emphasis: #101112;
    --bs-gray-dark-border-subtle: #c2c3c4;
    --bs-muted-bg-subtle: #dddede;
    --bs-muted-text-emphasis: #2b2c2c;
    --bs-muted-border-subtle: #dddede;
    --bs-black-bg-subtle: #b3b3b3;
    --bs-black-text-emphasis: black;
    --bs-black-border-subtle: #b3b3b3;
    --bs-silver-bg-subtle: #fafafa;
    --bs-silver-text-emphasis: #474747;
    --bs-silver-border-subtle: #fafafa;
    --bs-gray-100-bg-subtle: #fcfcfc;
    --bs-gray-100-text-emphasis: #494949;
    --bs-gray-100-border-subtle: #fcfcfc;
    --bs-gray-200-bg-subtle: #f8f8f8;
    --bs-gray-200-text-emphasis: #464646;
    --bs-gray-200-border-subtle: #f8f8f8;
    --bs-gray-300-bg-subtle: #f2f2f2;
    --bs-gray-300-text-emphasis: #3f3f3f;
    --bs-gray-300-border-subtle: #f2f2f2;
    --bs-gray-400-bg-subtle: #e8e8e8;
    --bs-gray-400-text-emphasis: #353536;
    --bs-gray-400-border-subtle: #e8e8e8;
    --bs-gray-500-bg-subtle: #dddede;
    --bs-gray-500-text-emphasis: #2b2c2c;
    --bs-gray-500-border-subtle: #dddede;
    --bs-gray-600-bg-subtle: #d7d7d8;
    --bs-gray-600-text-emphasis: #242525;
    --bs-gray-600-border-subtle: #d7d7d8;
    --bs-gray-700-bg-subtle: #cdcdce;
    --bs-gray-700-text-emphasis: #1a1b1c;
    --bs-gray-700-border-subtle: #cdcdce;
    --bs-gray-800-bg-subtle: #c2c3c4;
    --bs-gray-800-text-emphasis: #101112;
    --bs-gray-800-border-subtle: #c2c3c4;
    --bs-gray-900-bg-subtle: #bcbdbe;
    --bs-gray-900-text-emphasis: #090a0b;
    --bs-gray-900-border-subtle: #bcbdbe;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #f4f4f4;
    --bs-body-color-rgb: 244, 244, 244;
    --bs-body-bg: #16181a;
    --bs-body-bg-rgb: 22, 24, 26;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(244, 244, 244, 0.75);
    --bs-secondary-color-rgb: 244, 244, 244;
    --bs-secondary-bg: #35383b;
    --bs-secondary-bg-rgb: 53, 56, 59;
    --bs-tertiary-color: rgba(244, 244, 244, 0.5);
    --bs-tertiary-color-rgb: 244, 244, 244;
    --bs-tertiary-bg: #2a2d30;
    --bs-tertiary-bg-rgb: 42, 45, 48;
    --bs-primary-text-emphasis: #66aeff;
    --bs-secondary-text-emphasis: #afafb0;
    --bs-success-text-emphasis: #6fc58b;
    --bs-info-text-emphasis: #76d7f2;
    --bs-warning-text-emphasis: #ffc166;
    --bs-danger-text-emphasis: #ff7683;
    --bs-light-text-emphasis: #f4f4f4;
    --bs-dark-text-emphasis: #d2d3d3;
    --bs-primary-bg-subtle: #001833;
    --bs-secondary-bg-subtle: #181819;
    --bs-success-bg-subtle: #03200c;
    --bs-info-bg-subtle: #05262f;
    --bs-warning-bg-subtle: #331e00;
    --bs-danger-bg-subtle: #33050a;
    --bs-light-bg-subtle: #35383b;
    --bs-dark-bg-subtle: #1b1c1e;
    --bs-primary-border-subtle: #004899;
    --bs-secondary-border-subtle: #49494a;
    --bs-success-border-subtle: #095f25;
    --bs-info-border-subtle: #10718c;
    --bs-warning-border-subtle: #995b00;
    --bs-danger-border-subtle: #99101d;
    --bs-light-border-subtle: #57595c;
    --bs-dark-border-subtle: #35383b;
    --bs-heading-color: inherit;
    --bs-link-color: #66aeff;
    --bs-link-hover-color: #85beff;
    --bs-link-color-rgb: 102, 174, 255;
    --bs-link-hover-color-rgb: 133, 190, 255;
    --bs-code-color: #db669c;
    --bs-highlight-color: #f4f4f4;
    --bs-highlight-bg: #665700;
    --bs-border-color: #797a7c;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #6fc58b;
    --bs-form-valid-border-color: #6fc58b;
    --bs-form-invalid-color: #ff7683;
    --bs-form-invalid-border-color: #ff7683;
}

    [data-bs-theme="dark"] .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f4f4f4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
    }

.navbar-dark,
.navbar[data-bs-theme="dark"] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #ffffff;
    --bs-navbar-brand-color: #ffffff;
    --bs-navbar-brand-hover-color: #ffffff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366aeff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366aeff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

:root,
[data-bs-theme="light"] {
    --bs-app-theme: #6791a5;
    --bs-app-theme-rgb: 0, 120, 255;
    --bs-app-theme-color: #ffffff;
    --bs-app-theme-color-rgb: 255, 255, 255;
    --bs-app-theme-hover: #084769;
    --bs-app-theme-hover-border-color: #084769;
    --bs-app-theme-hover-color: #ffffff;
    --bs-app-theme-active: #084769;
    --bs-app-theme-active-border-color: #084769;
    --bs-app-theme-active-color: #ffffff;
    --bs-app-theme-disabled: #409aff;
    --bs-app-theme-disabled-border-color: #409aff;
    --bs-app-theme-disabled-color: #ffffff;
    --bs-border-color: #d2d3d3;
    --bs-border-color-rgb: 210, 211, 211;
    --bs-app-header-bg: #ffffff;
    --bs-app-header-bg-rgb: 255, 255, 255;
    --bs-app-header-color: #1f2225;
    --bs-app-header-color-rgb: 31, 34, 37;
    --bs-app-header-input-bg: #f2f3f4;
    --bs-app-header-input-border: #f2f3f4;
    --bs-app-header-mobile-divider-bg: #e9e9e9;
    --bs-app-header-divider-bg: #d2d3d3;
    --bs-app-sidebar-bg: #ffffff;
    --bs-app-sidebar-bg-rgb: 255, 255, 255;
    --bs-app-sidebar-bg-transparent: url(images/cover-sidebar.jpg);
    --bs-app-sidebar-component-color: #1f2225;
    --bs-app-sidebar-component-color-rgb: 31, 34, 37;
    --bs-app-sidebar-component-active-bg: #efefef;
    --bs-app-sidebar-component-active-color: #1f2225;
    --bs-app-sidebar-profile-color: #1f2225;
    --bs-app-sidebar-profile-color-rgb: 31, 34, 37;
    --bs-app-sidebar-menu-header-color: #1f2225;
    --bs-app-sidebar-menu-divider-bg: #d2d3d3;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #1f2225;
    --bs-app-sidebar-menu-badge-color: #f4f4f4;
    --bs-app-sidebar-menu-badge-font-weight: 700;
    --bs-app-sidebar-menu-link-color: #1f2225;
    --bs-app-sidebar-menu-link-hover-color: #1f2225;
    --bs-app-sidebar-menu-link-hover-bg: #ffffff;
    --bs-app-sidebar-menu-link-font-weight: 600;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: #1f2225;
    --bs-app-sidebar-menu-submenu-link-hover-color: var(--bs-app-theme);
    --bs-app-sidebar-menu-submenu-link-font-weight: 600;
    --bs-app-sidebar-menu-grid-bg: #d2d3d3;
    --bs-app-sidebar-menu-grid-border-width: 2px;
    --bs-app-sidebar-menu-grid-border-color: #d2d3d3;
    --bs-app-sidebar-grid-border-color: #d2d3d3;
    --bs-app-sidebar-float-submenu-bg: #ffffff;
    --bs-app-sidebar-float-submenu-grid-border-color: #d2d3d3;
    --bs-app-sidebar-minify-btn-bg: #e9e9e9;
    --bs-app-sidebar-minify-btn-hover-bg: #b1b2b3;
    --bs-app-top-menu-bg: #ffffff;
    --bs-app-top-menu-link-color: #57595c;
    --bs-app-top-menu-link-font-weight: 600;
    --bs-app-top-menu-link-hover-color: #1f2225;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #1f2225;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #e9e9e9;
    --bs-app-top-menu-menu-badge-color: #1f2225;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #ffffff;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.1);
    --bs-app-top-menu-menu-submenu-link-color: #57595c;
    --bs-app-top-menu-menu-submenu-link-font-weight: 600;
    --bs-app-top-menu-menu-submenu-link-hover-color: #1f2225;
    --bs-app-top-menu-menu-submenu-link-active-bg: #f4f4f4;
    --bs-app-top-menu-menu-submenu-link-active-color: #1f2225;
    --bs-app-top-menu-control-link-bg: #ffffff;
    --bs-app-top-menu-control-link-color: rgba(31, 34, 37, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #ffffff;
    --bs-app-top-menu-control-link-hover-color: #1f2225;
    --bs-app-login-bg-cover: url(images/bg-login.png);
    --bs-component-bg: #ffffff;
    --bs-component-bg-rgb: 255, 255, 255;
    --bs-component-secondary-bg: #d2d3d3;
    --bs-component-secondary-bg-rgb: 210, 211, 211;
    --bs-component-tertiary-bg: #8f9192;
    --bs-component-tertiary-bg-rgb: 143, 145, 146;
    --bs-component-dropdown-bg: #ffffff;
    --bs-component-dropdown-bg-rgb: 255, 255, 255;
    --bs-component-dropdown-hover-bg: #efefef;
    --bs-component-dropdown-hover-bg-rgb: 239, 239, 239;
    --bs-component-dropdown-border-color: #d2d3d3;
    --bs-component-dropdown-border-color-rgb: 210, 211, 211;
    --bs-component-modal-bg: #ffffff;
    --bs-component-modal-bg-rgb: 255, 255, 255;
    --bs-component-modal-border-color: #d2d3d3;
    --bs-component-modal-border-color-rgb: 210, 211, 211;
    --bs-component-secondary-bg: #d2d3d3;
    --bs-component-color: #1f2225;
    --bs-component-color-rgb: 31, 34, 37;
    --bs-component-border-color: #d2d3d3;
    --bs-component-border-color-rgb: 210, 211, 211;
    --bs-component-active-bg: #6791a5;
    --bs-component-active-bg-rgb: 0, 120, 255;
    --bs-component-active-color: #ffffff;
    --bs-component-active-color-rgb: 255, 255, 255;
    --bs-component-hover-bg: #efefef;
    --bs-component-hover-color: #1f2225;
    --bs-component-hover-border-color: #d2d3d3;
    --bs-component-focus-border-color: #409aff;
    --bs-component-disabled-bg: #e9e9e9;
    --bs-component-disabled-color: #d2d3d3;
    --bs-component-disabled-border-color: #d2d3d3;
    --bs-component-table-border-color: #d2d3d3;
    --bs-component-table-separator-color: currentColor;
    --bs-default-bg-subtle: #f8f8f8;
    --bs-default-text-emphasis: #464646;
    --bs-default-border-subtle: #f8f8f8;
    --bs-primary-bg-subtle: #b3d7ff;
    --bs-primary-text-emphasis: #00244d;
    --bs-primary-border-subtle: #b3d7ff;
    --bs-secondary-bg-subtle: #d7d7d8;
    --bs-secondary-text-emphasis: #242525;
    --bs-secondary-border-subtle: #d7d7d8;
    --bs-success-bg-subtle: #b7e2c5;
    --bs-success-text-emphasis: #052f13;
    --bs-success-border-subtle: #b7e2c5;
    --bs-info-bg-subtle: #bbebf9;
    --bs-info-text-emphasis: #083846;
    --bs-info-border-subtle: #bbebf9;
    --bs-warning-bg-subtle: #ffe0b3;
    --bs-warning-text-emphasis: #4d2d00;
    --bs-warning-border-subtle: #ffe0b3;
    --bs-danger-bg-subtle: #ffbbc1;
    --bs-danger-text-emphasis: #4d080e;
    --bs-danger-border-subtle: #ffbbc1;
    --bs-light-bg-subtle: #fbfbfc;
    --bs-light-text-emphasis: #494949;
    --bs-light-border-subtle: #fbfbfc;
    --bs-dark-bg-subtle: #bcbdbe;
    --bs-dark-text-emphasis: #090a0b;
    --bs-dark-border-subtle: #bcbdbe;
    --bs-inverse-bg-subtle: #bcbdbe;
    --bs-inverse-text-emphasis: #090a0b;
    --bs-inverse-border-subtle: #bcbdbe;
    --bs-blue-bg-subtle: #b3d7ff;
    --bs-blue-text-emphasis: #00244d;
    --bs-blue-border-subtle: #b3d7ff;
    --bs-indigo-bg-subtle: #d7c0ff;
    --bs-indigo-text-emphasis: #250d4d;
    --bs-indigo-border-subtle: #d7c0ff;
    --bs-purple-bg-subtle: #cbcdf8;
    --bs-purple-text-emphasis: #181a45;
    --bs-purple-border-subtle: #cbcdf8;
    --bs-pink-bg-subtle: #ffb7d8;
    --bs-pink-text-emphasis: #4d0526;
    --bs-pink-border-subtle: #ffb7d8;
    --bs-red-bg-subtle: #ffbbc1;
    --bs-red-text-emphasis: #4d080e;
    --bs-red-border-subtle: #ffbbc1;
    --bs-orange-bg-subtle: #ffe0b3;
    --bs-orange-text-emphasis: #4d2d00;
    --bs-orange-border-subtle: #ffe0b3;
    --bs-yellow-bg-subtle: #fff4b3;
    --bs-yellow-text-emphasis: #4d4100;
    --bs-yellow-border-subtle: #fff4b3;
    --bs-green-bg-subtle: #b7e2c5;
    --bs-green-text-emphasis: #052f13;
    --bs-green-border-subtle: #b7e2c5;
    --bs-teal-bg-subtle: #b4eeee;
    --bs-teal-text-emphasis: #013b3b;
    --bs-teal-border-subtle: #b4eeee;
    --bs-lime-bg-subtle: #d6eeb8;
    --bs-lime-text-emphasis: #233c06;
    --bs-lime-border-subtle: #d6eeb8;
    --bs-cyan-bg-subtle: #bbebf9;
    --bs-cyan-text-emphasis: #083846;
    --bs-cyan-border-subtle: #bbebf9;
    --bs-white-bg-subtle: white;
    --bs-white-text-emphasis: #4d4d4d;
    --bs-white-border-subtle: white;
    --bs-gray-bg-subtle: #d7d7d8;
    --bs-gray-text-emphasis: #242525;
    --bs-gray-border-subtle: #d7d7d8;
    --bs-gray-dark-bg-subtle: #c2c3c4;
    --bs-gray-dark-text-emphasis: #101112;
    --bs-gray-dark-border-subtle: #c2c3c4;
    --bs-muted-bg-subtle: #dddede;
    --bs-muted-text-emphasis: #2b2c2c;
    --bs-muted-border-subtle: #dddede;
    --bs-black-bg-subtle: #b3b3b3;
    --bs-black-text-emphasis: black;
    --bs-black-border-subtle: #b3b3b3;
    --bs-silver-bg-subtle: #fafafa;
    --bs-silver-text-emphasis: #474747;
    --bs-silver-border-subtle: #fafafa;
    --bs-gray-100-bg-subtle: #fcfcfc;
    --bs-gray-100-text-emphasis: #494949;
    --bs-gray-100-border-subtle: #fcfcfc;
    --bs-gray-200-bg-subtle: #f8f8f8;
    --bs-gray-200-text-emphasis: #464646;
    --bs-gray-200-border-subtle: #f8f8f8;
    --bs-gray-300-bg-subtle: #f2f2f2;
    --bs-gray-300-text-emphasis: #3f3f3f;
    --bs-gray-300-border-subtle: #f2f2f2;
    --bs-gray-400-bg-subtle: #e8e8e8;
    --bs-gray-400-text-emphasis: #353536;
    --bs-gray-400-border-subtle: #e8e8e8;
    --bs-gray-500-bg-subtle: #dddede;
    --bs-gray-500-text-emphasis: #2b2c2c;
    --bs-gray-500-border-subtle: #dddede;
    --bs-gray-600-bg-subtle: #d7d7d8;
    --bs-gray-600-text-emphasis: #242525;
    --bs-gray-600-border-subtle: #d7d7d8;
    --bs-gray-700-bg-subtle: #cdcdce;
    --bs-gray-700-text-emphasis: #1a1b1c;
    --bs-gray-700-border-subtle: #cdcdce;
    --bs-gray-800-bg-subtle: #c2c3c4;
    --bs-gray-800-text-emphasis: #101112;
    --bs-gray-800-border-subtle: #c2c3c4;
    --bs-gray-900-bg-subtle: #bcbdbe;
    --bs-gray-900-text-emphasis: #090a0b;
    --bs-gray-900-border-subtle: #bcbdbe;
}

[data-bs-theme="dark"] {
    --bs-body-bg: #16181a;
    --bs-body-color: #f4f4f4;
    --bs-dark: #f4f4f4;
    --bs-dark-rgb: 244, 244, 244;
    --bs-light: #1f2225;
    --bs-light-rgb: 31, 34, 37;
    --bs-border-color: #797a7c;
    --bs-app-header-bg: #2d3032;
    --bs-app-header-color: #ffffff;
    --bs-app-header-input-bg: #1a1d1f;
    --bs-app-header-input-border: #1a1d1f;
    --bs-app-header-divider-bg: #57595c;
    --bs-app-header-mobile-divider-bg: #1f2225;
    --bs-app-sidebar-bg: #1f2225;
    --bs-app-sidebar-bg-rgb: 31, 34, 37;
    --bs-app-sidebar-component-color: #ffffff;
    --bs-app-sidebar-component-color-rgb: 255, 255, 255;
    --bs-app-sidebar-component-active-bg: #1f2225;
    --bs-app-sidebar-component-active-color: #ffffff;
    --bs-app-sidebar-profile-color: #d2d3d3;
    --bs-app-sidebar-profile-color-rgb: 210, 211, 211;
    --bs-app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-divider-bg: #1f2225;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #1f2225;
    --bs-app-sidebar-menu-badge-color: #ffffff;
    --bs-app-sidebar-menu-badge-font-weight: 400;
    --bs-app-sidebar-menu-link-font-weight: 600;
    --bs-app-sidebar-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-menu-link-hover-color: #ffffff;
    --bs-app-sidebar-menu-link-hover-bg: #35383b;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-submenu-link-hover-color: #ffffff;
    --bs-app-sidebar-menu-submenu-link-font-weight: 600;
    --bs-app-sidebar-menu-grid-bg: #1f2225;
    --bs-app-sidebar-menu-grid-border-width: 1px;
    --bs-app-sidebar-menu-grid-border-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-grid-border-color: #30353a;
    --bs-app-sidebar-float-submenu-bg: #1f2225;
    --bs-app-sidebar-float-submenu-grid-border-color: #35383b;
    --bs-app-sidebar-minify-btn-bg: #16181a;
    --bs-app-sidebar-minify-btn-hover-bg: #1f2225;
    --bs-app-top-menu-bg: #1f2225;
    --bs-app-top-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-link-font-weight: 400;
    --bs-app-top-menu-link-hover-color: #ffffff;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #ffffff;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #57595c;
    --bs-app-top-menu-menu-badge-color: #e9e9e9;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #35383b;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.2);
    --bs-app-top-menu-menu-submenu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-menu-submenu-link-font-weight: 400;
    --bs-app-top-menu-menu-submenu-link-hover-color: #ffffff;
    --bs-app-top-menu-menu-submenu-link-active-bg: #1f2225;
    --bs-app-top-menu-menu-submenu-link-active-color: #ffffff;
    --bs-app-top-menu-control-link-bg: #35383b;
    --bs-app-top-menu-control-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #2b2e30;
    --bs-app-top-menu-control-link-hover-color: #ffffff;
    --bs-app-login-bg-cover: url(images/bg-login-dark-mode.png);
    --bs-component-bg: #35383b;
    --bs-component-bg-rgb: 53, 56, 59;
    --bs-component-secondary-bg: #57595c;
    --bs-component-secondary-bg-rgb: 87, 89, 92;
    --bs-component-tertiary-bg: #797a7c;
    --bs-component-tertiary-bg-rgb: 121, 122, 124;
    --bs-component-color: #ffffff;
    --bs-component-color-rgb: 255, 255, 255;
    --bs-component-border-color: #57595c;
    --bs-component-border-color-rgb: 87, 89, 92;
    --bs-component-hover-bg: #535658;
    --bs-component-hover-color: #ffffff;
    --bs-component-hover-border-color: rgba(210, 211, 211, 0.125);
    --bs-component-disabled-bg: #57595c;
    --bs-component-disabled-border-color: #57595c;
    --bs-component-disabled-color: #797a7c;
    --bs-component-dropdown-bg: #57595c;
    --bs-component-dropdown-bg-rgb: 87, 89, 92;
    --bs-component-dropdown-hover-bg: #797a7c;
    --bs-component-dropdown-hover-bg-rgb: 121, 122, 124;
    --bs-component-dropdown-border-color: #797a7c;
    --bs-component-dropdown-border-color-rgb: 121, 122, 124;
    --bs-component-modal-bg: #57595c;
    --bs-component-modal-bg-rgb: 87, 89, 92;
    --bs-component-modal-border-color: #797a7c;
    --bs-component-modal-border-color-rgb: 121, 122, 124;
    --bs-component-secondary-bg: #57595c;
    --bs-component-table-border-color: #57595c;
    --bs-component-table-separator-color: #8f9192;
    --bs-default-bg-subtle: #2f2f2f;
    --bs-default-text-emphasis: #f2f2f2;
    --bs-default-border-subtle: #2f2f2f;
    --bs-primary-bg-subtle: #001833;
    --bs-primary-text-emphasis: #66aeff;
    --bs-primary-border-subtle: #001833;
    --bs-secondary-bg-subtle: #181819;
    --bs-secondary-text-emphasis: #afafb0;
    --bs-secondary-border-subtle: #181819;
    --bs-success-bg-subtle: #03200c;
    --bs-success-text-emphasis: #6fc58b;
    --bs-success-border-subtle: #03200c;
    --bs-info-bg-subtle: #05262f;
    --bs-info-text-emphasis: #76d7f2;
    --bs-info-border-subtle: #05262f;
    --bs-warning-bg-subtle: #331e00;
    --bs-warning-text-emphasis: #ffc166;
    --bs-warning-border-subtle: #331e00;
    --bs-danger-bg-subtle: #33050a;
    --bs-danger-text-emphasis: #ff7683;
    --bs-danger-border-subtle: #33050a;
    --bs-light-bg-subtle: #303131;
    --bs-light-text-emphasis: #f7f8f8;
    --bs-light-border-subtle: #303131;
    --bs-dark-bg-subtle: #060707;
    --bs-dark-text-emphasis: #797a7c;
    --bs-dark-border-subtle: #060707;
    --bs-inverse-bg-subtle: #060707;
    --bs-inverse-text-emphasis: #797a7c;
    --bs-inverse-border-subtle: #060707;
    --bs-blue-bg-subtle: #001833;
    --bs-blue-text-emphasis: #66aeff;
    --bs-blue-border-subtle: #001833;
    --bs-indigo-bg-subtle: #190933;
    --bs-indigo-text-emphasis: #b080ff;
    --bs-indigo-border-subtle: #190933;
    --bs-purple-bg-subtle: #10122e;
    --bs-purple-text-emphasis: #969bf0;
    --bs-purple-border-subtle: #10122e;
    --bs-pink-bg-subtle: #330319;
    --bs-pink-text-emphasis: #ff70b2;
    --bs-pink-border-subtle: #330319;
    --bs-red-bg-subtle: #33050a;
    --bs-red-text-emphasis: #ff7683;
    --bs-red-border-subtle: #33050a;
    --bs-orange-bg-subtle: #331e00;
    --bs-orange-text-emphasis: #ffc166;
    --bs-orange-border-subtle: #331e00;
    --bs-yellow-bg-subtle: #332b00;
    --bs-yellow-text-emphasis: #ffe866;
    --bs-yellow-border-subtle: #332b00;
    --bs-green-bg-subtle: #03200c;
    --bs-green-text-emphasis: #6fc58b;
    --bs-green-border-subtle: #03200c;
    --bs-teal-bg-subtle: #012727;
    --bs-teal-text-emphasis: #68dcdc;
    --bs-teal-border-subtle: #012727;
    --bs-lime-bg-subtle: #172804;
    --bs-lime-text-emphasis: #acdd71;
    --bs-lime-border-subtle: #172804;
    --bs-cyan-bg-subtle: #05262f;
    --bs-cyan-text-emphasis: #76d7f2;
    --bs-cyan-border-subtle: #05262f;
    --bs-white-bg-subtle: #333333;
    --bs-white-text-emphasis: white;
    --bs-white-border-subtle: #333333;
    --bs-gray-bg-subtle: #181819;
    --bs-gray-text-emphasis: #afafb0;
    --bs-gray-border-subtle: #181819;
    --bs-gray-dark-bg-subtle: #0b0b0c;
    --bs-gray-dark-text-emphasis: #868889;
    --bs-gray-dark-border-subtle: #0b0b0c;
    --bs-muted-bg-subtle: #1d1d1d;
    --bs-muted-text-emphasis: #bcbdbe;
    --bs-muted-border-subtle: #1d1d1d;
    --bs-black-bg-subtle: black;
    --bs-black-text-emphasis: #666666;
    --bs-black-border-subtle: black;
    --bs-silver-bg-subtle: #303030;
    --bs-silver-text-emphasis: whitesmoke;
    --bs-silver-border-subtle: #303030;
    --bs-gray-100-bg-subtle: #313131;
    --bs-gray-100-text-emphasis: #f8f8f8;
    --bs-gray-100-border-subtle: #313131;
    --bs-gray-200-bg-subtle: #2f2f2f;
    --bs-gray-200-text-emphasis: #f2f2f2;
    --bs-gray-200-border-subtle: #2f2f2f;
    --bs-gray-300-bg-subtle: #2a2a2a;
    --bs-gray-300-text-emphasis: #e4e5e5;
    --bs-gray-300-border-subtle: #2a2a2a;
    --bs-gray-400-bg-subtle: #232424;
    --bs-gray-400-text-emphasis: #d0d1d1;
    --bs-gray-400-border-subtle: #232424;
    --bs-gray-500-bg-subtle: #1d1d1d;
    --bs-gray-500-text-emphasis: #bcbdbe;
    --bs-gray-500-border-subtle: #1d1d1d;
    --bs-gray-600-bg-subtle: #181819;
    --bs-gray-600-text-emphasis: #afafb0;
    --bs-gray-600-border-subtle: #181819;
    --bs-gray-700-bg-subtle: #111212;
    --bs-gray-700-text-emphasis: #9a9b9d;
    --bs-gray-700-border-subtle: #111212;
    --bs-gray-800-bg-subtle: #0b0b0c;
    --bs-gray-800-text-emphasis: #868889;
    --bs-gray-800-border-subtle: #0b0b0c;
    --bs-gray-900-bg-subtle: #060707;
    --bs-gray-900-text-emphasis: #797a7c;
    --bs-gray-900-border-subtle: #060707;
}

    [data-bs-theme="dark"] .table {
        --bs-table-striped-bg: rgba(87, 89, 92, 0.7);
        --bs-table-active-color: var(--bs-component-color);
        --bs-table-active-bg: $gray-700;
        --bs-table-hover-color: var(--bs-component-color);
        --bs-table-hover-bg: rgba(87, 89, 92, 0.85);
    }

    [data-bs-theme="dark"] .bg-dark,
    [data-bs-theme="dark"] .bg-white {
        --bs-bg-opacity: 0.25;
    }

    [data-bs-theme="dark"] .text-dark {
        --bs-text-opacity: 0.5;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    }

    [data-bs-theme="dark"] .btn-dark,
    [data-bs-theme="dark"] .btn-white {
        border-color: transparent;
        background-color: #57595c;
        color: #fff;
    }

        [data-bs-theme="dark"] .btn-dark.active,
        [data-bs-theme="dark"] .btn-dark:focus,
        [data-bs-theme="dark"] .btn-dark:hover,
        [data-bs-theme="dark"] .btn-white.active,
        [data-bs-theme="dark"] .btn-white:focus,
        [data-bs-theme="dark"] .btn-white:hover {
            background-color: #797a7c;
            border-color: transparent;
            color: #fff;
        }

    [data-bs-theme="dark"] .btn-outline-default,
    [data-bs-theme="dark"] .btn-outline-inverse {
        color: #797a7c;
        border-color: #797a7c;
    }

        [data-bs-theme="dark"] .btn-outline-default.active,
        [data-bs-theme="dark"] .btn-outline-default:focus,
        [data-bs-theme="dark"] .btn-outline-default:hover,
        [data-bs-theme="dark"] .btn-outline-inverse.active,
        [data-bs-theme="dark"] .btn-outline-inverse:focus,
        [data-bs-theme="dark"] .btn-outline-inverse:hover {
            background-color: #797a7c;
            color: #fff !important;
        }

    [data-bs-theme="dark"] .btn-default {
        background: #797a7c;
        border-color: #797a7c;
        color: #fff;
    }

        [data-bs-theme="dark"] .btn-default.active,
        [data-bs-theme="dark"] .btn-default:focus,
        [data-bs-theme="dark"] .btn-default:hover {
            background: #57595c;
            border-color: #57595c;
            color: #fff;
        }

    [data-bs-theme="dark"] .btn-group > .btn-white + .btn-white {
        border-left-color: #797a7c;
    }

.app-header[data-bs-theme="dark"] .navbar-nav .navbar-divider {
    background: #57595c;
}

[data-bs-theme="dark"],
[data-bs-theme="dark"] .pos {
    --bs-pos-sidebar-bg: #35383b;
    --bs-pos-sidebar-header-bg: #57595c;
    --bs-pos-sidebar-header-color: #ffffff;
    --bs-pos-sidebar-header-back-btn-bg: #57595c;
    --bs-pos-sidebar-header-nav-link-bg: #1f2225;
    --bs-pos-sidebar-header-nav-link-color: #797a7c;
    --bs-pos-sidebar-header-nav-link-active-bg: #35383b;
    --bs-pos-sidebar-header-nav-link-active-color: #ffffff;
    --bs-pos-sidebar-footer-bg: #57595c;
    --bs-pos-sidebar-footer-color: #ffffff;
    --bs-pos-sidebar-product-border-color: #797a7c;
    --bs-pos-sidebar-product-confirmation-bg: rgba(53, 56, 59, 0.95);
}

.panel.panel-inverse > .panel-heading, .nav.nav-tabs.nav-tabs-inverse {
    background: var(--bs-info);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #6791a5;
}

/* AG Grid Styles */
.ag-header-cell {
    background-color: #dcdfe1;
}

    .ag-header-cell:hover {
        background-color: #dcdfe1 !important;
    }


.ag-theme-alpine .ag-header-cell-resize {
    color: #546e7f !important;
}

.ag-cell, .ag-header-cell-label {
    color: #546e7f !important;
}

/* For even rows */
.ag-row-even {
    background-color: #f5f5f5 !important;
}

/* For odd rows */
.ag-row-odd {
    background-color: #fff !important;
}

.ag-header-cell .ag-header-cell-menu-button {
    opacity: 1 !important;
}


/* SalesProject-Summaries Section (some of these may need to be removed or expanded as we add views */

.Logs-Index #content {
    color: #546e7f;
    background-color: white;
    height: 92vh;
}

    .Logs-Index #content ul li a.active {
        background-color: #6791a5;
        color: #ffffff;
    }

.SalesProject-Summaries #content {
    color: #546e7f;
    background-color: white;
}

.SalesProject-Summaries .bordered-box {
    width: 75%;
    border: 1px solid #aab0aa;
    padding: 2px 0;
    margin: auto;
    position: relative;
    z-index: 2;
    /*font-weight: bold;*/
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
}

.SalesProject-Summaries #groupingSelect {
    width: auto;
}

.SalesProject-Summaries .custom-form-width {
    width: 200px;
    display: inline-block;
}

.SalesProject-Summaries #metrics-container {
    position: relative;
    width: 100%;
}

.SalesProject-Summaries .metric-line-container {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    z-index: 1;
}

.SalesProject-Summaries #salesProjectsSummarriesGrid .ag-root-wrapper {
    border: none;
}

.SalesProject-Summaries #salesProjectsSummarriesGrid .ag-root {
    border: none;
}

.OrderManagement-Index #content {
    color: #546e7f;
    background-color: white;
}

.OrderManagement-ShoppingCart #content {
    color: #546e7f;
    background-color: white;
}

.Document-Index #content {
    color: #546e7f;
    background-color: white;
}

.Profile-Index #content {
    color: #546e7f;
    background-color: white;
}

.btn-primary {
    background-color: #618699 !important;
    border-color: #618699 !important;
    /*width: 120px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border-radius: 0;*/
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #4f6c88 !important;
        border-color: #4f6c88 !important;
    }

.btn-success {
    background-color: #4CC5B8 !important;
    border-color: #4CC5B8 !important;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active {
        background-color: #4f6c88 !important;
        border-color: #4f6c88 !important;
    }

#content .btn-light {
    background-color: #fff !important;
    border-color: #aab0aa !important;
    color: #546e7f;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
}

#content .btn-light:hover,
#content .btn-light:focus,
#content .btn-light:active,
#content .btn-light.active {
        background-color: #c1ecff !important;
        color: #639bbb !important;
    }

.date .input-group-append {
    position: absolute;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

.date .input-group-text {
    background: transparent;
    border: none;
}

.date input {
    padding-right: 30px; /* adjust the padding to make room for the icon */
}

/* Optional: change cursor for the icon */
.date .input-group-text {
    cursor: pointer;
}

#content .fa-calendar {
    color: #dcdfe1;
}

.tab-content > .tab-pane {
    padding-top: 20px;
}

.tab-content > #itemSummary.tab-pane {
    padding-top: 5px;
}

.modal .datepicker {
    z-index: 99999 !important;
}

.modal-content {
    max-height: 95vh;
    overflow-y: auto;
}

.modal .error {
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
    margin-bottom: 0;
    text-align: left;
    display: block;
    height: auto;
}

.modal input.error {
    border-color: #dc3545;
    height: auto;
}

.error {
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
    margin-bottom: 0;
    text-align: left;
    display: block;
    height: auto;
}

input.error {
    border-color: #dc3545;
    height: auto;
}

body #gritter-notice-wrapper .gritter-item-wrapper.alert-success {
    background: rgba(var(--bs-green-rgb),.95);
}

body #gritter-notice-wrapper .gritter-item-wrapper.alert-danger {
    background: rgba(var(--bs-orange-rgb),.95);
}

/* Style the scrollbar itself (width, background) */
.scrollable-div::-webkit-scrollbar {
    width: 5px; /* Smaller width */
    background-color: #f5f5f5; /* Light gray background */
}

/* Style the track (the part the thumb slides in) */
.scrollable-div::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

/* Style the thumb (the draggable part) */
.scrollable-div::-webkit-scrollbar-thumb {
    background-color: #888; /* Darker gray thumb */
}

    /* Style the thumb on hover */
    .scrollable-div::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

.SalesProject-Summaries #projectSummaryTable table {
    width: 100%;
    border-collapse: collapse;
}

.SalesProject-Summaries .badge-90 {
    width: 99%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25em .65em;
    font-size: 1em; /* Adjust font-size as needed */
    padding-top: 7px !important;
}

.SalesProject-Summaries .project-summary-main-header {
    width: 11.58%;
    font-size: 8.5px;
    color: #797a7c;
}

.SalesProject-Summaries .project-summary-sub-header {
    width: 7.36%;
}

.SalesProject-Summaries .project-summary-side-header {
    text-align: right !important;
    font-weight: bold;
    vertical-align: middle;
}

.tiles-summary > div > div:first-child {
    font-size: 90%;
    margin-top: 10px;
    margin-bottom: 15%;
}

.SalesProject-Summaries #createSalesProjectItemStatusBtnContainer .btn-primary {
    width: auto;
}

/*.SalesProject-Summaries .select2-selection__rendered {
    max-width: 200px !important;*/ /* Adjust as needed */
/*min-width: 124px !important;
    white-space: nowrap !important;*/ /* Ensures the content stays in a single line */
/*overflow: hidden !important;*/ /* Hides overflowing content */
/*text-overflow: ellipsis !important;*/ /* Adds an ellipsis for overflowing content */
/*}*/

.salesProjectGridOptions .select2-selection__choice:not(:first-child) {
    display: none !important;
}

*.salesProjectGridOptions .select2-selection__choice {
    background: #fff !important;
}

.salesProjectGridOptions .select2-selection__choice__remove {
    display: none !important;
    */ /* Hides remove icons */
}

.salesProjectGridOptions .select2-search__field {
    width: 100% !important;
}

#salesProjectItemBtnContainer .select2-selection__choice:not(:first-child) {
    display: none !important;
}

#salesProjectItemBtnContainer .select2-selection__choice {
    background: #fff !important;
}

#salesProjectItemBtnContainer .select2-selection__choice__remove {
    display: none !important;
    */ /* Hides remove icons */
}

#salesProjectItemBtnContainer .select2-search__field {
    width: 100% !important;
}

.file-preview {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}

    .file-preview:hover {
        background-color: #f0f0f0;
    }

.sticky-top {
    z-index: 5;
}

.app-header .navbar-nav .navbar-item.dropdown .dropdown-menu {
    z-index: 10;
}

.file-link {
    color: #007bff; /* Link color */
    text-decoration: underline; /* Underline like a typical link */
    cursor: pointer; /* Cursor changes to pointer on hover */
}

    .file-link:hover {
        color: #0056b3; /* Darker color on hover for visual feedback */
    }

.account-management .nav-link, .account-management h3, .account-management p, .account-management h4 {
    color: white;
}

#itemSummaryTabProjectDetails {
    display: none;
    position: absolute;
    z-index: 1081;
    border: 1px solid #01426a;
    width: 1200px;
}

    #itemSummaryTabProjectDetails .panel-heading {
        cursor: move;
        background: #01426a;
    }

#dropzone, .dropzone {
    width: auto;
    height: 90px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    border: 2px dashed #ccc;
    font-size: 15px
}

    #dropzone.fade, .dropzone.fade {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 1;
    }

.jrw_icon {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background-size: 50%;
    background-repeat: no-repeat;
    opacity: 0.7;
    background-position: right bottom;
}

.jrw_icon_closed_phase {
    background-image: url('../img/icons/Closed_Phase_White.png');
}

.jrw_icon_closed_project {
    background-image: url('../img/icons/Closed_Project__White.png');
}

.jrw_icon_commitment_phase {
    background-image: url('../img/icons/Commitment_Phase__White.png');
}

.jrw_icon_development_phase {
    background-image: url('../img/icons/Development_Phase.svg');
    filter: brightness(0%);
    background-size: 70%;
    background-position: 25px 25px;
}

.jrw_icon_future_project {
    background-image: url('../img/icons/Future_Project .svg');
    filter: brightness(0%);
    background-size: 75%;
    background-position: 25px 20px;
}

.future_icon_text, .widget.widget-stats .stats-info.future_icon_text h4 {
    color: #ABBAC4;
}

.jrw_icon_implementation_phase {
    background-image: url('../img/icons/Implementation_Phase__White_.png');
}

.jrw_icon_items_in_sustainment {
    background-image: url('../img/icons/Items_in_Sustainment_White_.png');
}

.jrw_icon_open_project {
    background-image: url('../img/icons/Open_Project_White_.png');
}

.jrw_icon_origination_phase {
    background-image: url('../img/icons/Origination_Phase .svg');
    filter: brightness(0%);
    background-size: 70%;
    background-position: 25px 25px;
}

.jrw_icon_pending_project {
    background-image: url('../img/icons/Pending_Project_White_.png');
}

.jrw_icon_total_items_in_project {
    background-image: url('../img/icons/Total_Items_in_Project_White_.png');
}

.tile_future {
    background-color: #dfe3e7;
}

.tile_pending {
    background-color: #738599;
}

.tile_open {
    background-color: #476079;
}

.tile_closed {
    background-color: #163d5a;
}

.tile_metrics {
    background-color: #666d76;
}

.tile_origination {
    background-color: #eff2f4;
}

    .tile_origination a, .tile_origination i {
        color: white !important;
    }

.tile_development {
    background-color: #cfd9df;
}

.tile_commitment {
    background-color: #afc1ca;
}

.tile_implementation {
    background-color: #90a9b6;
}

.tile_closed_stage {
    background-color: #7191a2;
}

.tile_sustainment {
    background-color: #000;
}

.tile_total_in_projects {
    float: right;
    color: white;
    background-color: #666d76;
    border-radius: 25px;
    padding: 3px 15px;
    font-size: 75%;
    margin-right: 17%;
}

.widget-stats .stats-info .h4, .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 {
    color: white;
}

.widget.widget-stats .stats-info.text-black h4, .widget.widget-stats .stats-info.text-black p {
    color: #000000;
}

.widget-stats {
    cursor: pointer;
}

    .widget-stats .tile_metrics {
        cursor: auto; /* or any other cursor style you prefer */
    }

.ui-datepicker {
    z-index: 10000 !important; /* Adjust the number as needed */
}

.select2-dropdown {
    z-index: 1100 !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: spin 1s linear infinite;
}

#itemSummaryTabAllocationTable th {
    text-align: center;
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #6791a5;
}

#shoppingCartAccordion .accordion-button.collapsed {
    color: #707071; 
}

#submittedCartAccordion .accordion-button.collapsed {
    color: #707071;
}

.btn.btn-icon.btn-xs.clockIcon {
    font-size: 16px;
    background-color: black;
    color: white;
}

#projectItemEditLogContainer {
    position: absolute;
    right: 0;
    width: 70%;
    height: 95%;
    display: none;
    overflow-y: auto;
    background-color: white;
    z-index: 1082;
}

.panel .panel-body {
    position: relative;
}

.addNewItemOption, .removeItemOption, #addRDField, .removeRDField, .deleteRdField {
    cursor: pointer; /* Change cursor to indicate clickable */
    color: #618699; /* Bootstrap's primary color for a familiar clickable look */
    transition: transform 0.1s ease, color 0.1s ease; /* Smooth transition for feedback */
}

    .addNewItemOption:hover, .removeItemOption:hover {
        transform: scale(1.1); /* Slightly increase size on hover */
        color: #4f6c88; /* Darker shade when hovered for feedback */
    }

.accordion-item {
    background-color: white;
}

#salesProjectItemLastUpdated {
    color: white;
    margin-right: 10px;
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
    color: white !important;
}

body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
    color: white !important;
}

.custom-option {
    display: inline-block; /* Ensure the text and icon align properly */
}

.delete-option {
    display: inline-block;
    vertical-align: middle;
}

.user-view-custom-option {
    list-style-type: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
    background-color: #eee !important; /* Light grey background */
    color: #646464 !important; /* Dimmed text color */
}

.gray-icon {
    color: gray;
}

.ag-theme-alpine-dark .ag-menu, .ag-theme-alpine .ag-menu {
    min-width: 350px;
}

.disabled-link {
    pointer-events: none; /* Prevents clicking */
    color: grey; /* Visual cue that the link is disabled */
    cursor: default;
}

.red-text, .red-text * {
    color: red !important;
}

#addToProposalBtn {
    width: 100%;
}

.table-fixed thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}

#loadingOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
}

#pageRefreshTimingText {
    margin-left: 12px;
}

.ag-icon-filter {
    color: #35383b;
}

.document-return-row {
    background-color: red;
    color: white;
}

/* FUSE-527 Edit */
.app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: inherit;
}

.app-sidebar .menu .menu-item.active > .menu-link {
    background: inherit;
    color: inherit;
}

.ag-header-cell-filtered .ag-icon-filter {
    color: #ff9700; /* Or your preferred color */
}

.ag-header-cell-filtered .ag-floating-filter-button .ag-icon {
    color: #ff9700 !important; /* Color when the filter is active */
}

.fuse-core-svg-icon {
    filter: brightness(1.4) contrast(2.5) saturate(1.2); /*  (changed for FUSE-527) */
    width: 100px;
    height: 100px;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item.active > .menu-link {
    background: 0 0;
    color: var(--bs-app-theme);
}

.app-content {
    min-height: 800px;
}

.spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.panel-body {
    position: relative;
}