/* Copyright Notice
 * bs-darkmode v2.0.0 Fix By Gymlhana Studio
 * https://palcarazm.github.io/bs-darkmode
 * @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)
 * @funding GitHub Sponsors
 * @see https://github.com/sponsors/palcarazm
 * @license MIT
 * @see https://github.com/palcarazm/bs-darkmode/blob/master/LICENSE
 */


/* ADD DEFAULT LIGHT VARS */
.bs-darkmode-light{
    --bs-navbars: #F5F5F5;
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
  
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-darkness: #000000;
    --bs-navs: #000000;
    --bs-href: #000000;
    --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-black-rgb: 0,0,0;
    --bs-white: #fff;
    --bs-white-rgb: 255,255,255;
    --bs-black-h: 0;
    --bs-black-s: 0%;
    --bs-black-l: 0%;
    --bs-white-h: 0;
    --bs-white-s: 0%;
    --bs-white-l: 100%;
    --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-body-color: #212529;
    --bs-body-bg: #fff;
    --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-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --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-body-color-h: 210;
    --bs-body-color-s: 11%;
    --bs-body-color-l: 15%;
    --bs-body-bg-h: 0;
    --bs-body-bg-s: 0%;
    --bs-body-bg-l: 100%;
    --bs-primary-h: 216;
    --bs-primary-s: 98%;
    --bs-primary-l: 52%;
    --bs-secondary-h: 208;
    --bs-secondary-s: 7%;
    --bs-secondary-l: 46%;
    --bs-success-h: 152;
    --bs-success-s: 69%;
    --bs-success-l: 31%;
    --bs-info-h: 190;
    --bs-info-s: 90%;
    --bs-info-l: 50%;
    --bs-warning-h: 45;
    --bs-warning-s: 100%;
    --bs-warning-l: 51%;
    --bs-danger-h: 354;
    --bs-danger-s: 70%;
    --bs-danger-l: 54%;
    --bs-light-h: 210;
    --bs-light-s: 17%;
    --bs-light-l: 98%;
    --bs-dark-h: 210;
    --bs-dark-s: 11%;
    --bs-dark-l: 15%;
    
  --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;
  
}

/* ADD DEFAULT DARK VARS */
.bs-darkmode-dark{
    --bs-navbars: #191C24;
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;


    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-darkness: #FFFFFF;
    --bs-navs: #000000;
    --bs-href: #FFFFFF;
    --bs-blue: #3f6791;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #e74c3c;
    --bs-orange: #fd7e14;
    --bs-yellow: #f39c12;
    --bs-green: #00bc8c;
    --bs-teal: #20c997;
    --bs-cyan: #3498db;
    --bs-black: #fff;
    --bs-white: #000;
    --bs-black-rgb: 255,255,255;
    --bs-white-rgb: 0,0,0;
    --bs-black-h: 0;
    --bs-black-s: 0%;
    --bs-black-l: 100%;
    --bs-white-h: 0;
    --bs-white-s: 0%;
    --bs-white-l: 0%;
    --bs-gray: #ced4da;
    --bs-gray-dark: #e9ecef;
    --bs-gray-900: #f8f9fa;
    --bs-gray-800: #e9ecef;
    --bs-gray-700: #dee2e6;
    --bs-gray-600: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-400: #6c757d;
    --bs-gray-300: #495057;
    --bs-gray-200: #343a40;
    --bs-gray-100: #212529;
    --bs-body-color: #f8f9fa;
    --bs-body-bg: #495057;
    --bs-primary: #3f6791;
    --bs-secondary: #ced4da;
    --bs-success: #00bc8c;
    --bs-info: #3498db;
    --bs-warning: #f39c12;
    --bs-danger: #e74c3c;
    --bs-light: #212529;
    --bs-dark: #f8f9fa;
    --bs-body-color-rgb: 248,249,250;
    --bs-body-bg-rgb: 73,80,87;
    --bs-primary-rgb: 63,103,145;
    --bs-secondary-rgb: 206,212,218;
    --bs-success-rgb: 0,188,140;
    --bs-info-rgb: 52,152,219;
    --bs-warning-rgb: 243,156,18;
    --bs-danger-rgb: 231,76,60;
    --bs-light-rgb: 33,37,41;
    --bs-dark-rgb: 248,249,250;
    --bs-body-color-h: 210;
    --bs-body-color-s: 17%;
    --bs-body-color-l: 98%;
    --bs-body-bg-h: 210;
    --bs-body-bg-s: 9%;
    --bs-body-bg-l: 31%;
    --bs-primary-h: 211;
    --bs-primary-s: 39%;
    --bs-primary-l: 41%;
    --bs-secondary-h: 210;
    --bs-secondary-s: 14%;
    --bs-secondary-l: 83%;
    --bs-success-h: 165;
    --bs-success-s: 100%;
    --bs-success-l: 37%;
    --bs-info-h: 204;
    --bs-info-s: 70%;
    --bs-info-l: 53%;
    --bs-warning-h: 37;
    --bs-warning-s: 90%;
    --bs-warning-l: 51%;
    --bs-danger-h: 6;
    --bs-danger-s: 78%;
    --bs-danger-l: 57%;
    --bs-light-h: 210;
    --bs-light-s: 11%;
    --bs-light-l: 15%;
    --bs-dark-h: 210;
    --bs-dark-s: 17%;
    --bs-dark-l: 98%;
    
  --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;
}

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

/* MAP HTML ELEMENTS BASIC COLORS */
*[class*='bs-darkmode-'], [class*='bs-darkmode-']>*{
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}
a[class*='bs-darkmode-'], [class*='bs-darkmode-'] a{color:var(--bs-href);} /* blue */
a[class*='bs-darkmode-']:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):hover,
 [class*='bs-darkmode-'] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.list-group-item-action):hover{filter: brightness(.8);}


/* MAP TEXT COLORS */
[class*='bs-darkmode-'] .text-black-50, [class*='bs-darkmode-'].text-black-50{color:rgba(var(--bs-black-rgb),.5)!important;}
[class*='bs-darkmode-'] .text-white-50, [class*='bs-darkmode-'].text-white-50{color:rgba(var(--bs-white-rgb),.5)!important;}
/*[class*='bs-darkmode-'] .text-body, [class*='bs-darkmode-'].text-body{color:var(--bs-darkness)!important;}*/
[class*='bs-darkmode-'] .text-mobile, [class*='bs-darkmode-'].text-mobile{color:var(--bs-darkness)!important;}

/* MAP BACKGROUND COLORS */

/* MAP BORDER COLORS */

/* MAP BADGE COLORS */
[class*='bs-darkmode-'] .badge-primary,
[class*='bs-darkmode-'].badge-primary{
    background-color:var(--bs-primary);
    color:var(--bs-white);
}
[class*='bs-darkmode-'] .badge-secondary,
[class*='bs-darkmode-'].badge-secondary{
    background-color:var(--bs-secondary);
    color:var(--bs-white);
}
[class*='bs-darkmode-'] .badge-success,
[class*='bs-darkmode-'].badge-success{
    background-color:var(--bs-success);
    color:var(--bs-white);
}
[class*='bs-darkmode-'] .badge-danger,
[class*='bs-darkmode-'].badge-danger{
    background-color:var(--bs-danger);
    color:var(--bs-white);
}
[class*='bs-darkmode-'] .badge-warning,
[class*='bs-darkmode-'].badge-warning{
    background-color:var(--bs-warning);
    color:var(--bs-body-color);
}
[class*='bs-darkmode-'] .badge-info,
[class*='bs-darkmode-'].badge-info{
    background-color:var(--bs-info);
    color:var(--bs-white);
}
[class*='bs-darkmode-'] .badge-light,
[class*='bs-darkmode-'].badge-light{
    background-color:var(--bs-light);
    color:var(--bs-body-color);
}
[class*='bs-darkmode-'] .badge-dark,
[class*='bs-darkmode-'].badge-dark{
    background-color:var(--bs-dark);
    color:var(--bs-white);
}

/* MAP BUTTONS COLORS */
[class*='bs-darkmode-'] .btn,
[class*='bs-darkmode-'].btn{
    --bs-btn-bg: transparent;
    --bs-btn-border: transparent;
    --bs-btn-theme-h: 216;
    --bs-btn-theme-s: 98%;
    --bs-btn-theme-l: 52%;
    --bs-btn-theme-a: 0;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-darkness:.8;
    --bs-btn-bg-darkness:.85;
    background-color:var(--bs-btn-bg);
    border-color:var(--bs-btn-border);
    color:var(--bs-btn-color);
}
[class*='bs-darkmode-'] .btn:focus,
[class*='bs-darkmode-'].btn:focus{
    box-shadow: 0 0 0 0.25rem hsla(var(--bs-btn-theme-h),var(--bs-btn-theme-s),calc(var(--bs-btn-theme-l)*var(--bs-btn-border-darkness)),0.5);
}
[class*='bs-darkmode-'] .btn:hover,[class*='bs-darkmode-'] .btn:focus,
[class*='bs-darkmode-'].btn:hover,[class*='bs-darkmode-'].btn:focus{
    background-color:hsla(var(--bs-btn-theme-h),var(--bs-btn-theme-s),calc(var(--bs-btn-theme-l)*var(--bs-btn-bg-darkness)),var(--bs-btn-theme-a));
    border-color:hsla(var(--bs-btn-theme-h),var(--bs-btn-theme-s),calc(var(--bs-btn-theme-l)*var(--bs-btn-border-darkness)),var(--bs-btn-theme-a));
}
[class*='bs-darkmode-'] [class^='btn-outline-']:hover, [class*='bs-darkmode-'] [class*=' btn-outline-']:hover,
[class*='bs-darkmode-'] [class^='btn-outline-']:focus, [class*='bs-darkmode-'] [class*=' btn-outline-']:focus,
[class*='bs-darkmode-'][class*=' btn-outline-']:hover,
[class*='bs-darkmode-'][class*=' btn-outline-']:focus{
    --bs-btn-hover-color: var(--bs-white);
    color:var(--bs-btn-hover-color);
}
[class*='bs-darkmode-'] .btn-primary,
[class*='bs-darkmode-'].btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border: var(--bs-primary);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-primary-h);;
    --bs-btn-theme-s: var(--bs-primary-s);;
    --bs-btn-theme-l: var(--bs-primary-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-secondary,
[class*='bs-darkmode-'].btn-secondary{
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border: var(--bs-secondary);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-secondary-h);;
    --bs-btn-theme-s: var(--bs-secondary-s);;
    --bs-btn-theme-l: var(--bs-secondary-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-success,
[class*='bs-darkmode-'].btn-success{
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border: var(--bs-success);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-success-h);;
    --bs-btn-theme-s: var(--bs-success-s);;
    --bs-btn-theme-l: var(--bs-success-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-danger,
[class*='bs-darkmode-'].btn-danger{
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border: var(--bs-danger);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-danger-h);;
    --bs-btn-theme-s: var(--bs-danger-s);;
    --bs-btn-theme-l: var(--bs-danger-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-warning,
[class*='bs-darkmode-'].btn-warning{
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border: var(--bs-warning);
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-theme-h: var(--bs-warning-h);;
    --bs-btn-theme-s: var(--bs-warning-s);;
    --bs-btn-theme-l: var(--bs-warning-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-info,
[class*='bs-darkmode-'].btn-info{
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border: var(--bs-info);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-info-h);;
    --bs-btn-theme-s: var(--bs-info-s);;
    --bs-btn-theme-l: var(--bs-info-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-light,
[class*='bs-darkmode-'].btn-light{
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border: var(--bs-light);
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-theme-h: var(--bs-light-h);;
    --bs-btn-theme-s: var(--bs-light-s);;
    --bs-btn-theme-l: var(--bs-light-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-dark,
[class*='bs-darkmode-'].btn-dark{
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border: var(--bs-dark);
    --bs-btn-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-dark-h);;
    --bs-btn-theme-s: var(--bs-dark-s);;
    --bs-btn-theme-l: var(--bs-dark-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-link,
[class*='bs-darkmode-'].btn-link{
    --bs-btn-color: var(--bs-blue)
}
[class*='bs-darkmode-'] .btn-outline-primary,
[class*='bs-darkmode-'].btn-outline-primary{
    --bs-btn-border: var(--bs-primary);
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-primary-h);;
    --bs-btn-theme-s: var(--bs-primary-s);;
    --bs-btn-theme-l: var(--bs-primary-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-secondary,
[class*='bs-darkmode-'].btn-outline-secondary{
    --bs-btn-border: var(--bs-secondary);
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-secondary-h);;
    --bs-btn-theme-s: var(--bs-secondary-s);;
    --bs-btn-theme-l: var(--bs-secondary-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-success,
[class*='bs-darkmode-'].btn-outline-success{
    --bs-btn-border: var(--bs-success);
    --bs-btn-color: var(--bs-success);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-success-h);;
    --bs-btn-theme-s: var(--bs-success-s);;
    --bs-btn-theme-l: var(--bs-success-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-danger,
[class*='bs-darkmode-'].btn-outline-danger{
    --bs-btn-border: var(--bs-danger);
    --bs-btn-color: var(--bs-danger);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-danger-h);;
    --bs-btn-theme-s: var(--bs-danger-s);;
    --bs-btn-theme-l: var(--bs-danger-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-warning,
[class*='bs-darkmode-'].btn-outline-warning{
    --bs-btn-border: var(--bs-warning);
    --bs-btn-color: var(--bs-warning);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-theme-h: var(--bs-warning-h);;
    --bs-btn-theme-s: var(--bs-warning-s);;
    --bs-btn-theme-l: var(--bs-warning-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-info,
[class*='bs-darkmode-'].btn-outline-info{
    --bs-btn-border: var(--bs-info);
    --bs-btn-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-info-h);;
    --bs-btn-theme-s: var(--bs-info-s);;
    --bs-btn-theme-l: var(--bs-info-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-light,
[class*='bs-darkmode-'].btn-outline-light{
    --bs-btn-border: var(--bs-light);
    --bs-btn-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-theme-h: var(--bs-light-h);;
    --bs-btn-theme-s: var(--bs-light-s);;
    --bs-btn-theme-l: var(--bs-light-l);;
    --bs-btn-theme-a: 1;
}
[class*='bs-darkmode-'] .btn-outline-dark,
[class*='bs-darkmode-'].btn-outline-dark{
    --bs-btn-border: var(--bs-dark);
    --bs-btn-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-theme-h: var(--bs-dark-h);;
    --bs-btn-theme-s: var(--bs-dark-s);;
    --bs-btn-theme-l: var(--bs-dark-l);;
    --bs-btn-theme-a: 1;
}

/* MAP PROGRESS BAR COLORS */
[class*='bs-darkmode-'] .progress-bar,
[class*='bs-darkmode-'].progress-bar{
    background-color: var(--bs-primary);
}

/* MAP ALERTS COLORS */
[class*='bs-darkmode-'] .alert,
[class*='bs-darkmode-'].alert{
    --bs-alert-theme-h: 216;
    --bs-alert-theme-s: 98%;
    --bs-alert-theme-l: 52%;
    --bs-alert-theme-a: 0;
    --bs-alert-border-darkness:1.5;
    --bs-alert-border-saturation:1;
    --bs-alert-bg-darkness:1.75;
    --bs-alert-bg-saturation:1;
    --bs-alert-color-darkness:.6;
    --bs-alert-color-saturation:.9;
    background-color:hsla(var(--bs-alert-theme-h),calc(var(--bs-alert-theme-s)*var(--bs-alert-bg-saturation)),calc(var(--bs-alert-theme-l)*var(--bs-alert-bg-darkness)),var(--bs-alert-theme-a));
    border-color:hsla(var(--bs-alert-theme-h),calc(var(--bs-alert-theme-s)*var(--bs-alert-border-saturation)),calc(var(--bs-alert-theme-l)*var(--bs-alert-border-darkness)),var(--bs-alert-theme-a));
    color:hsla(var(--bs-alert-theme-h),calc(var(--bs-alert-theme-s)*var(--bs-alert-color-saturation)),calc(var(--bs-alert-theme-l)*var(--bs-alert-color-darkness)),var(--bs-alert-theme-a));
}
[class*='bs-darkmode-'] .alert-primary,
[class*='bs-darkmode-'].alert-primary{
    --bs-alert-theme-h: var(--bs-primary-h);;
    --bs-alert-theme-s: var(--bs-primary-s);;
    --bs-alert-theme-l: var(--bs-primary-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-secondary,
[class*='bs-darkmode-'].alert-secondary{
    --bs-alert-theme-h: var(--bs-secondary-h);;
    --bs-alert-theme-s: var(--bs-secondary-s);;
    --bs-alert-theme-l: var(--bs-secondary-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-success,
[class*='bs-darkmode-'].alert-success{
    --bs-alert-theme-h: var(--bs-success-h);;
    --bs-alert-theme-s: var(--bs-success-s);;
    --bs-alert-theme-l: var(--bs-success-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-danger,
[class*='bs-darkmode-'].alert-danger{
    --bs-alert-theme-h: var(--bs-danger-h);;
    --bs-alert-theme-s: var(--bs-danger-s);;
    --bs-alert-theme-l: var(--bs-danger-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-warning,
[class*='bs-darkmode-'].alert-warning{
    --bs-alert-theme-h: var(--bs-warning-h);;
    --bs-alert-theme-s: var(--bs-warning-s);;
    --bs-alert-theme-l: var(--bs-warning-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-info,
[class*='bs-darkmode-'].alert-info{
    --bs-alert-theme-h: var(--bs-info-h);;
    --bs-alert-theme-s: var(--bs-info-s);;
    --bs-alert-theme-l: var(--bs-info-l);;
    --bs-alert-theme-a: 1;
}
[class*='bs-darkmode-'] .alert-light,
[class*='bs-darkmode-'].alert-light{
    --bs-alert-theme-h: var(--bs-light-h);;
    --bs-alert-theme-s: var(--bs-light-s);;
    --bs-alert-theme-l: var(--bs-light-l);;
    --bs-alert-theme-a: 1;
    --bs-alert-border-darkness:5;
    --bs-alert-border-saturation:.2;
    --bs-alert-bg-darkness:5.5;
    --bs-alert-bg-saturation:.1;
}
[class*='bs-darkmode-'] .alert-dark,
[class*='bs-darkmode-'].alert-dark{
    --bs-alert-theme-h: var(--bs-dark-h);;
    --bs-alert-theme-s: var(--bs-dark-s);;
    --bs-alert-theme-l: var(--bs-dark-l);;
    --bs-alert-theme-a: 1;
    --bs-alert-border-darkness:5;
    --bs-alert-border-saturation:.2;
    --bs-alert-bg-darkness:5.5;
    --bs-alert-bg-saturation:.1;
}

/* MAP JUMBOTRON COLORS */
[class*='bs-darkmode-'] .jumbotron,
[class*='bs-darkmode-'].jumbotron{
    background-color:var(--bs-gray-200);
}

/* MAP CARD COLORS */
[class*='bs-darkmode-'] .card,
[class*='bs-darkmode-'].card{
    background-color:var(--bs-body-bg);
    border-color: rgba(var(--bs-black-rgb), 0.125);
}
[class*='bs-darkmode-'] .card-header, [class*='bs-darkmode-'] .card-footer,
[class*='bs-darkmode-'].card-header, [class*='bs-darkmode-'].card-footer{
    background-color:rgba(var(--bs-black-rgb), 0.03);
    border-color: rgba(var(--bs-black-rgb), 0.125);
}



/*[class*='bs-darkmode-'] .table, [class*='bs-darkmode-'].table{ color: var(--bs-body-color);}
[class*='bs-darkmode-'] .table td, [class*='bs-darkmode-'].table td,
[class*='bs-darkmode-'] .table th, [class*='bs-darkmode-'].table th{
    border-color: var(--bs-gray-200);
}
[class*='bs-darkmode-'] .table-striped tbody tr:nth-of-type(odd),
[class*='bs-darkmode-'].table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(var(--bs-black-rgb),.05);
}*/

/* MAP FORM COLORS */
[class*='bs-darkmode-'] .form-control,
[class*='bs-darkmode-'] .form-select{
    color: var(--bs-gray-700);
    border-color: var(--bs-gray-400);
    background-color:var(--bs-body-bg);
}

[class*='bs-darkmode-'] .form-control:disabled, [class*='bs-darkmode-'] .form-control[readonly]{background-color: var(--bs-gray-200);}
[class*='bs-darkmode-'] .form-control-plaintext{color: var(--bs-body-color);}

[class*='bs-darkmode-'] .form-control.is-valid, [class*='bs-darkmode-'] .was-validated .form-control:valid,
[class*='bs-darkmode-'] .form-select.is-valid, [class*='bs-darkmode-'] .was-validated .form-select:valid{
 border-color: var(--bs-success);
}
[class*='bs-darkmode-'] .valid-feedback{color: var(--bs-success);}
[class*='bs-darkmode-'] .form-control.is-invalid, [class*='bs-darkmode-'] .was-validated .form-control:invalid,
[class*='bs-darkmode-'] .form-select.is-invalid, [class*='bs-darkmode-'] .was-validated .form-select:invalid{
    border-color: var(--bs-danger);
}
[class*='bs-darkmode-'] .invalid-feedback{ color: var(--bs-danger);}


.bs-darkmode-light .form-select:not([multiple]){
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.bs-darkmode-dark .form-select:not([multiple]){
    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='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    
}

[class*='bs-darkmode-'] .input-group-text{
    color: var(--bs-gray-700);
    border-color: var(--bs-gray-400);
    background-color:var(--bs-gray-200);
}

/* MAP BREADCRUMB COLORS */
[class*='bs-darkmode-'] .breadcrumb, [class*='bs-darkmode-'].breadcrumb {background-color: var(--bs-gray-200);}
[class*='bs-darkmode-'] .breadcrumb-item.active{color: var(--bs-gray);}
[class*='bs-darkmode-'] .breadcrumb-item+.breadcrumb-item::before{color: var(--bs-gray);}

/* MAP NAVBARS AND NAVS */
[class*='bs-darkmode-'] .navbar-light .navbar-nav .nav-link{color: rgba(var(--bs-black-rgb),.5);}
[class*='bs-darkmode-'] .navbar-light .navbar-nav .active>.nav-link, [class*='bs-darkmode-'] .navbar-light .navbar-nav .nav-link.active, [class*='bs-darkmode-'] .navbar-light .navbar-nav .nav-link.show, [class*='bs-darkmode-'] .navbar-light .navbar-nav .show>.nav-link{color: rgba(var(--bs-black-rgb),.9);}
[class*='bs-darkmode-'] .navbar-light .navbar-text{color: rgba(var(--bs-black-rgb),.5);}
[class*='bs-darkmode-'] .navbar-light .navbar-brand{color: rgba(var(--bs-black-rgb),.9);}
[class*='bs-darkmode-'] .navbar-light .navbar-toggler{
    color: rgba(var(--bs-black-rgb),.5);
    border-color: rgba(var(--bs-black-rgb),.1);
}
.bs-darkmode-dark .navbar-light .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[class*='bs-darkmode-'] .navbar-dark .navbar-nav .nav-link{color: rgba(var(--bs-white-rgb),.5);}
[class*='bs-darkmode-'] .navbar-dark .navbar-nav .active>.nav-link, [class*='bs-darkmode-'] .navbar-dark .navbar-nav .nav-link.active, [class*='bs-darkmode-'] .navbar-dark .navbar-nav .nav-link.show, [class*='bs-darkmode-'] .navbar-dark .navbar-nav .show>.nav-link{color: rgba(var(--bs-white-rgb),.9);}
[class*='bs-darkmode-'] .navbar-dark .navbar-text{color: rgba(var(--bs-white-rgb),.5);}
[class*='bs-darkmode-'] .navbar-dark .navbar-brand{color: rgba(var(--bs-white-rgb),.9);}
[class*='bs-darkmode-'] .navbar-dark .navbar-toggler{
    color: rgba(var(--bs-white-rgb),.5);
    border-color: rgba(var(--bs-white-rgb),.1);
}
.bs-darkmode-dark .navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[class*='bs-darkmode-'] .nav-link:not(a){color:var(--bs-gray-dark);}
[class*='bs-darkmode-'] .nav-link.disabled{color:var(--bs-gray);}

[class*='bs-darkmode-'] .dropdown-menu{
    color: var(--bs-body-color);
    background-color:var(--bs-body-bg);
}
[class*='bs-darkmode-'] .dropdown-item{color: var(--bs-body-color);}
[class*='bs-darkmode-'] .dropdown-divider{border-color: var(--bs-gray-200);}
[class*='bs-darkmode-'] .dropdown-item:focus, [class*='bs-darkmode-']  .dropdown-item:hover{background-color: var(--bs-gray-200);}
[class*='bs-darkmode-'] .dropdown-item.active,
[class*='bs-darkmode-'] .dropdown-item:active{
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.bs-darkmode-light .nav-tabs{border-color: var(--bs-gray-300);}
.bs-darkmode-dark .nav-tabs{border-color: var(--bs-gray-400);}
[class*='bs-darkmode-'] .nav-tabs .nav-item.show .nav-link,
[class*='bs-darkmode-'] .nav-tabs .nav-link.active{
    color: var(--bs-gray-700);
    background-color:var(--bs-body-bg);
    border-color: var(--bs-gray-300) var(--bs-gray-300) var(--bs-body-bg);
}
.bs-darkmode-light .nav-tabs .nav-item.show .nav-link, .bs-darkmode-light .nav-tabs .nav-link.active{border-color: var(--bs-gray-300) var(--bs-gray-300) var(--bs-body-bg);}
.bs-darkmode-dark .nav-tabs .nav-item.show .nav-link, .bs-darkmode-dark .nav-tabs .nav-link.active{border-color: var(--bs-gray-400) var(--bs-gray-400) var(--bs-body-bg);}
.bs-darkmode-light .nav-tabs .nav-link:focus, .bs-darkmode-light .nav-tabs .nav-link:hover{border-color: var(--bs-gray-200) var(--bs-gray-200) var(--bs-gray-300);}
.bs-darkmode-dark .nav-tabs .nav-link:focus, .bs-darkmode-dark .nav-tabs .nav-link:hover{border-color: var(--bs-gray-500) var(--bs-gray-500) var(--bs-gray-400);}

[class*='bs-darkmode-'] .nav-pills .nav-link.active,
[class*='bs-darkmode-'] .nav-pills .show>.nav-link{
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

/* MAP LIST GROUP */
[class*='bs-darkmode-'] .list-group-item{
    background-color: var(--bs-body-bg);
    border-color: rgba(var(--bs-black-rgb),.125);
}
[class*='bs-darkmode-'] .list-group-item.active{
    color: var(--bs-white);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
[class*='bs-darkmode-'] .list-group-item.disabled,
[class*='bs-darkmode-']  .list-group-item:disabled{
    color: var(--bs-gray);
}

[class*='bs-darkmode-'] .list-group-item-action{color: var(--bs-body-color);}
[class*='bs-darkmode-'] .list-group-item-action:not(.active):focus,
[class*='bs-darkmode-'] .list-group-item-action:not(.active):hover{
    color: var(--bs-gray-dark);
    background-color: var(--bs-gray-100);
}

.bs-darkmode-light .list-group-item[class*='list-group-item-']:not(.list-group-item-action),
.bs-darkmode-light .list-group-item[class*='list-group-item-action list-group-item-']{
    --bs-list-bg-darkness:1.75;
    --bs-list-bg-saturation:1;
    --bs-list-color-darkness:.6;
    --bs-list-color-saturation:.9;
}
.bs-darkmode-dark .list-group-item[class*='list-group-item-']:not(.list-group-item-action),
.bs-darkmode-dark .list-group-item[class*='list-group-item-action list-group-item-']{
    --bs-list-bg-darkness:.4;
    --bs-list-bg-saturation:1;
    --bs-list-color-darkness:1.4;
    --bs-list-color-saturation:1.1;
}
[class*='bs-darkmode-'] .list-group-item[class*='list-group-item-']:not(.list-group-item-action),
[class*='bs-darkmode-'] .list-group-item[class*='list-group-item-action list-group-item-']{
    --bs-list-theme-a: 1;
    background-color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-bg-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-bg-darkness)),var(--bs-list-theme-a));
    color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-color-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-color-darkness)),var(--bs-list-theme-a));
}

[class*='bs-darkmode-'] .list-group-item[class*='list-group-item-action list-group-item-']:not(.active):focus,
[class*='bs-darkmode-'] .list-group-item[class*='list-group-item-action list-group-item-']:not(.active):hover{
    filter: brightness(.9);
    background-color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-bg-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-bg-darkness)),var(--bs-list-theme-a));
    color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-color-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-color-darkness)),var(--bs-list-theme-a));
}

.bs-darkmode-light .list-group-item-primary.active,
.bs-darkmode-light .list-group-item-secondary.active,
.bs-darkmode-light .list-group-item-success.active,
.bs-darkmode-light .list-group-item-danger.active,
.bs-darkmode-light .list-group-item-warning.active,
.bs-darkmode-light .list-group-item-info.active,
.bs-darkmode-light .list-group-item-light.active,
.bs-darkmode-light .list-group-item-dark.active{
    border-color: rgba(var(--bs-black-rgb),.125);
    color: var(--bs-white)!important;
    --bs-list-bg-darkness:.5!important;
    background-color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-bg-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-bg-darkness)),var(--bs-list-theme-a));
}
.bs-darkmode-dark .list-group-item-primary.active,
.bs-darkmode-dark .list-group-item-secondary.active,
.bs-darkmode-dark .list-group-item-success.active,
.bs-darkmode-dark .list-group-item-danger.active,
.bs-darkmode-dark .list-group-item-warning.active,
.bs-darkmode-dark .list-group-item-info.active,
.bs-darkmode-dark .list-group-item-light.active,
.bs-darkmode-dark .list-group-item-dark.active{
    border-color: rgba(var(--bs-black-rgb),.125);
    color: var(--bs-black)!important;
    --bs-list-bg-darkness:1!important;
    background-color:hsla(var(--bs-list-theme-h),calc(var(--bs-list-theme-s)*var(--bs-list-bg-saturation)),calc(var(--bs-list-theme-l)*var(--bs-list-bg-darkness)),var(--bs-list-theme-a));
}

[class*='bs-darkmode-'] .list-group-item-primary{
    --bs-list-theme-h: var(--bs-primary-h);
    --bs-list-theme-s: var(--bs-primary-s);
    --bs-list-theme-l: var(--bs-primary-l);
}
[class*='bs-darkmode-'] .list-group-item-secondary{
    --bs-list-theme-h: var(--bs-secondary-h);
    --bs-list-theme-s: var(--bs-secondary-s);
    --bs-list-theme-l: var(--bs-secondary-l);
}
[class*='bs-darkmode-'] .list-group-item-success{
    --bs-list-theme-h: var(--bs-success-h);
    --bs-list-theme-s: var(--bs-success-s);
    --bs-list-theme-l: var(--bs-success-l);
}
[class*='bs-darkmode-'] .list-group-item-danger{
    --bs-list-theme-h: var(--bs-danger-h);
    --bs-list-theme-s: var(--bs-danger-s);
    --bs-list-theme-l: var(--bs-danger-l);
}
[class*='bs-darkmode-'] .list-group-item-warning{
    --bs-list-theme-h: var(--bs-warning-h);
    --bs-list-theme-s: var(--bs-warning-s);
    --bs-list-theme-l: var(--bs-warning-l);
}
[class*='bs-darkmode-'] .list-group-item-info{
    --bs-list-theme-h: var(--bs-info-h);
    --bs-list-theme-s: var(--bs-info-s);
    --bs-list-theme-l: var(--bs-info-l);
}
[class*='bs-darkmode-'] .list-group-item-light{
    --bs-list-theme-h: var(--bs-light-h);
    --bs-list-theme-s: var(--bs-light-s);
    --bs-list-theme-l: var(--bs-light-l);
}
[class*='bs-darkmode-'] .list-group-item-dark{
    --bs-list-theme-h: var(--bs-dark-h);
    --bs-list-theme-s: var(--bs-dark-s);
    --bs-list-theme-l: var(--bs-dark-l);
}


[class*='bs-darkmode-'] .toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
[class*='bs-darkmode-'] .toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
[class*='bs-darkmode-'].toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

/* CONTEXT */
[class*='bs-darkmode-'].dropdown-context:after, .dropdown-context-up:after, .dropdown-context-left:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--bs-body-bg); /* BG Caret */
    border-left: 6px solid transparent;
    content: '';
}