@charset "utf-8";
/* CSS Document */
/*Note:
levels - Primary - main | Secondary - layout-header and footer, form-controls | Tertiary - select2-dropdown | Quaternary | Quinary | Senary | Septenary | Octonary | Nonary | Denary */

/* ------ defaut themes styles setup ------ */
: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: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --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: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --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(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark], [data-bs-theme=blue], [data-bs-theme=red], [data-bs-theme=green] {
    color-scheme: dark;
    --bs-body-color: #fff;
    --bs-body-color-rgb: 255,255,255;
    /*--bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;*/
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}


/* ------ common themes styles setup ------ */
[data-bs-theme="light"]{--b:#2A5F73; --db:#013E55; --lb:#006991; --w:#ffffff; --bla:#000000; --g3:#333333; --g6:#666666; --g9:#999999; --ga:#AAAAAA; --gf:#f5f5f5; --bg-success: #198754; --svg-fill-color: #ffffff; --grid-shadow: 4px 4px 8px 2px rgba(var(--bs-dark-rgb), 0.2); --grid-hover-shadow:2px 2px 7px rgba(var(--bs-dark-rgb), 0.2); --select2-search-input-shadow:inset 0 1px 1px rgba(0,0,0,.075); --position-sticky-bg: var(--bs-body-bg); --form-control-placeholder-color-rgb: var(--bs-dark-rgb); --form-control-placeholder-color-opacity: 0.8;}

[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{ --b:#ffffff; --grid-shadow: 0px 0px 10px 2px rgba(var(--bs-white-rgb), 0.2); --grid-hover-shadow:2px 2px 7px rgba(var(--bs-white-rgb), 0.2); --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-white-rgb), 0.15); --bs-border-color : var(--bs-border-color-translucent); }

[data-bs-theme="dark"]{ --bs-body-bg: #002a33; --bs-body-bg-rgb: 0,42,51; --bs-body-secondary-bg: #0d3740; --bs-body-secondary-bg-rgb: 13,55,64; }
[data-bs-theme="blue"]{ --bs-body-bg: #00245a; --bs-body-bg-rgb: 0,36,90; --bs-body-secondary-bg: #163666; --bs-body-secondary-bg-rgb: 47,86,144; }
[data-bs-theme="red"]{ --bs-body-bg: #5d0c14; --bs-body-bg-rgb: 120,0,11; --bs-body-secondary-bg: #8c0e1a; --bs-body-secondary-bg-rgb: 140,14,26; }
[data-bs-theme="green"]{ --bs-body-bg: #06361f; --bs-body-bg-rgb: 0,66,35; --bs-body-secondary-bg: #0d5332; --bs-body-secondary-bg-rgb: 29,112,73; }
/*[data-bs-theme="dark"]{ --bs-body-bg: #002a33; --bs-body-bg-rgb: 0,42,51; --bs-body-secondary-bg: #0d3740; --bs-body-secondary-bg-rgb: 13,55,64; }
[data-bs-theme="blue"]{ --bs-body-bg: #00245a; --bs-body-bg-rgb: 0,36,90; --bs-body-secondary-bg: #163666; --bs-body-secondary-bg-rgb: 47,86,144; }
[data-bs-theme="red"]{ --bs-body-bg: #960c19; --bs-body-bg-rgb: 150,12,25; --bs-body-secondary-bg: #a82733; --bs-body-secondary-bg-rgb: 186,49,62; }
[data-bs-theme="green"]{ --bs-body-bg: #004223; --bs-body-bg-rgb: 0,66,35; --bs-body-secondary-bg: #0d5332; --bs-body-secondary-bg-rgb: 29,112,73; }*/
/*[data-bs-theme="dark"]{ --bs-body-bg: #002a33; --bs-body-bg-rgb: 0,42,51; --bs-body-secondary-bg: #0d3740; --bs-body-secondary-bg-rgb: 13,55,64; }
[data-bs-theme="blue"]{ --bs-body-bg: #00245a; --bs-body-bg-rgb: 0,36,90; --bs-body-secondary-bg: #2f5690; --bs-body-secondary-bg-rgb: 47,86,144; }
[data-bs-theme="red"]{ --bs-body-bg: #960c19; --bs-body-bg-rgb: 150,12,25; --bs-body-secondary-bg: #ba313e; --bs-body-secondary-bg-rgb: 186,49,62; }
[data-bs-theme="green"]{ --bs-body-bg: #004223; --bs-body-bg-rgb: 0,66,35; --bs-body-secondary-bg: #1d7049; --bs-body-secondary-bg-rgb: 29,112,73; }*/

[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--form-control-bg: var(--bs-body-secondary-bg); --form-control-bg-rgb: var(--bs-body-secondary-bg-rgb); --form-control-placeholder-color-rgb: var(--bs-white-rgb); --form-control-placeholder-color-opacity: 0.8; --position-sticky-bg: var(--bs-body-bg);}

/*navbar*/
/*.layout_header{background-color: var(--bs-light-bg-subtle);}
.navbar .nav-item .nav-link{color: var(--bs-body-color); background-color: var(--bs-body-bg);}
.navbar .nav-item .nav-link.dropdown-toggle.show + .dropdown-menu.show{ border-color: var(--bs-border-color); background-color: var(--bs-light-bg);}
[data-bs-theme="light"] .navbar .icon{filter: brightness(0) invert(0) !important;}
:not([data-bs-theme="light"]) .navbar .icon{filter: brightness(0) in: ;vert(1);}*/

[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--layout-footer-bg: var(--bs-body-secondary-bg); --layout-header-bg: var(--bs-body-secondary-bg); --layout-header-color:var(--bs-white); --layout-header-secondary-color-rgb: var(--bs-white-rgb) ; --layout-header-color-opacity: 0.7; }

[data-bs-theme="light"]{--layout-footer-bg: #055160; --layout-header-bg: var(--bs-white); --layout-header-bg-subtle:var(--bs-white); --layout-header-color:var(--bs-black); --layout-header-secondary-color-rgb: var(--bs-dark-rgb) ; --layout-header-color-opacity: 0.7;  --layout-header-logout-btn-bg: var(--bs-primary); }
[data-bs-theme="dark"] { --layout-footer-bg: #055160; --layout-header-bg: #055160;  --layout-header-bg-subtle:var(--bs-primary-subtle); --layout-header-logout-btn-bg: var(--bs-primary); }
[data-bs-theme="blue"] { --layout-header-bg-subtle:var(--bs-primary-subtle); --layout-header-logout-btn-bg: var(--bs-danger); }
[data-bs-theme="red"]  { --layout-header-bg-subtle:var(--bs-primary-subtle); --layout-header-logout-btn-bg: var(--bs-primary); }
[data-bs-theme="green"]{ --layout-header-bg-subtle:var(--bs-primary-subtle); --layout-header-logout-btn-bg: var(--bs-primary); }

[data-bs-theme="light"] .layout_header .btn{background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));}
[data-bs-theme="light"] .layout_header .layout_header_logout{background-color: var(--bs-primary);color: var(--bs-white);}
[data-bs-theme="light"] .hb_menu, [data-bs-theme="light"] .hb_close{background-color: var(--layout-header-color);}
[data-bs-theme="light"] .navbar-brand-title, [data-bs-theme="light"] .poweredby-title, [data-bs-theme="light"] .brand_cta .portal-type, [data-bs-theme="light"] .h3{--layout-header-color:var(--bs-primary);}
[data-bs-theme="light"] .layout_header .navbar-nav .nav-link{background-color:var(--bs-gray-200); color: var(--bs-black);}
[data-bs-theme="light"] .layout_header .navbar-nav .nav-link:focus, [data-bs-theme="light"] .layout_header .nav-link:hover, .layout_header .navbar-nav .nav-link.active, [data-bs-theme="light"] .layout_header .navbar-nav .nav-link.show{background-color:var(--bs-gray-300); color: var(--bs-black);}
[data-bs-theme="light"] .layout_header .dropdown-menu{background-color:var(--bs-gray-300); }
[data-bs-theme="light"] .navbar .nav-item .nav-link.dropdown-toggle.show + .dropdown-menu.show .nav-item .nav-link{--bs-bg-opacity: 0.8; color: var(--bs-black);}

.layout_header{background-color: var(--layout-header-bg);}
.layout_header .navbar-collapse{background-color: var(--layout-header-bg-subtle);}
.layout_header .navbar-brand-title{color:var(--layout-header-color);}
.layout_header .btn{--bs-bg-opacity:0.3; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); border-color: var(--bs-border-color-translucent); color:var(--layout-header-color);}
.layout_header .layout_header_logout{ background-color: var(--layout-header-logout-btn-bg);}
.layout_header .h3{color:var(--layout-header-color);}
.layout_header .h6{color:rgba(var(--layout-header-secondary-color-rgb), var(--layout-header-color-opacity));}
.layout_header .navbar-nav .nav-link{--bs-bg-opacity:0.3; --bs-color-opacity:1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-white-rgb), var(--bs-color-opacity)); }
.layout_header .navbar-nav .nav-link:focus, .layout_header .nav-link:hover, .layout_header .navbar-nav .nav-link.active, .layout_header .navbar-nav .nav-link.show{--bs-color-opacity:1;  color:rgba(var(--bs-white-rgb), var(--bs-color-opacity));}
.layout_header .dropdown-menu{--bs-bg-opacity:0.5; --bs-color-opacity:1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color:rgba(var(--bs-white-rgb), var(--bs-color-opacity));}
.navbar .nav-item .nav-link.dropdown-toggle.show + .dropdown-menu.show .nav-item .nav-link{--bs-bg-opacity:0.1; --bs-color-opacity:1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)); color:rgba(var(--bs-white-rgb), var(--bs-color-opacity)); }
.hb_menu, .hb_close{background-color: var(--layout-header-color);}
.poweredby-title, .brand_cta .portal-type{ color: var(--layout-header-color);}

/*footer*/
[data-bs-theme="light"]{}
.mobile-nav{/*background-color: var(--bs-primary-bg-subtle); */}
.bloc-icon.active::before{background-color: var(--bs-white);}
.bloc-icon:not(:last-child){border-right:2px solid var(--bs-border-color-translucent);}
.layout_footer{ background-color: var(--layout-footer-bg);} 
.layout_footer .nav-link{color:rgba(var(--bs-white-rgb),0.7); }
.layout_footer .navbar-nav .nav-link.active, .layout_footer .navbar-nav .nav-link.show{color:rgba(var(--bs-white-rgb),1) }
    
/*main*/
:root{ --bs-text-opacity:1; --bs-text-opacity_02:0.2; --bs-text-opacity_03:0.3; --bs-text-opacity_04:0.4; --bs-text-opacity_05:0.5; --bs-text-opacity_06:0.6; --bs-text-opacity_07:0.7; --bs-text-opacity_08:0.8; --bs-text-opacity_09:0.9;}
[data-bs-theme="light"]{    
    --text-muted-color: var(--bs-black-rgb); --text-muted-color-opacity: var(--bs-text-opacity_07);
    --text-dark-color-rgb: var(--bs-black-rgb); --text-dark-color-opacity: var(--bs-text-opacity);
    --text-black-color: var(--bs-black-rgb); --text-black-color-opacity: var(--bs-text-opacity);
    --text-secondary-color-rgb: var(--bs-secondary-rgb); --text-secondary-color-opacity: var(--bs-text-opacity);
    --text-light-color-rgb: var(--bs-light-rgb); --text-light-color-opacity: var(--bs-text-opacity);
    --text-primary-color-rgb: var(--bs-primary-rgb); --text-primary-color-opacity: var(--bs-text-opacity);
    --text-success-color-rgb: var(--bs-success-rgb); --text-success-color-opacity: var(--bs-text-opacity);
    --text-info-color-rgb: var(--bs-info-rgb); --text-info-color-opacity: var(--bs-text-opacity);
    --text-warning-color-rgb: var(--bs-warning-rgb); --text-warning-color-opacity: var(--bs-text-opacity);
    --text-danger-color-rgb: var(--bs-danger-rgb); --text-danger-color-opacity: var(--bs-text-opacity);
    --text-white-color-rgb: var(--bs-white-rgb); --text-white-color-opacity: var(--bs-text-opacity);
    --text-body-color-rgb: var(--bs-body-rgb); --text-body-color-opacity: var(--bs-text-opacity);
    
}
[data-bs-theme="dark"]{--bs-primary-rgb :72,146,255; --bs-success-rgb :0,197,106; --bs-info-rgb :15,200,213; --bs-warning-rgb :220,179,53; --bs-danger-rgb :220,53,69;}
[data-bs-theme="blue"]{--bs-primary-rgb :72,146,255; --bs-success-rgb :0,197,106; --bs-info-rgb :15,200,213; --bs-warning-rgb :220,179,53; --bs-danger-rgb :220,53,69;}
[data-bs-theme="green"]{ --bs-primary-rgb :72,146,255; --bs-success-rgb :0,197,106; --bs-info-rgb :15,200,213; --bs-warning-rgb :220,179,53; --bs-danger-rgb :220,53,69;}
[data-bs-theme="red"]{ --bs-primary-rgb :72,146,255; --bs-success-rgb :0,197,106; --bs-info-rgb :15,200,213; --bs-warning-rgb :220,179,53; --bs-danger-rgb :255,112,125; }

[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{ 
    --text-muted-color: var(--bs-white-rgb); --text-muted-color-opacity: var(--bs-text-opacity); 
    --text-dark-color-rgb: var(--bs-white-rgb); --text-dark-color-opacity: var(--bs-text-opacity);
    --text-black-color: var(--bs-white-rgb); --text-black-color-opacity: var(--bs-text-opacity);
    --text-secondary-color-rgb: var(--bs-white-rgb); --text-secondary-color-opacity: var(--bs-text-opacity);
    --text-light-color-rgb: var(--bs-white-rgb); --text-light-color-opacity: var(--bs-text-opacity);
    --text-primary-color-rgb: var(--bs-primary-rgb); --text-primary-color-opacity: var(--bs-text-opacity);
    --text-success-color-rgb: var(--bs-success-rgb); --text-success-color-opacity: var(--bs-text-opacity);
    --text-info-color-rgb: var(--bs-info-rgb); --text-info-color-opacity: var(--bs-text-opacity);
    --text-warning-color-rgb: var(--bs-warning-rgb); --text-warning-color-opacity: var(--bs-text-opacity);
    --text-danger-color-rgb: var(--bs-danger-rgb); --text-danger-color-opacity: var(--bs-text-opacity);
    --text-white-color-rgb: var(--bs-white-rgb); --text-white-color-opacity: var(--bs-text-opacity);
    --text-body-color-rgb: var(--bs-white-rgb); --text-body-color-opacity: var(--bs-text-opacity);
}

.text-muted{color: rgba(var(--text-muted-color),var(--text-muted-color-opacity)) !important;}
.text-dark{ color: rgba(var(--text-dark-color-rgb), var(--text-dark-color-opacity)) !important;}
.text-black{color: rgba(var(--text-black-color-rgb), var(--text-dark-color-opacity)) !important;}
.text-secondary{color: rgba(var(--text-secondary-color-rgb), var(--text-secondary-color-opacity)) !important;}
.text-light{color: rgba(var(--text-light-color-rgb), var(--text-light-color-opacity)) !important;}

.text-primary{color: rgba(var(--text-primary-color-rgb), var(--text-primary-color-opacity)) !important;}
.text-success{color: rgba(var(--text-success-color-rgb), var(--text-success-color-opacity)) !important;}
.text-info{color: rgba(var(--text-info-color-rgb), var(--text-info-color-opacity)) !important;}
.text-warning{color: rgba(var(--text-warning-color-rgb), var(--text-warning-color-opacity)) !important;}
.text-danger{color: rgba(var(--text-danger-color-rgb), var(--text-danger-color-opacity)) !important;}
.text-white{color: rgba(var(--text-white-color-rgb), var(--text-white-color-opacity)) !important;}
.text-body{color: rgba(var(--text-body-color-rgb), var(--text-body-color-opacity)) !important;}


/*[data-bs-theme="dark"] .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;}*/
[data-bs-theme="dark"] {--unread_msg-bg-rgb: var(--bs-black-rgb);  }
[data-bs-theme="blue"] {--unread_msg-bg-rgb: var(--bs-primary-rgb);  }
[data-bs-theme="red"] {--unread_msg-bg-rgb: var(--bs-danger-rgb);  }
[data-bs-theme="green"] {--unread_msg-bg-rgb: var(--bs-success-rgb);  }
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{ --unread_msg-bg-opacity: 0.3;}

.content_header{/*background-color: var(--w)*/ background-color: var(--position-sticky-bg);}
.list-group-item.unread_msg{background-color: rgba(var(--unread_msg-bg-rgb), var(--unread_msg-bg-opacity));}
.nav.nav-tabs .nav-link{border-bottom: 3px solid var(--bs-border-color-translucent);}
.position-sticky{background-color: var(--position-sticky-bg);}
.listgrid-btn-group .btn{border: 1px solid var(--bs-border-color-translucent);}
.invoice_items_form .form-control{border: 1px solid var(--bs-border-color-translucent);}

/*loader - paste same css on base.css too -> bcz on login pages we dont have theme.css */
:root{--loader-bg-rgb:var(--bs-black-rgb); --loader-bg-opacity:0.7;}
div#showLoading, #showLoadingMsg, #showLoader {background: rgb(255, 255, 255, 80%); background: rgba(var(--loader-bg-rgb),var(--loader-bg-opacity)); color: var(--bs-body-color);}
[data-bs-theme="light"]{--loader-bg-rgb:var(--bs-white-rgb);}

/*breadcrumb*/
[data-bs-theme="light"]{--breadcrumb-border-color:var(--bs-border-color);}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--breadcrumb-border-color:var(--bs-border-color-translucent); ;}
.breadcrumb{--bs-breadcrumb-divider-color: var(--breadcrumb-border-color); border: 1px dashed var(--breadcrumb-border-color);}

/*accordion*/
[data-bs-theme="light"]{--bs-accordion-item-bg: var(--bs-body-bg); --bs-accordion-btn-icon-color-rgb: var(--bs-black-rgb); --bs-accordion-btn-icon-color-opacity:  0.7;}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--bs-accordion-item-bg: var(--bs-body-secondary-bg); --bs-accordion-btn-icon-color-rgb: var(--bs-white-rgb); --bs-accordion-btn-icon-color-opacity: 0.7 ;}
.accordion-item{--bs-accordion-bg: var(--bs-accordion-item-bg); background-color: var(--bs-accordion-bg);}
.accordion-button::after{color: rgba(var(--bs-accordion-btn-icon-color-rgb),var(--bs-accordion-btn-icon-color-opacity)); border-color: rgba(var(--bs-accordion-btn-icon-color-rgb), var(--bs-accordion-btn-icon-color-opacity)) transparent transparent;}

/*shadow*/
[data-bs-theme="light"]{--bs-box-glow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-glow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-glow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{/*--bs-box-glow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15); --bs-box-glow-sm: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075); --bs-box-glow-lg: 0 1rem 3rem rgba(255, 255, 255, 0.175);*/}
.shadow{--bs-box-shadow: var(--bs-box-glow);}
.shadow-sm{--bs-box-shadow-sm: var(--bs-box-glow-sm);}
.shadow-lg{--bs-box-shadow-lg: var(--bs-box-glow-lg);}

/*media*/
[data-bs-theme="light"]{--bs-media-bg: var(--bs-body-bg); --bs-media-color-rgb: var(--bs-black-rgb); --bs-media-color-opacity:  0.7;}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--bs-media-bg: var(--bs-body-secondary-bg); --bs-media-color-rgb: var(--bs-white-rgb); --bs-media-color-opacity: 0.7 ;}
.media{ background-color: var(--bs-media-bg);}

/*gallery*/
[data-bs-theme="light"]{--gallery-item-bg-rgb: var(--bs-secondary-rgb); --gallery-item-bg-opacity:0.1; --gallery-item-color: var(--bs-body-color);  --album-category-bg-rgb: var(--bs-secondary-rgb); --album-category-bg-opacity:0.1; --album-category-color: var(--bs-body-color);}
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--gallery-item-bg-rgb: var(--bs-white-rgb); --gallery-item-bg-opacity:0.2; --gallery-item-color: var(--bs-white); --album-category-bg-rgb: var(--bs-white-rgb); --album-category-bg-opacity:0.1; --album-category-color: var(--bs-white);}

.gallery-item{background-color: rgba(var(--gallery-item-bg-rgb),var(--gallery-item-bg-opacity)) !important;}
.album-category{background-color: rgba(var(--album-category-bg-rgb),var(--album-category-bg-opacity)) !important; color: var(--bs-card-cap-color) !important;}

/*forms*/
:root {
    --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='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); /* Black icon */
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); /* White icon */
}
[data-bs-theme="light"]{--form-check-btn-bg: var(--bs-gray-200); --form-check-btn-active-bg: var(--bs-primary); --form-check-btn-color: var(--bs-body-color); --form-check-active-btn-color: var(--bs-white); --bs-form-select-bg-icon: var(--bs-form-select-bg-img);}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--form-check-btn-bg: var(--bs-gray); --form-check-btn-active-bg: var(--bs-primary); --form-check-btn-color: var(--bs-white); }

[data-bs-theme=light]{--form-control-bg: var(--bs-body-bg);}
.form-control{ background-color: var(--form-control-bg); }
.form-select{background-color: var(--form-control-bg); background-image: var(--bs-form-select-bg-icon);}
.custom-select-wrapper::after{border-color: rgba(var(--bs-accordion-btn-icon-color-rgb),var(--bs-accordion-btn-icon-color-opacity)) transparent transparent; }
.form-control::placeholder{color: rgba(var(--form-control-placeholder-color-rgb), var(--form-control-placeholder-color-opacity)); }
.select2-search input{-webkit-box-shadow: var(--select2-search-input-shadow); box-shadow: var(--select2-search-input-shadow);}

.form-check .btn{background-color: var(--form-check-btn-bg); color: var(--form-check-btn-color)}
.form-check .btn-check+.btn:hover{background-color: var(--form-check-btn-active-bg) !important; color: var(--form-check-active-btn-color);}
.form-check .btn-check:checked + .btn{background-color: var(--form-check-btn-active-bg) !important; color: var(--form-check-active-btn-color);}

.input-group-text{background-color: var(--form-control-bg); color: var(--form-control-placeholder-color);}

/*sweet alerts*/
[data-bs-theme="light"] {--sweet-alert-bg-rgb: var(--bs-body-bg-rgb); --sweet-alert-bg-opacity: 1; --sweet-alert-color:var(--bs-black);}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"] {--sweet-alert-bg-rgb: var(--bs-body-secondary-bg-rgb); --sweet-alert-bg-opacity: 1; --sweet-alert-color:var(--bs-white);}
.sweet-alert{background-color: rgba(var(--sweet-alert-bg-rgb), var(--sweet-alert-bg-opacity)) !important;}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after{background-color: rgba(var(--sweet-alert-bg-rgb), var(--sweet-alert-bg-opacity)) !important;}
.sweet-alert .sa-icon.sa-success .sa-fix{background-color: rgba(var(--sweet-alert-bg-rgb), var(--sweet-alert-bg-opacity)) !important;}
.sweet-alert h2{ color:var(--sweet-alert-color) !important;}
.sweet-alert p{ color:var(--sweet-alert-color) !important;}

/*modals*/
root{--bs-modal-header-border-color:var(--bs-border-color-translucent); --bs-modal-footer-border-color:var(--bs-border-color-translucent);}
[data-bs-theme="dark"]{--bs-modal-bg:var(--bs-body-bg);}

.modal-content{background-color: var(--bs-modal-bg);}
.modal-header{background-color: var(--layout-header-bg); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);}
.modal-footer{ background-color: var(--layout-header-bg) !important; border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);}
.modal-header a.close{ 
    --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-color: #fff;    --bs-btn-bg: #dc3545;    --bs-btn-border-color: #dc3545;    --bs-btn-hover-color: #fff;    --bs-btn-hover-bg: #bb2d3b;    --bs-btn-hover-border-color: #b02a37;    --bs-btn-focus-shadow-rgb: 225, 83, 97;    --bs-btn-active-color: #fff;    --bs-btn-active-bg: #b02a37;    --bs-btn-active-border-color: #a52834;    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);    --bs-btn-disabled-color: #fff;    --bs-btn-disabled-bg: #dc3545;    --bs-btn-disabled-border-color: #dc3545;
    
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer;padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); }
.modal-header a.close:hover{color: var(--bs-btn-hover-color) !important; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color);}

/*offcanvas navbar*/
root{--bs-offcanvas-bg:var(--bs-body-secondary-bg);}
[data-bs-theme="light"]{--bs-offcanvas-bg:var(--bs-body-bg);}
.offcanvas{--bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-secondary-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) -(var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width);}

.offcanvas{background-color: var(--bs-offcanvas-bg);}
.offcanvas-header{background-color: var(--layout-header-bg); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);}
.offcanvas-footer{ background-color: var(--layout-header-bg) !important; border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);}
.offcanvas-header a.close{ 
    --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-color: #fff;    --bs-btn-bg: #dc3545;    --bs-btn-border-color: #dc3545;    --bs-btn-hover-color: #fff;    --bs-btn-hover-bg: #bb2d3b;    --bs-btn-hover-border-color: #b02a37;    --bs-btn-focus-shadow-rgb: 225, 83, 97;    --bs-btn-active-color: #fff;    --bs-btn-active-bg: #b02a37;    --bs-btn-active-border-color: #a52834;    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);    --bs-btn-disabled-color: #fff;    --bs-btn-disabled-bg: #dc3545;    --bs-btn-disabled-border-color: #dc3545;
    
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer;padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); }
.offcanvas-header a.close:hover{color: var(--bs-btn-hover-color) !important; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color);}

/*card*/
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--bs-card-secondary-bg-rgb: var(--bs-body-secondary-bg-rgb); --bs-card-secondary-bg-opacity: 0.3;}
.card{ background-color: rgba(var(--bs-card-secondary-bg-rgb), var(--bs-card-secondary-bg-opacity)); box-shadow:unset;}

/*list-group*/
[data-bs-theme="light"]{--bs-list-group-item-bg: var(--bs-body-bg);}
[data-bs-theme="dark"],[data-bs-theme="blue"],[data-bs-theme="red"],[data-bs-theme="green"]{--bs-list-group-item-bg: var(--bs-body-secondary-bg);}
.list-group{--bs-list-group-action-hover-bg: var(--layout-header-bg);}
.list-group-item{--bs-list-group-bg: var(--bs-list-group-item-bg); background-color: var(--bs-list-group-bg);}
.list-group-item-action:focus, .list-group-item-action:hover{background-color: var(--bs-list-group-action-hover-bg);}

/*btn-group*/
.list-group .btn-group .btn{--bs-btn-border-color: var(--bs-border-color-translucent); }
.contacts-btn-group .btn{--bs-btn-color:#ffffff;}
[data-bs-theme="light"] .contacts-btn-group .btn{--bs-btn-color:#000000;}

/*toast*/
[data-bs-theme]{--toast-bg:var(--bs-body-secondary-bg);}
[data-bs-theme=light]{--toast-bg:var(--bs-body-bg);}
#html[data-bs-theme] .toast-custom{background-color: var(--toast-bg) !important; color:var(--bs-body-color) !important; border-color:var(--bs-border-color-translucent) !important;}
#html[data-bs-theme] .toast-header-custom{color:inherit !important; border-color:var(--bs-border-color-translucent) !important;}
#html[data-bs-theme] .toast-body-custom{color:inherit !important;}
#html[data-bs-theme] .toast-container .text-muted, #html[data-bs-theme] .toast-container .close{color:inherit !important;}

/*callout*/
.callout{--callout-link: 10, 88, 202; --callout-code-color: #ab296a; --bs-link-color-rgb: var(--callout-link); --bs-code-color: var(--callout-code-color); padding: 1rem;margin-top: 1rem; margin-bottom: 1rem;color: var(--callout-color, inherit); background-color: var(--callout-bg, var(--bs-gray-100)); border-left: 0.25rem solid var(--callout-border, var(--bs-gray-300)); border-radius: var(--bs-border-radius-lg);}
.callout .highlight{background-color: rgba(0,0,0,0.05)}

.callout-info{--callout-color: var(--bs-info-text-emphasis); --callout-bg: rgba(var(--bs-info-rgb), 0.1); --callout-border: var(--bs-info-border-subtle)}
.callout-warning{--callout-color: var(--bs-warning-text-emphasis); --callout-bg: rgba(var(--bs-warning-rgb), 0.1);  --callout-border: var(--bs-warning-border-subtle)}
.callout-danger{--callout-color: var(--bs-danger-text-emphasis); --callout-bg: rgba(var(--bs-danger-rgb), 0.2); --callout-border: var(--bs-danger-border-subtle)}

[data-bs-theme="light"] .callout-info{--callout-color: var(--bs-info-text-emphasis);--callout-bg: var(--bs-info-bg-subtle);--callout-border: var(--bs-info-border-subtle)}
[data-bs-theme="light"] .callout-warning{--callout-color: var(--bs-warning-text-emphasis);--callout-bg: var(--bs-warning-bg-subtle);--callout-border: var(--bs-warning-border-subtle)}
[data-bs-theme="light"] .callout-danger{--callout-color: var(--bs-danger-text-emphasis);--callout-bg: var(--bs-danger-bg-subtle);--callout-border: var(--bs-danger-border-subtle)}


/* ------ custom themes styles setup ------ */
[data-bs-theme="light"]{--grid-item-wrapper-bg: transparent; --grid-item-wrapper-shadow: var(--grid-shadow); --grid-item-wrapper-hover-shadow: var(--grid-hover-shadow); }
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--grid-item-wrapper-bg: var(--bs-body-secondary-bg); --grid-item-wrapper-shadow: unset; --grid-item-wrapper-hover-shadow: unset; }

.property_list .grid-item-wrapper, .property_project_item .grid-item-wrapper{background-color: var(--grid-item-wrapper-bg); -webkit-box-shadow: var(--grid-item-wrapper-shadow); -moz-box-shadow: var(--grid-item-wrapper-shadow); box-shadow: var(--grid-item-wrapper-shadow);}
.property_list .grid-item:hover .grid-item-wrapper{-webkit-box-shadow: var(--grid-item-wrapper-hover-shadow); -moz-box-shadow: var(--grid-item-wrapper-hover-shadow); box-shadow: var(--grid-item-wrapper-hover-shadow);}

/*.property_list .grid-item-wrapper, .property_project_item .grid-item-wrapper{background-color: var(--grid-item-wrapper-bg); -webkit-box-shadow: var(--grid-item-wrapper-shadow); -moz-box-shadow: var(--grid-item-wrapper-shadow); box-shadow: var(--grid-item-wrapper-shadow);}
.property_list .grid-item:hover .grid-item-wrapper{-webkit-box-shadow: var(--grid-item-wrapper-hover-shadow); ; -moz-box-shadow: var(--grid-item-wrapper-hover-shadow); box-shadow: var(--grid-item-wrapper-hover-shadow);}*/

/* draganddrop */
:root{ --draganddrop-bg:#fffdea; --draganddrop-border-color:#fdf59a; --draganddrop-border-rgb:253,245,154; --draganddrop-border-opacity:1; --draganddrop-border-color:rgba(var(--draganddrop-border-rgb),var(--draganddrop-border-opacity)); 
--draganddrop-uploaded-item-bg:#F1F8FF; --draganddrop-uploaded-item-border-color:#EAEDFF; --draganddrop-uploaded-item-border-rgb:234,237,255; --draganddrop-uploaded-item-border-opacity:1; --draganddrop-uploaded-item-border-color:rgba(var(--draganddrop-uploaded-item-border-rgb),var(--draganddrop-uploaded-item-border-opacity)); }

[data-bs-theme="light"]{--draganddrop-bg:#fffdea; --draganddrop-border-opacity:1; --draganddrop-uploaded-item-bg:#EAEDFF; --draganddrop-uploaded-item-border-opacity:1;}
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--draganddrop-bg: var(--bs-body-secondary-bg); --draganddrop-border-rgb: var(--bs-white-rgb); --draganddrop-border-opacity:0.3; --draganddrop-uploaded-item-bg: var(--bs-body-secondary-bg); --draganddrop-uploaded-item-border-opacity:0.3;}

.draganddrop #drop-area{ border-color: var(--draganddrop-border-color); background-color: var(--draganddrop-bg);}
.draganddrop .uploaded-item{ border-color: var(--draganddrop-uploaded-item-border-color); background-color: var(--draganddrop-uploaded-item-bg);}
.file-uploaded-success{background: #66f59561;color: #000000;}
.file-uploaded-error{background: #f2989861;color: #000000;}


/* status list */
/*:root{--status-assigned-color: #00a700; --status-assigned-bg-rgb: 228,247,228; --status-unassigned-color: #ff0000; --status-unassigned-bg-rgb: 255,235,235; --status-qcreview-color: var(--bs-primary); --status-qcreview-bg-rgb: var(--bs-primary-rgb); --status-bg-opacity: 1;}
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--status-assigned-bg-rgb: var(--bs-black-rgb); --status-unassigned-bg-rgb:  var(--bs-black-rgb);  --status-unassigned-bg-rgb:  var(--bs-black-rgb); --status-bg-opacity: 0.125;}*/

:root{ --status-unassigned-color: var(--bs-danger); --status-unassigned-bg-rgb: var(--bs-danger-rgb); --status-assigned-color: var(--bs-success); --status-assigned-bg-rgb: var(--bs-success-rgb);--status-qcreview-color: var(--bs-primary); --status-qcreview-bg-rgb: var(--bs-primary-rgb); --status-cancelled-color: var(--bs-danger); --status-cancelled-bg-rgb: var(--bs-danger-rgb); --status-bidsubmitted-color: var(--bs-success); --status-bidsubmitted-bg-rgb: var(--bs-success-rgb);--status-paymentreceived-color: var(--bs-primary); --status-paymentreceived-bg-rgb: var(--bs-primary-rgb); --status-invoiced-color: var(--bs-warning); --status-invoiced-bg-rgb: var(--bs-warning-rgb);}

[data-bs-theme="light"]{ --status-bg-opacity: 0.1;}
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--status-bg-opacity: 0.125; /*--status-color:var(--bs-white); --status-assigned-color: var(--status-color); --status-unassigned-color: var(--status-color); --status-qcreview-color: var(--status-color);*/ --status-rgb: var(--bs-black-rgb); --status-assigned-bg-rgb: var(--status-rgb); --status-unassigned-bg-rgb: var(--status-rgb); --status-qcreview-bg-rgb: var(--status-rgb); --status-bidsubmitted-bg-rgb: var(--status-rgb); --status-cancelled-bg-rgb: var(--status-rgb); --status-paymentreceived-bg-rgb: var(--status-rgb); --status-invoiced-bg-rgb: var(--status-rgb);}

.status_list_item{ border: var(--bs-list-group-border-width) dashed var(--bs-list-group-border-color); }
.status_list_item.assigned-status{ --status-assigned-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-assigned-bg-rgb),var(--status-assigned-bg-opacity)); }
.status_list_item.unassigned-status{ --status-unassigned-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-unassigned-bg-rgb),var(--status-unassigned-bg-opacity)); } .status_list_item.qc_review-status{ --status-qcreview-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-qcreview-bg-rgb),var(--status-qcreview-bg-opacity)); }

.status_list_item.bid_submitted-status{ --status-bidsubmitted-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-bidsubmitted-bg-rgb),var(--status-bidsubmitted-bg-opacity)); }
.status_list_item.cancelled-status{ --status-cancelled-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-cancelled-bg-rgb),var(--status-cancelled-bg-opacity)); } .status_list_item.payment_received-status{ --status-paymentreceived-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-paymentreceived-bg-rgb),var(--status-paymentreceived-bg-opacity)); }
.status_list_item.invoiced-status{ --status-invoiced-bg-opacity: var(--status-bg-opacity); background-color: rgba(var(--status-invoiced-bg-rgb),var(--status-invoiced-bg-opacity)); }

.assigned-status .status_wise_label{ color: var(--status-assigned-color); }
.unassigned-status .status_wise_label{ color: var(--status-unassigned-color); }
.qc_review-status .status_wise_label{ color: var(--status-qcreview-color); }

.bid_submitted-status .status_wise_label{ color: var(--status-bidsubmitted-color); }
.cancelled-status .status_wise_label{ color: var(--status-cancelled-color); }
.payment_received-status .status_wise_label{ color: var(--status-paymentreceived-color); }
.invoiced-status .status_wise_label{ color: var(--status-invoiced-color); }

/*select2*/
[data-bs-theme="light"]{--select2-selection-border-color: var(--bs-gray-300); --select2-selection-bg: var(--bs-white); --select2-dropdown-bg:var(--bs-white); --select2-dropdown-bg-rgb: var(--bs-white-rgb); --select2-dropdown-bg-opacity: 1; --select2-placeholder-color-rgb: var(--bs-dark-rgb); --select2-placeholder-color-opacity: 0.8;}
[data-bs-theme="dark"], [data-bs-theme="blue"], [data-bs-theme="red"], [data-bs-theme="green"]{--select2-color: var(--bs-white); --select2-placeholder-color-rgb: var(--bs-white-rgb); --select2-placeholder-color-opacity: 0.8; --select2-selection-border-color: var(--bs-border-color-translucent); --select2-selection-bg: var( --form-control-bg); --select2-dropdown-bg:var(--bs-body-bg); --select2-dropdown-bg-rgb: var(--bs-dark-rgb); --select2-dropdown-bg-opacity: 1; --select2-search-field-bg-rgb:var(--bs-white-rgb); --select2-search-field-bg-opacity: 0.1; --select2-results-option-selected-bg-rgb: var(--bs-black-rgb); --select2-results-option-color: var(--bs-dark); --select2-results-option-highlighted-bg-rgb: var(--bs-primary-rgb); --select2-selection-choice-bg-rgb: var(--bs-black-rgb); --select2-results-option-selected-bg-opacity: 0.3; --select2-selection-choice-hover-color: var(--bs-danger);}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{border-color:var(--select2-selection-border-color) !important; background-color: var(--select2-selection-bg) !important;}
.select2-dropdown{background-color: var(--select2-dropdown-bg) !important; /*background-color: rgba(var(--select2-dropdown-bg-rgb), var(--select2-dropdown-bg-opacity)) !important;*/ border-color: var(--select2-selection-border-color) !important;}
.select2-container--default .select2-search--dropdown .select2-search__field{background-color: rgba(var(--select2-search-field-bg-rgb), var(--select2-search-field-bg-opacity)); border-color: var(--select2-selection-border-color) !important; color: var(--select2-color);}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color: var(--select2-color) !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{ color: rgba(var(--select2-placeholder-color-rgb), var(--select2-placeholder-color-opacity)) !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: rgba(var(--select2-placeholder-color-rgb), var(--select2-placeholder-color-opacity)) transparent transparent transparent !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent rgba(var(--select2-placeholder-color-rgb), var(--select2-placeholder-color-opacity)) transparent !important;}
.select2-container--default .select2-results__option:not(:last-child){border-bottom: 1px solid var(--select2-selection-border-color);}
.select2-container--default .select2-results__option[aria-selected=true]{ background-color: rgba(var(--select2-results-option-selected-bg-rgb), var(--select2-results-option-selected-bg-opacity)); color: var(--select2-results-option-color); }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: rgba(var(--select2-results-option-highlighted-bg-rgb), var(--select2-results-option-selected-bg-opacity)); color: var(--select2-color);}
.select2-container--default .select2-results__option--highlighted[aria-selected] .text-success{color: var(--select2-color) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: rgba(var(--select2-selection-choice-bg-rgb), var(--select2-results-option-selected-bg-opacity)) !important; color:var(--select2-color); border-color: var(--select2-selection-border-color) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: var(--select2-selection-choice-hover-color) !important;}
.select2-search input{color: var(--select2-color);}

.grid-item-footer.label-group.label-grid-group .label{border: 1px dashed #cccccc; }

.track_history_table .error > td, .track_history_table .error + [class*="removetr"] > td{ color: #fff !important; --bs-bg-opacity : 0.5; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;}


.fancy-body {--bg-dark-1:#0b0816;--bg-dark-2:#121023;--panel:#171425;--muted:#b6b2c6;--accent1:#077ac7;--accent2:#6b21ef;--card-border:rgba(255,255,255,0.04);--glass:rgba(255,255,255,0.02);--radius:18px;--tw-bg-opacity:1;--c3-rgb:7,122,199;--c4-rgb:107,33,239; --layout-header-bg: #121023; --position-sticky-bg: rgba(18,16,35,0.8);}
[data-bs-theme] .fancy-body .layout_header .navbar-nav .nav-link, [data-bs-theme] .fancy-body .navbar .nav-item .nav-link.dropdown-toggle.show + .dropdown-menu.show .nav-item .nav-link{ color: var(--muted) !important; background-color: transparent !important; }   
[data-bs-theme] .fancy-body .layout_header .navbar-nav .nav-link:hover, [data-bs-theme] .fancy-body .navbar .nav-item .nav-link.dropdown-toggle.show + .dropdown-menu.show .nav-item .nav-link:hover { color: #fff !important; background-color: var(--bg-dark-2) !important; } 
.fancy-body .layout_header .dropdown-menu { background-color: var(--panel) !important; border: 1px solid var(--card-border) !important; } 
.fancy-body .fabVertical{display: none !important;}
.fancy-body .position-sticky { background-color: transparent;}
.fancy-body .registration-form{flex: 1;
    border-radius: 18px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: radial-gradient(54.44% 97.4% at 54.44% 2.66%, #a85c5c4a 0, #67454514), linear-gradient(180deg, transparent, rgba(13, 10, 25, .37)), radial-gradient(84.14% 171.36% at 52.69% 41.32%, #18047026 0, #a2a68700 80%), radial-gradient(127.61% 197.4% at 32.86% 142.68%, rgba(168, 92, 92, .7) 0, transparent 36.9%);
    box-shadow: inset 0 1px #ff8e5d66;
    color: #fff;
}
.fancy-body .registration-form .form-title{color: #fff !important; font-weight: 600 !important; margin-bottom: 20px !important; }
.fancy-body .border-bottom{border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}

.fancy-body .registration-form .form-label, .fancy-body .registration-form label{color: #ccc;}
.fancy-body .registration-form .form-check-label{color: #ccc;}
.fancy-body .registration-form .btn-primary{background: linear-gradient(90deg, var(--accent1), var(--accent2)); border: none; box-shadow: 0 8px 30px rgba(123, 92, 255, 0.22); }
.fancy-body .registration-form .btn-primary:hover{background: linear-gradient(90deg, var(--accent2), var(--accent1)); box-shadow: 0 12px 40px rgba(123, 92, 255, 0.32); }
.fancy-body .form-control::placeholder{color: rgba(255, 255, 255, 0.6) !important;} 

.fancy-body .registration-form .form-control{background-color: rgba(255, 255, 255, 0.05); border: 0px solid rgba(255, 255, 255, 0.1); color: #fff;}
.fancy-body .registration-form .form-control:focus{background-color: rgba(255, 255, 255, 0.08); border: 0px solid rgba(123, 92, 255, 0.5); color: #fff; box-shadow: 0 0 0 0.25rem rgba(123, 92, 255, 0.25);}
.fancy-body .registration-form .form-control:-webkit-autofill,
.fancy-body .registration-form .form-control:-webkit-autofill:hover, 
.fancy-body .registration-form .form-control:-webkit-autofill:focus, 
.fancy-body .registration-form .form-control:-webkit-autofill:active {
    -webkit-transition: background-color 9999s ease-in-out 0s !important;
    transition: background-color 9999s ease-in-out 0s !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: white;
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset !important;
    box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset !important;
}
/* .fancy-body .registration-form .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
} */

.fancy-body .registration-form .input-group-text{color: var(--bs-white) !important; background-color: rgba(255, 255, 255, 0.05) !important; border: 0px solid rgba(255, 255, 255, 0.1); }
.fancy-body .registration-form .input-group-text svg{fill: var(--bs-white) !important;}
.fancy-body .registration-form .input-group-text:hover{background-color: rgba(255, 255, 255, 0.08) !important; border: 0px solid rgba(123, 92, 255, 0.5); }
.fancy-body .registration-form .form-check-input:checked{background-color: var(--accent1); border-color: var(--accent1); box-shadow: 0 0 0 0.25rem rgba(123, 92, 255, 0.25);}

.fancy-body .select2-container--default .select2-selection--single, .fancy-body .select2-container--default .select2-selection--multiple{background-color: rgba(255, 255, 255, 0.05) !important; border: 0px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important;}
.fancy-body .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: rgba(255, 255, 255, 0.6) !important;}
.fancy-body .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent !important;}
.fancy-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent !important;}
.fancy-body .select2-dropdown{background-color: var(--panel) !important; border-color: rgba(255, 255, 255, 0.1) !important;}
.fancy-body .select2-container--default .select2-results__option{color: #fff !important;}
.fancy-body .select2-container--default .select2-results__option:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}
.fancy-body .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: rgba(123, 92, 255, 0.3) !important; color: #fff !important;}
.fancy-body .select2-container--default .select2-results__option[aria-selected=true]{ background-color: rgba(123, 92, 255, 0.2) !important; color: #fff !important;}
.fancy-body .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: rgba(123, 92, 255, 0.2) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;} 
.fancy-body .select2-search input{color: #fff !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 0px solid rgba(255, 255, 255, 0.1) !important; border-radius: 4px; padding: 6px 12px; box-shadow: none;}
.fancy-body .form-select{color: #fff !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 0px solid rgba(255, 255, 255, 0.1) !important; border-radius: 4px; padding: 6px 12px; box-shadow: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;}
.fancy-body .registration-form .form-select option {
    background-color: #1a1a1a !important; 
    color: #fff !important;
    padding: 10px;
}
.fancy-body .registration-form .card-header{background-color: rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff !important; font-weight: 600 !important; }
.fancy-body .registration-form .btn{
    overflow: hidden;
    --gradient-glow-x: 100%;
    --gradient-glow-y: 50%;
    --bg-color-2: #ff9b26;
    --bg-color-3: #ff0c00;
    --bg-color-4: #fd8925;
    --bg-stop-1: 100%;
    --bg-stop-2: 150%;
    background: radial-gradient(5rem 80% at var(--gradient-glow-x) var(--gradient-glow-y), #ff0000, #ff6e26 90%), radial-gradient(5rem 80% at 100% 50%, #fff, #ff9b26 90%);
    transition-duration: .45s;
    transition-property: --gradient-glow-x, --gradient-glow-y, --bg-color-1, --bg-color-2, --bg-stop-1, --bg-stop-2;
    border: none;
}
.fancy-body .registration-form .input-tabs-list [id*="payment"]+label.box, .fancy-body .registration-form .input-tabs-list [class*="payment"]+label.box{
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: radial-gradient(54.44% 97.4% at 54.44% 2.66%, #a85c5c4a 0, #67454514), linear-gradient(180deg, transparent, rgba(13, 10, 25, .37)), radial-gradient(84.14% 171.36% at 52.69% 41.32%, #18047026 0, #a2a68700 80%), radial-gradient(127.61% 197.4% at 32.86% 142.68%, rgba(168, 92, 92, .7) 0, transparent 36.9%);
    box-shadow: inset 0 1px #ff8e5d66;
    color: #fff !important;
    transition: all .22s cubic-bezier(.2,.9,.3,1);
}
.fancy-body .registration-form .input-tabs-list [id*="payment"]:checked+label.box, .fancy-body .registration-form .input-tabs-list [class*="payment"]:checked+label.box,
.fancy-body .registration-form .input-tabs-list [id*="payment"]:checked+label.box:hover, .fancy-body .registration-form .input-tabs-list [class*="payment"]:checked+label.box:hover{    
    background: linear-gradient(90deg, var(--accent1), var(--accent2));
    box-shadow: 0 8px 30px rgba(123, 92, 255, 0.22);
}

.fancy-body .registration-form .alert, .fancy-body .registration-form .callout{
    border-radius: 18px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: radial-gradient(54.44% 97.4% at 54.44% 2.66%, #a85c5c4a 0, #67454514), linear-gradient(180deg, transparent, rgba(13, 10, 25, .37)), radial-gradient(84.14% 171.36% at 52.69% 41.32%, #18047026 0, #a2a68700 80%), radial-gradient(127.61% 197.4% at 32.86% 142.68%, rgba(168, 92, 92, .7) 0, transparent 36.9%);
    box-shadow: inset 0 1px #ff8e5d66;
    color: #fff;
}
.fancy-body .registration-form .btn-close{filter: invert(1) grayscale(1) brightness(2);}



.fancy-body{background-color:var(--bg-dark-1);background-image:radial-gradient(1500px 1500px at 8% 8%,rgba(123,92,255,0.12),transparent 18%), radial-gradient(100rem 100rem at 50% 70%,rgba(0, 38, 255, 0.4),transparent 30%), radial-gradient(1500px 1500px at 90% 82%,rgba(255,77,166,0.2),transparent 18%),linear-gradient(180deg,var(--bg-dark-1),var(--bg-dark-2));background-attachment:fixed;background-size:cover;color:#fff;min-height:100vh; }
.fancy-container{position:relative;z-index:1;}
.fancy-body div{line-height: var(--bs-body-line-height);}
.fancy-body .scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform;}
.fancy-body .scroll-reveal.visible{opacity:1;transform:translateY(0);}
.fancy-body .spotlight{position:fixed;pointer-events:none;width:520px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(54,9,255,0.3) 0%,rgba(255,255,255,0.02) 40%,transparent 60%);filter:blur(36px);border-radius:50%;z-index:1;mix-blend-mode:screen;transition:opacity .18s ease;}
.fancy-body .top-rays{position:fixed;top:-260px;left:50%;transform:translateX(-50%);width:1400px;height:1400px;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.45;filter:blur(15px);}
.fancy-body .top-rays::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(var(--c3-rgb),.28) 0deg,rgba(var(--c4-rgb),.12) 8deg,rgba(255,255,255,0.02) 16deg,transparent 20deg);animation:spinRays 40s linear infinite;opacity:.85;}
@keyframes spinRays{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.fancy-body .pricing-hero{position:relative;z-index:2;padding:64px 24px 24px;}
.fancy-body .pricing-hero h1{font-size:56px;font-weight:600;margin-bottom:8px;}
.fancy-body .pricing-hero p.lead{color:var(--muted);margin-bottom:18px;}
.fancy-body .billing-toggle,.fancy-body .host-toggle{display:inline-flex;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:999px;padding:6px;border:1px solid rgba(255,255,255,0.04);gap:6px;}
.fancy-body .billing-toggle .btn,.fancy-body .host-toggle .pill{padding:8px 18px;border-radius:999px;color:var(--muted);font-weight:700;border:0;background:transparent;transition:all .22s cubic-bezier(.2,.9,.3,1);font-size:.95rem;cursor:pointer;}
.fancy-body .billing-toggle .btn.active,.fancy-body .host-toggle .pill.active{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 8px 30px rgba(123,92,255,0.22);}
.fancy-body .plans-row{margin-top:34px;z-index:2;position:relative;}
.fancy-body .plan-card{background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.1));border:1px solid var(--card-border);border-radius:18px;padding:22px;transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s,border-color .28s;overflow:visible;position:relative;min-height:520px;}
.fancy-body .plan-card:hover{transform:translateY(-8px);border-color:rgba(123,92,255,0.35);box-shadow:0 30px 80px rgba(6,5,21,0.6);}
.fancy-body .plan-title{font-size:20px;font-weight:700;margin-bottom:8px;}
.fancy-body .plan-sub{color:var(--muted);font-size:.95rem;margin-bottom:12px}
.fancy-body .price{font-weight:700;font-size:36px;margin:6px 0}
.fancy-body .price-small{color:var(--muted);font-size:.95rem;}
.fancy-body .exec-box{background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(255,255,255,0.005));border:1px solid rgba(255,255,255,0.03);padding:12px 14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin:18px 0;cursor:pointer;position:relative;}
.fancy-body .exec-box .count{font-weight:700;font-size:18px}
.fancy-body .exec-box .muted{color:var(--muted);font-size:.9rem;margin-left:8px}
.fancy-body .exec-dropdown{position:absolute;left:10px;right:10px;top:74px;background:linear-gradient(180deg, rgb(20 0 54), rgb(36 34 47 / 90%));/* linear-gradient(180deg,rgba(6,5,21,0.9),rgba(6,5,21,0.85)); */border-radius:12px;border:1px solid rgba(255,255,255,0.04);padding:6px;box-shadow:0 20px 50px rgba(6,5,21,0.6);z-index:40;backdrop-filter:blur(6px); }
.fancy-body .exec-row{padding:12px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);cursor:pointer}
.fancy-body .exec-row:hover{background:linear-gradient(90deg,rgba(123,92,255,0.05),rgba(255,77,166,0.03));color:#fff}
.fancy-body .btn-main{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;border-radius:10px;padding:12px 16px;font-weight:700;border:0;box-shadow:0 10px 30px rgba(123,92,255,0.16);width:100%;}
.fancy-body .info-banner .btn-main{overflow:hidden;--gradient-glow-x:100%;--gradient-glow-y:50%;--bg-color-2:#ff9b26;--bg-color-3:#ff0c00;--bg-color-4:#fd8925;--bg-stop-1:100%;--bg-stop-2:150%;background:radial-gradient(5rem 80% at var(--gradient-glow-x) var(--gradient-glow-y),#ff0000,#ff6e26 90%),radial-gradient(5rem 80% at 100% 50%,#fff,#ff9b26 90%);transition-duration:.45s;transition-property:--gradient-glow-x,--gradient-glow-y,--bg-color-1,--bg-color-2,--bg-stop-1,--bg-stop-2;}
.fancy-body .info-banner .btn-main:hover{--bg-stop-1:-20%;--bg-stop-2:0%;}
.fancy-body .btn-ghost{background:transparent;color:var(--muted);border-radius:10px;border:1px solid rgba(255,255,255,0.04);padding:10px 14px;width:100%;}
.fancy-body .plan-list{margin-top:14px;color:var(--muted);font-size:.95rem;line-height:1.9}
.fancy-body .plan-list li{display:flex;gap:10px;align-items:flex-start;}
.fancy-body .plan-list li .dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,0.03);display:inline-flex;align-items:center;justify-content:center;color:#7bd39e;font-weight:700; font-size: 0.6rem;}
.fancy-body .info-banner{margin-top:34px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,0.03);background:radial-gradient(54.44% 97.4% at 54.44% 2.66%,#a85c5c4a 0,#67454514),linear-gradient(180deg,transparent,rgba(13,10,25,.37)),radial-gradient(circle at 35% -50%,#ff3b21bf 0,#fd89250d 50%),radial-gradient(circle at 60% 150%,#fd8925a6 0,#ff3b2100 35%),radial-gradient(84.14% 171.36% at 52.69% 41.32%,#18047026 0,#a2a68700 80%),radial-gradient(127.61% 197.4% at 32.86% 142.68%,rgba(168,92,92,.7) 0,transparent 36.9%);display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #ff8e5d66;}
.fancy-body .banner-text{font-weight:700;font-size:20px}
.fancy-body .banner-sub{color:var(--muted);margin-top:6px}
.fancy-body .extra-section{margin-top:36px;display:flex;gap:18px;align-items:center}
.fancy-body .extra-left{flex:1}
.fancy-body .extra-cards{display:flex;gap:18px;flex:2}
.fancy-body .extra-card{flex:1;border-radius:18px;padding:22px;border:1px solid rgba(255,255,255,0.03);background:radial-gradient(54.44% 97.4% at 54.44% 2.66%,#a85c5c4a 0,#67454514),linear-gradient(180deg,transparent,rgba(13,10,25,.37)),radial-gradient(84.14% 171.36% at 52.69% 41.32%,#18047026 0,#a2a68700 80%),radial-gradient(127.61% 197.4% at 32.86% 142.68%,rgba(168,92,92,.7) 0,transparent 36.9%);box-shadow:inset 0 1px #ff8e5d66;}
.fancy-body .extra-card .btn-ghost{background: rgba(255, 255, 255, 0.04);}
.fancy-body .included-section{margin-top:80px}
.fancy-body .included-title{font-size:32px;font-weight:700;margin-bottom:24px}
.fancy-body .compare-wrap{margin-top:36px}
.fancy-body .compare-card{background-color:rgb(31 25 42/var(--tw-bg-opacity,1));border:1px solid rgba(255,255,255,0.03);border-radius:var(--radius);padding:18px;}
.fancy-body .included-table table{color:var(--muted);table-layout:fixed;}
.fancy-body .included-table thead th{color:#fff;font-weight:700;font-size:1rem;padding:14px;border-bottom:1px solid rgba(255,255,255,0.1);background-color:transparent;}
.fancy-body .included-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--muted);background-color:transparent;}
.fancy-body .included-table tbody tr td:first-child{color:#fff;}
.fancy-body .included-table tbody tr:last-child td{border-bottom:none;}
.fancy-body .included-tick{width:18px;height:18px;border-radius:50%;background:rgb(53 166 112/var(--tw-bg-opacity,1));display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(123,92,255,0.14);color:#fff;font-size:.8rem;}
.fancy-body .included-tick::after{content:'✓';line-height:1;}
.fancy-body .included-cross{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.5rem;color:rgba(255,255,255,0.45);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.05);}
.fancy-body .included-cross::after{content:"✕";transform:scale(1.1);}
.fancy-body .faq-title{font-size:32px;font-weight:700;margin-bottom:24px}
.fancy-body .faq .faq-sidebar{background:var(--panel);border-radius:999px;padding:8px 12px;color:#fff;font-weight:600;display:inline-flex;align-items:center;margin-bottom:20px;font-size:.9rem;}
.fancy-body .faq .faq-sidebar svg{margin-right:8px}
.fancy-body .faq .accordion-item{background:transparent;border:1px solid transparent;border-bottom:1px solid rgba(255,255,255,0.03);margin-bottom:1px;border-radius:0;overflow:hidden;}
.fancy-body .faq .accordion-header{border-bottom:1px solid rgba(255,255,255,0.03);padding:10px 0;}
.fancy-body .faq .accordion-button{color:#fff;background:transparent;font-weight:600;padding:14px 0;font-size:1.1rem;position:relative;padding-right:2.6rem;overflow:visible;box-shadow:none;}
.fancy-body .faq .accordion-button::before,.fancy-body .faq .accordion-button::after{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;pointer-events:none;transition:opacity .28s cubic-bezier(.2,.9,.3,1),transform .28s cubic-bezier(.2,.9,.3,1),color .28s;will-change:opacity,transform;background-image:unset; border: unset;}
.fancy-body .faq .accordion-button::before{content:"+";color:var(--muted);opacity:1;transform:translateY(-50%) rotate(0deg) scale(1);}
.fancy-body .faq .accordion-button::after{content:"×";color:#ffffff;opacity:0;transform:translateY(-45%) rotate(20deg) scale(.9);}
.fancy-body .faq .accordion-button.collapsed::before{opacity:1;transform:translateY(-50%) rotate(0deg) scale(1);}
.fancy-body .faq .accordion-button.collapsed::after{opacity:0;transform:translateY(-45%) rotate(20deg) scale(.9);}
.fancy-body .faq .accordion-button:not(.collapsed)::before{opacity:0;transform:translateY(-55%) rotate(-45deg) scale(.85);}
.fancy-body .faq .accordion-button:not(.collapsed)::after{opacity:1;transform:translateY(-50%) rotate(0deg) scale(1);}
.fancy-body .faq .accordion-body{color:var(--muted);padding:0 0 20px 0;font-size:1rem;}
.fancy-body .faq .accordion-body p{margin-bottom:12px;}
@media (max-width:992px){.fancy-body .plan-card{min-height:auto}.fancy-body .pricing-hero h1{font-size:40px}.fancy-body .extra-section{flex-direction:column;gap:12px;align-items:flex-start}.fancy-body .extra-cards{flex-direction:column;width:100%}.fancy-body .extra-left{width:100%}.fancy-body .info-banner{flex-direction:column;align-items:flex-start;gap:16px}
.fancy-body .info-banner .btn-main{width:100%}.fancy-body .included-table table{table-layout:auto;}.fancy-body .faq-title{font-size:28px;}}


/* Namespace everything under .n8n-tabs */
.fancy-body .fancy-tabs {
    margin: 40px auto;
    max-width: 1280px;
    font-family: inherit;
        background: linear-gradient(116.91deg, #e3a5724f, #5780e661) no-repeat;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 24px;
    box-shadow: inset 0 .450581px #ffffff4d, 0 0 36.0465px #ffffff0f;
    padding: .5rem;
}
.fancy-body .fancy-tabs-wrapper {
    background: linear-gradient(180deg, #211a2e 10%, #000) no-repeat;
    border-radius: 19px;
    padding: 0.5rem;

}

/* Tabs row */
.fancy-body .fancy-tabs-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

/* Tab button */
.fancy-body .fancy-tab-btn {
    --color-linear-top: #251e32;
    --color-linear-bottom: #17121f;
    --color-radial-center: transparent;
    background-image: radial-gradient(circle closest-corner at 55% 185%, var(--color-radial-center), rgba(38, 33, 73, 0)), linear-gradient(180deg, var(--color-linear-top), var(--color-linear-bottom));
    background-repeat: no-repeat;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    box-shadow: inset 0 0 #fff3, 0 0 8px #000;
    justify-content: flex-start;
    padding: 16px;
    cursor: pointer;
    transition: .18s ease;
}

.fancy-body .fancy-tab-btn:hover {
    border-color: #605e76;
    --color-linear-top: rgba(85, 69, 103, .2);
    --color-linear-bottom: rgba(38, 33, 73, 0);
}

.fancy-body .fancy-tab-btn.active {
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background: linear-gradient(0deg, #6b21ef26, #6b21ef26), radial-gradient(79.29% 94.78% at 59.78% 129.81%, #7f5eb6 0, #26214900), linear-gradient(180deg, #3c3149, #26214900);
    border: 1px solid rgba(187, 154, 247, .3);
}

/* TAB PANEL LAYOUT */
.fancy-body .fancy-tab-panel {
    display: none;
    overflow: hidden;
    min-height: 350px;
    max-height: 350px;
    position: relative;
    border-radius: 12px;
    margin-top: 1rem;
}

/* When active */
.fancy-body .fancy-tab-panel.active {
    display: block;
}

/* SHARED MEDIA STYLES (IMG + VIDEO) */
.fancy-body .fancy-tab-panel img,
.fancy-body .fancy-tab-panel video {
    width: 100%;
    height: 100%;
    max-height: 350px;
    object-fit: cover;        /* fill entire area */
    border-radius: 12px;
    display: block;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .6);
}

/* VIDEO PLAYER CONTROLS FIX (so controls don’t shrink video) */
.fancy-body .fancy-tab-panel video {
    background: #000;
}

/* FADE-IN ANIMATION (optional, recommended) */
.fancy-body .fancy-tab-panel {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .35s ease, transform .35s ease;
}

.fancy-body .fancy-tab-panel.active {
    opacity: 1;
    transform: translateY(0);
}