:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #7E8299;
    --bs-gray-dark: #3F4254;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F4F4F4;
    --bs-gray-300: #E1E3EA;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --bs-light: #F9F9F9;
    --bs-primary: #DA291C;
    --bs-secondary: #E1E3EA;
    --bs-success: #50CD89;
    --bs-info: #7239EA;
    --bs-warning: #ffc700;
    --bs-danger: #F1416C;
    --bs-dark: #181C32;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 26, 71, 146;
    --bs-secondary-rgb: 225, 227, 234;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 231, 139, 47;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-primary-text: #0a58ca;
    --bs-secondary-text: #7E8299;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #997404;
    --bs-danger-text: #D9214E;
    --bs-light-text: #7E8299;
    --bs-dark-text: #5E6278;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #F9F9F9;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #B5B5C3;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #F4F4F4;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #F4F4F4;
    --bs-dark-border-subtle: #A1A5B7;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 24, 28, 50;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Montserrat";
    --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: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #181C32;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(24, 28, 50, 0.75);
    --bs-secondary-color-rgb: 24, 28, 50;
    --bs-secondary-bg: #F4F4F4;
    --bs-secondary-bg-rgb: 244, 244, 244;
    --bs-tertiary-color: rgba(24, 28, 50, 0.5);
    --bs-tertiary-color-rgb: 24, 28, 50;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249, 249, 249;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-heading-color: #181C32;
    --bs-link-color: #DA291C;
    --bs-link-color-rgb: 29, 190, 191;
    --bs-link-decoration: none;
    --bs-link-hover-color: #AB2328;
    --bs-link-hover-color-rgb: 4, 100, 100;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F4F4F4;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.75rem;
    --bs-border-radius-sm: 0.55rem;
    --bs-border-radius-lg: 1.25rem;
    --bs-border-radius-xl: 2rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-emphasis-color: #000000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px !important;
    font-weight: 400;
    font-family: 'Montserrat';
}

#map {
    height: 180px;
}

[data-bs-theme=dark] {
    --bs-body-color: #FFFFFF;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg: #1e1e2d;
    --bs-body-bg-rgb: 30, 30, 45;
    --bs-emphasis-color: #F9F9F9;
    --bs-emphasis-color-rgb: 249, 249, 249;
    --bs-secondary-color: rgba(255, 255, 255, 0.75);
    --bs-secondary-color-rgb: 255, 255, 255;
    --bs-secondary-bg: #3F4254;
    --bs-secondary-bg-rgb: 63, 66, 84;
    --bs-tertiary-color: rgba(255, 255, 255, 0.5);
    --bs-tertiary-color-rgb: 255, 255, 255;
    --bs-tertiary-bg: #2c2f43;
    --bs-tertiary-bg-rgb: 44, 47, 67;
    --bs-emphasis-color: #ffffff;
    --bs-primary-text: #6ea8fe;
    --bs-secondary-text: #E1E3EA;
    --bs-success-text: #75b798;
    --bs-info-text: #6edff6;
    --bs-warning-text: #ffda6a;
    --bs-danger-text: #ea868f;
    --bs-light-text: #F9F9F9;
    --bs-dark-text: #E1E3EA;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #181C32;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #3F4254;
    --bs-dark-bg-subtle: #20212a;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #5E6278;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #055160;
    --bs-warning-border-subtle: #664d03;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #5E6278;
    --bs-dark-border-subtle: #3F4254;
    --bs-heading-color: #FFFFFF;
    --bs-link-color: #1DBEBF;
    --bs-link-hover-color: #9ec5fe;
    --bs-link-color-rgb: 29, 190, 191;
    --bs-link-hover-color-rgb: 4, 100, 100;
    --bs-code-color: #b93993;
    --bs-border-color: #2B2B40;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15)
}

[data-bs-theme=light] {
    --bs-text-muted: #A1A5B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F4F4F4;
    --bs-gray-200-rgb: 244, 244, 244;
    --bs-gray-300: #E1E3EA;
    --bs-gray-300-rgb: 225, 227, 234;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181, 181, 195;
    --bs-gray-500: #A1A5B7;
    --bs-gray-500-rgb: 161, 165, 183;
    --bs-gray-600: #7E8299;
    --bs-gray-600-rgb: 126, 130, 153;
    --bs-gray-700: #5E6278;
    --bs-gray-700-rgb: 94, 98, 120;
    --bs-gray-800: #3F4254;
    --bs-gray-800-rgb: 63, 66, 84;
    --bs-gray-900: #181C32;
    --bs-gray-900-rgb: 24, 28, 50;
    --bs-light: #F9F9F9;
    --bs-primary: #DA291C;
    --bs-secondary: #E1E3EA;
    --bs-success: #50CD89;
    --bs-info: #7239EA;
    --bs-warning: #ffc700;
    --bs-danger: #F1416C;
    --bs-dark: #181C32;
    --bs-primary-active: #AB2328;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F4F4F4;
    --bs-success-active: #5FB751;
    --bs-info-active: #5014D0;
    --bs-warning-active: #CE7317;
    --bs-danger-active: #D9214E;
    --bs-dark-active: #131628;
    --bs-primary-light: #becfed;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #EEFBEC;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FCF2E8;
    --bs-danger-light: #FFF2F1;
    --bs-dark-light: #F4F4F4;
    --bs-primary-inverse: #FFFFFF;
    --bs-secondary-inverse: #3F4254;
    --bs-light-inverse: #7E8299;
    --bs-success-inverse: #FFFFFF;
    --bs-info-inverse: #FFFFFF;
    --bs-warning-inverse: #FFFFFF;
    --bs-danger-inverse: #FFFFFF;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 44, 154, 255;
    --bs-secondary-rgb: 225, 227, 234;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 231, 139, 47;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-text-white: #ffffff;
    --bs-text-primary: #DA291C;
    --bs-text-secondary: #E1E3EA;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50CD89;
    --bs-text-info: #7239EA;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #F1416C;
    --bs-text-dark: #181C32;
    --bs-text-muted: #A1A5B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F4F4F4;
    --bs-text-gray-300: #E1E3EA;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #A1A5B7;
    --bs-text-gray-600: #7E8299;
    --bs-text-gray-700: #5E6278;
    --bs-text-gray-800: #3F4254;
    --bs-text-gray-900: #181C32;
    --bs-border-color: #F4F4F4;
    --bs-border-dashed-color: #E1E3EA;
    --bs-component-active-color: #FFFFFF;
    --bs-component-active-bg: #DA291C;
    --bs-component-hover-color: #DA291C;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #FFFFFF;
    --bs-component-checked-bg: #DA291C;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #A1A5B7;
    --bs-menu-link-color-hover: #DA291C;
    --bs-menu-link-color-show: #DA291C;
    --bs-menu-link-color-here: #DA291C;
    --bs-menu-link-color-active: #DA291C;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F4F4F4;
    --bs-scrollbar-hover-color: #efefef;
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --bs-ribbon-label-bg: #DA291C;
    --bs-ribbon-label-border-color: #0067c5;
    --bs-ribbon-clip-bg: #181C32;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #3F4254;
    --bs-engage-btn-icon-color: #7E8299;
    --bs-engage-btn-color-active: #3F4254
}

[data-bs-theme=dark] {
    --bs-text-muted: #565674;
    --bs-gray-100: #1b1b29;
    --bs-gray-100-rgb: 27, 27, 41;
    --bs-gray-200: #2B2B40;
    --bs-gray-200-rgb: 43, 43, 64;
    --bs-gray-300: #323248;
    --bs-gray-300-rgb: 50, 50, 72;
    --bs-gray-400: #474761;
    --bs-gray-400-rgb: 71, 71, 97;
    --bs-gray-500: #565674;
    --bs-gray-500-rgb: 86, 86, 116;
    --bs-gray-600: #6D6D80;
    --bs-gray-600-rgb: 109, 109, 128;
    --bs-gray-700: #92929F;
    --bs-gray-700-rgb: 146, 146, 159;
    --bs-gray-800: #CDCDDE;
    --bs-gray-800-rgb: 205, 205, 222;
    --bs-gray-900: #FFFFFF;
    --bs-gray-900-rgb: 255, 255, 255;
    --bs-white: #ffffff;
    --bs-light: #2B2B40;
    --bs-primary: #DA291C;
    --bs-success: #50CD89;
    --bs-info: #7239EA;
    --bs-warning: #ffc700;
    --bs-danger: #F1416C;
    --bs-dark: #FFFFFF;
    --bs-secondary: #323248;
    --bs-primary-active: #AB2328;
    --bs-secondary-active: #474761;
    --bs-light-active: #323248;
    --bs-success-active: #5FB751;
    --bs-info-active: #5014D0;
    --bs-warning-active: #CE7317;
    --bs-danger-active: #D9214E;
    --bs-dark-active: white;
    --bs-primary-light: #becfed;
    --bs-success-light: #1C3238;
    --bs-info-light: #2F264F;
    --bs-warning-light: #392F28;
    --bs-danger-light: #3A2434;
    --bs-dark-light: #2B2B40;
    --bs-secondary-light: #1b1b29;
    --bs-primary-inverse: #FFFFFF;
    --bs-secondary-inverse: #92929F;
    --bs-light-inverse: #7E8299;
    --bs-success-inverse: #FFFFFF;
    --bs-info-inverse: #FFFFFF;
    --bs-warning-inverse: #FFFFFF;
    --bs-danger-inverse: #FFFFFF;
    --bs-dark-inverse: #1b1b29;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 43, 43, 64;
    --bs-primary-rgb: 44, 154, 255;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 231, 139, 47;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 255, 255, 255;
    --bs-secondary-rgb: 50, 50, 72;
    --bs-text-white: #ffffff;
    --bs-text-primary: #DA291C;
    --bs-text-secondary: #323248;
    --bs-text-light: #2B2B40;
    --bs-text-success: #50CD89;
    --bs-text-info: #7239EA;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #F1416C;
    --bs-text-dark: #FFFFFF;
    --bs-text-muted: #565674;
    --bs-text-gray-100: #1b1b29;
    --bs-text-gray-200: #2B2B40;
    --bs-text-gray-300: #323248;
    --bs-text-gray-400: #474761;
    --bs-text-gray-500: #565674;
    --bs-text-gray-600: #6D6D80;
    --bs-text-gray-700: #92929F;
    --bs-text-gray-800: #CDCDDE;
    --bs-text-gray-900: #FFFFFF;
    --bs-border-color: #2B2B40;
    --bs-border-dashed-color: #323248;
    --bs-component-active-color: #FFFFFF;
    --bs-component-active-bg: #DA291C;
    --bs-component-hover-color: #DA291C;
    --bs-component-hover-bg: #1b1b29;
    --bs-component-checked-color: #FFFFFF;
    --bs-component-checked-bg: #DA291C;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(27, 27, 41, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1e1e2d;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2B2B40;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #CDCDDE;
    --bs-symbol-label-bg: #1b1b29;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #474761;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #DA291C;
    --bs-scrolltop-bg-color-hover: #DA291C;
    --bs-scrolltop-icon-color: #FFFFFF;
    --bs-scrolltop-icon-color-hover: #FFFFFF;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1e1e2d;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1e1e2d;
    --bs-menu-heading-color: #565674;
    --bs-menu-link-color-hover: #DA291C;
    --bs-menu-link-color-show: #DA291C;
    --bs-menu-link-color-here: #DA291C;
    --bs-menu-link-color-active: #DA291C;
    --bs-menu-link-bg-color-hover: #1b1b29;
    --bs-menu-link-bg-color-show: #1b1b29;
    --bs-menu-link-bg-color-here: #1b1b29;
    --bs-menu-link-bg-color-active: #1b1b29;
    --bs-scrollbar-color: #2B2B40;
    --bs-scrollbar-hover-color: #27273a;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #474761;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #DA291C;
    --bs-ribbon-label-border-color: #0067c5;
    --bs-ribbon-clip-bg: #F9F9F9;
    --bs-engage-btn-bg: #2B2B40;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #2B2B40;
    --bs-engage-btn-color: #CDCDDE;
    --bs-engage-btn-icon-color: #6D6D80;
    --bs-engage-btn-color-active: #CDCDDE
}

.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F9F9F9;
    --bs-btn-border-color: #F9F9F9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #d4d4d4;
    --bs-btn-hover-border-color: #c7c7c7;
    --bs-btn-focus-shadow-rgb: 212, 212, 212;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #c7c7c7;
    --bs-btn-active-border-color: #bbbbbb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F9F9F9;
    --bs-btn-disabled-border-color: #F9F9F9
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #DA291C;
    --bs-btn-border-color: #DA291C;
    --bs-btn-hover-color: #046464;
    --bs-btn-hover-bg: #046464;
    --bs-btn-hover-border-color: #046464;
    --bs-btn-focus-shadow-rgb: 37, 131, 217;
    --bs-btn-active-color: #046464;
    --bs-btn-active-bg: #046464;
    --bs-btn-active-border-color: #046464;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #046464;
    --bs-btn-disabled-bg: #DA291C;
    --bs-btn-disabled-border-color: #DA291C
}

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #E1E3EA;
    --bs-btn-border-color: #E1E3EA;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #e6e7ed;
    --bs-btn-hover-border-color: #e4e6ec;
    --bs-btn-focus-shadow-rgb: 191, 193, 199;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #e7e9ee;
    --bs-btn-active-border-color: #e4e6ec;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #E1E3EA;
    --bs-btn-disabled-border-color: #E1E3EA
}

.btn-success {
    --bs-btn-color: #000000;
    --bs-btn-bg: #50CD89;
    --bs-btn-border-color: #50CD89;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #6ad59b;
    --bs-btn-hover-border-color: #62d295;
    --bs-btn-focus-shadow-rgb: 68, 174, 116;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #73d7a1;
    --bs-btn-active-border-color: #62d295;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #50CD89;
    --bs-btn-disabled-border-color: #50CD89
}

.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #7239EA;
    --bs-btn-border-color: #7239EA;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6130c7;
    --bs-btn-hover-border-color: #5b2ebb;
    --bs-btn-focus-shadow-rgb: 135, 87, 237;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5b2ebb;
    --bs-btn-active-border-color: #562bb0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #7239EA;
    --bs-btn-disabled-border-color: #7239EA
}

.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffc700;
    --bs-btn-border-color: #ffc700;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #eb9c4e;
    --bs-btn-hover-border-color: #e99744;
    --bs-btn-focus-shadow-rgb: 196, 118, 40;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #eca259;
    --bs-btn-active-border-color: #e99744;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #ffc700;
    --bs-btn-disabled-border-color: #ffc700
}

.btn-danger {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F1416C;
    --bs-btn-border-color: #F1416C;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f35e82;
    --bs-btn-hover-border-color: #f2547b;
    --bs-btn-focus-shadow-rgb: 205, 55, 92;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f46789;
    --bs-btn-active-border-color: #f2547b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F1416C;
    --bs-btn-disabled-border-color: #F1416C
}

.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #181C32;
    --bs-btn-border-color: #181C32;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3b3e51;
    --bs-btn-hover-border-color: #2f3347;
    --bs-btn-focus-shadow-rgb: 59, 62, 81;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #46495b;
    --bs-btn-active-border-color: #2f3347;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #181C32;
    --bs-btn-disabled-border-color: #181C32
}

.btn-outline-light {
    --bs-btn-color: #F9F9F9;
    --bs-btn-border-color: #F9F9F9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F9F9F9;
    --bs-btn-hover-border-color: #F9F9F9;
    --bs-btn-focus-shadow-rgb: 249, 249, 249;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F9F9F9;
    --bs-btn-active-border-color: #F9F9F9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F9F9F9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F9F9F9;
    --bs-gradient: none
}

.btn-outline-primary {
    --bs-btn-color: #DA291C;
    --bs-btn-border-color: #DA291C;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #DA291C;
    --bs-btn-hover-border-color: #DA291C;
    --bs-btn-focus-shadow-rgb: 44, 154, 255;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #DA291C;
    --bs-btn-active-border-color: #DA291C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #DA291C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #DA291C;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #E1E3EA;
    --bs-btn-border-color: #E1E3EA;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #E1E3EA;
    --bs-btn-hover-border-color: #E1E3EA;
    --bs-btn-focus-shadow-rgb: 225, 227, 234;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #E1E3EA;
    --bs-btn-active-border-color: #E1E3EA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E1E3EA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E1E3EA;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #50CD89;
    --bs-btn-border-color: #50CD89;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #50CD89;
    --bs-btn-hover-border-color: #50CD89;
    --bs-btn-focus-shadow-rgb: 80, 205, 137;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #50CD89;
    --bs-btn-active-border-color: #50CD89;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #50CD89;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #50CD89;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #7239EA;
    --bs-btn-border-color: #7239EA;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #7239EA;
    --bs-btn-hover-border-color: #7239EA;
    --bs-btn-focus-shadow-rgb: 114, 57, 234;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #7239EA;
    --bs-btn-active-border-color: #7239EA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7239EA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7239EA;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc700;
    --bs-btn-border-color: #ffc700;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffc700;
    --bs-btn-hover-border-color: #ffc700;
    --bs-btn-focus-shadow-rgb: 231, 139, 47;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffc700;
    --bs-btn-active-border-color: #ffc700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc700;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc700;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #F1416C;
    --bs-btn-border-color: #F1416C;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F1416C;
    --bs-btn-hover-border-color: #F1416C;
    --bs-btn-focus-shadow-rgb: 241, 65, 108;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F1416C;
    --bs-btn-active-border-color: #F1416C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F1416C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F1416C;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #181C32;
    --bs-btn-border-color: #181C32;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #181C32;
    --bs-btn-hover-border-color: #181C32;
    --bs-btn-focus-shadow-rgb: 24, 28, 50;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #181C32;
    --bs-btn-active-border-color: #181C32;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #181C32;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #181C32;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 37, 131, 217;
    text-decoration: none
}

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

.link-primary:focus,
.link-primary:hover {
    color: var(--bs-link-hover-color)!important
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: none
}

/* Dropdown Button */
.dropbtn {
    background-color: var(--kt-menu-dropdown-bg-color);
    color: var(--kt-text-muted);
    padding: 16px;
    font-size: 16px;
    border: none;
    border-radius: 0.475rem;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    border-radius: 0.475rem;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    inset: 5px 5px auto auto;
    background-color: white;
    min-width: 160px;
    border-radius: 0.475rem;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    z-index: 107;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: var(--kt-gray-800);
    padding: 12px 16px;
    border-radius: 0.475rem;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #fafafb
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: var(--kt-light)
}

.image-input-placeholder {
    background-image: url('/assets/media/avatars/building_avatar.png');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/assets/media/avatars/building_avatar.png');
}


.modal-center.show {
    display: flex !important;
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999;
}

.pump {
    background-image: url(../media/avatars/pump_avatar.png);
}

.watertank {
    background-image: url(../media/avatars/waterTank_avatar.png);
}

.riser {
    background-image: url(../media/avatars/riser_avatar.png);
}

.others {
    background-image: url(../media/avatars/others_avatar.png);
}

.cc-selector-2 input:active+.drinkcard-cc,
.cc-selector input:active+.drinkcard-cc {
    opacity: .9;
}

.cc-selector-2 input:checked+.drinkcard-cc,
.cc-selector input:checked+.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.drinkcard-cc {
    cursor: pointer;
    margin: 10px;
    background-position-x: center;
    background-position-x: center;
    background-size: cover;
    border-radius: 10%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 210px;
    height: 210px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.modal-backdrop.fade+.modal-backdrop.fade {
    transition: opacity 0.40s linear 0s;
}

.border-primary {
    border-color: #DA291C !important;
}

.info-building-card {
    background-color: rgb(0 158 159 / 5%);
    border: 1px solid #7799991f;

}

.title-info-card {
    color: rgb(0, 158, 159) !important;
}

.info-building-card:hover {
    background-color: rgb(0, 158, 159, 0.1);


}


.card-content-wrapper .card-content img {
    max-width: 100%;
    display: block;
    vertical-align: middle;
}

.container {
    max-width: 99vw;
    margin: 15px auto;
    padding: 0 15px;
}

.top-text-wrapper {
    margin: 20px 0 30px 0;
}

.top-text-wrapper h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.top-text-wrapper code {
    font-size: 0.85em;
    background: linear-gradient(90deg, #fce3ec, #ffe8cc);
    color: #f20;
    padding: 0.1rem 0.3rem 0.2rem;
    border-radius: 0.2rem;
}

.tab-section-wrapper {
    padding: 30px 0;
}

.grid-wrapper {
    display: grid;
    grid-gap: 30px;
    place-items: center;
    place-content: center;
}

.grid-col-auto {
    grid-auto-flow: column;
    grid-template-rows: auto;
}

/* ******************* Main Styeles : Radio Card */
label.radio-card {
    cursor: pointer;
}

label.radio-card .card-content-wrapper {
    background: #125e5614;
    border-radius: 5px;
    max-width: 200px;
    min-height: 178px;
    padding: 15px;
    display: grid;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    transition: 200ms linear;
}

label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #b7b7b7;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
}

label.radio-card .check-icon:before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}

label.radio-card input[type='radio'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

label.radio-card input[type='radio']:checked+.card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #DA291C;
}

label.radio-card input[type='radio']:checked+.card-content-wrapper .check-icon {
    background: #DA291C;
    border-color: #DA291C;
    transform: scale(1.2);
}

label.radio-card input[type='radio']:checked+.card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}

label.radio-card input[type='radio']:focus+.card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
    border-color: #DA291C;
}

label.radio-card .card-content img {
    margin-bottom: 10px;
}

label.radio-card .card-content h4 {
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #046464;
    margin-bottom: 10px;
}

label.radio-card .card-content h5 {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #686d73;
}


.e21 {
    margin-top: -5.25rem !important
}

.mt-n22 {
    margin-top: -5.5rem !important
}

.mt-n23 {
    margin-top: -5.75rem !important
}

.mt-n24 {
    margin-top: -6rem !important
}

.mt-n25 {
    margin-top: -6.25rem !important
}

.mt-n26 {
    margin-top: -6.5rem !important
}

.b-radius5px {
    border-radius: 5px;
}

.b-radius10px {
    border-radius: 10px;
}



@media (min-width: 992px) {
    .app-header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) {
        transition: color .2s ease;
        background-color: transparent;
        color: var(--bs-primary) !important;
    }

    .app-header-menu .menu>.menu-item.here>.menu-link {
        transition: color .2s ease;
        background-color: transparent;
        color: var(--bs-primary) !important;
        font-weight: 700 !important;
    }

    .app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
        color: var(--bs-primary) !important;
        font-weight: 700 !important;

    }

    .app-header-menu .menu>.menu-item>.menu-link .menu-title {
        font-size: 1.1rem;
        font-weight: 500 !important;
    }

}

.invalid-input-form {
    color: var(--bs-danger-text);
    font-size: 12px;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 1rem;
    color: var(--bs-danger-text);
}

.invalid-border-input {
    border-color: var(--bs-danger-text);
}

#company_logo {
    max-height: 80px;
    max-width: 300px;
    width: 100%;
}

#logo-box {
    /* width: 200px;
    height: 60px; */
}

.building-card {
    background: #a1a5b70d;
    border: 1px solid #7799991f;
}

.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) i {
    color: var(--bs-primary);
}


#assign_user_building {
    scrollbar-width: thin;
    scrollbar-color: #eff2f5 transparent
}

#assign_user_building::-webkit-scrollbar {
    width: .5rem;
    height: .4rem;
    background-color: #ebebeb
}

#assign_user_building::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
}

#assign_user_building:hover {
    scrollbar-color: #e9edf1 transparent
}

#assign_user_building:hover::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
}

#assign_user_building_to {
    scrollbar-width: thin;
    scrollbar-color: #eff2f5 transparent
}

#assign_user_building_to::-webkit-scrollbar {
    width: .5rem;
    height: .4rem;
    background-color: #ebebeb
}

#assign_user_building_to::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
}

#assign_user_building_to:hover {
    scrollbar-color: #e9edf1 transparent
}

#assign_user_building_to:hover::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
}

.btn-padding-multiselect {
    padding: 5px !important;
}

#select2-select_state_add-results {
    max-height: 120px;
}

.form-check.form-check-success .form-check-input:checked {
    background-color: var(--bs-primary) !important
}

.cursor-inherit {
    cursor: inherit;
}

.form-check-input:checked {
    background-color: #DA291C;
    border-color: #DA291C;
}

.btn-create-company {
    font-size: 12px;
    padding: 9px 9px !important;
    width: 100%;
}

.btn-create-company {
    font-size: 12px;
    padding: 9px 9px !important;
    width: 100%;
}

.bg-progress-bar-space {
    background-color: #9999 !important;
    border-radius: 10px;
}

.btn-pdg {
    padding: 5px 15px !important;
}

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

#key_table.dataTable thead>tr>th.sorting_asc:after {
    display: none !important;
}

.bg-text {
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/opacity/see-through */
    color: white;
    font-weight: bold;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 80%;
    padding: 20px;
    text-align: center;
}


.blur-files {

    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    background-color: #ccc;

}

.blur {
    /* font-size: 40px; */
    /* color: transparent; */
    /* text-shadow: 0 0 20px #000; */
}


.badge-pump-ok {
    color: #ffffff;
    background-color: #28a745;
    font-weight: bold;
}

.badge-pump-w {
    color: #ffffff;
    background-color: rgb(255, 193, 7);
    font-weight: bold;
}

.badge-pump-m {
    color: #ffffff;
    background-color: rgb(23, 162, 184);
    font-weight: bold;
}

.badge-pump-a {
    color: #ffffff;
    background-color: rgb(220, 53, 69);
    font-weight: bold;
}

.cursor-pointer{
    cursor: pointer;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link {
    border-bottom-width: 2px;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--bs-primary);
    transition: color .2s ease, background-color .2s ease;
}
.text-active-primary.active {
    transition: color .2s ease, background-color .2s ease;
    color: rgb(220, 53, 69) !important;
}
.form-switch {
    padding-left: 3.75rem;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 2.25rem;
    margin-bottom: .125rem;
}
.form-check .form-check-label {
    cursor: pointer;
}
label {
    display: inline-block;
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
/* .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
} */
.form-check-input:checked

 {
    background-color: #a4a4a4;
    border-color: #a4a4a4 !important;
}
.form-switch .form-check-input {
    width: 3.25rem;
    
    margin-left: -3.75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 3.25rem;
    transition: background-position .15s ease-in-out;
}
.form-check .form-check-input {
    float: left;
    margin-left: -2.25rem;
}
.form-check-input {
   
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -.125rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    appearance: none;
    color-adjust: exact;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-check-label{
margin-right: 33px!important;
color: #737373;
}