@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');



[data-bs-palette=""]:root,
[data-bs-palette="standard"]:root,
[data-bs-palette="businessflowsolution"]:root {
    /* varie */
    --palette-secondary-text: #212121;
    --palette-divider: #bdbdbd;
    --palette-rgb-secondary-text: 33, 33, 33;
    --palette-rgb-divider: 189, 189, 189;
    --palette-body-background: #ede3e9;
    --palette-body-text: #000000;
    --palette-rgb-body-background: 237, 227, 233;
    --palette-rgb-body-text: 0, 0, 0;
    /* shadows */
    --palette-shadow-black-rgb: 0, 0, 0;
    --palette-shadow-white-rgb: 255, 255, 255;
    --palette-shadow-dark-primary-rgb: 3, 107, 117;
    --palette-shadow-primary-rgb: 3, 107, 117;
    --palette-shadow-light-primary-rgb: 48, 91, 128;
    --palette-shadow-dark-accent-rgb: 89, 128, 173;
    --palette-shadow-accent-rgb: 130, 171, 183;
    --palette-shadow-light-accent-rgb: 179, 217, 222;
    --palette-shadow-alpha: 0.15;
    --palette-shadow-alpha-sm: 0.075;
    --palette-shadow-alpha-lg: 0.175;
    /* PRIMARY PALETTE */
    --palette-dark-primary: #014248;
    --palette-dark-primary-text: #ffffff;
    --palette-primary: #036b75;
    --palette-primary-text: #ffffff;
    --palette-light-primary: #028b97;
    --palette-light-primary-text: #ffffff;
    --palette-rgb-dark-primary: 1, 66, 72;
    --palette-rgb-dark-primary-text: 255, 255, 255;
    --palette-rgb-primary: 3, 107, 117;
    --palette-rgb-primary-text: 255, 255, 255;
    --palette-rgb-light-primary: 2, 139, 151;
    --palette-rgb-light-primary-text: 255, 255, 255;
    /* ACCENT PALETTE */
    --palette-dark-accent: #5980ad;
    --palette-dark-accent-text: #ffffff;
    --palette-accent: #82abb7;
    --palette-accent-text: #ffffff;
    --palette-light-accent: #b3d9de;
    --palette-light-accent-text: #000000;
    --palette-rgb-dark-accent: 89, 128, 173;
    --palette-rgb-dark-accent-text: 0, 0, 0;
    --palette-rgb-accent: 130, 171, 183;
    --palette-rgb-accent-text: 0, 0, 0;
    --palette-rgb-light-accent: 179, 217, 222;
    --palette-rgb-light-accent-text: 0, 0, 0;
    /* sidebar items */
    --sidebar-item-background: #036b75;
    --sidebar-item-text: #ffffff;
    --sidebar-item-hover-background: #028b97;
    --sidebar-item-hover-text: #ffffff;
    --sidebar-item-active-background: #014248;
    --sidebar-item-active-text: #ffffff;
    --sidebar-rgb-container-background: 183, 183, 183;

    --sidebar-rgb-item-background: 3, 107, 117;
    --sidebar-rgb-item-text: 255, 255, 255;
    --sidebar-rgb-item-hover-background: 2, 139, 151;
    --sidebar-rgb-item-hover-text: 255, 255, 255;
    --sidebar-rgb-item-active-background: 1, 66, 72;
    --sidebar-rgb-item-active-text: 255, 255, 255;
    /* table customization */
    --palette-table-row-striped: #ffffff;
    --palette-table-row-striped-text: #000000;
    --palette-table-row-selected: #7298a4;
    --palette-table-row-selected-text: #000000;
    /* footers, sidebar */
    --palette-footer-background: #b7b7b7;
    --palette-footer-background-text: #000000;
}

[data-bs-palette="qwe"]:root {
    /* VARIOUS */
    --palette-secondary-text: #101010;
    --palette-divider: #cdcdcd;
    --palette-rgb-secondary-text: 16, 16, 16;
    --palette-rgb-divider: 205, 205, 205;
    --palette-body-background: #e8e1eb;
    --palette-body-text: #111111;
    --palette-rgb-body-background: 232, 225, 235;
    --palette-rgb-body-text: 17, 17, 17;
    /* SHADOWS */
    --palette-shadow-black-rgb: 0, 0, 0;
    --palette-shadow-white-rgb: 255, 255, 255;
    --palette-shadow-dark-primary-rgb: 78, 39, 91;
    --palette-shadow-primary-rgb: 108, 55, 128;
    --palette-shadow-light-primary-rgb: 133, 71, 155;
    --palette-shadow-dark-accent-rgb: 86, 106, 136;
    --palette-shadow-accent-rgb: 113, 134, 167;
    --palette-shadow-light-accent-rgb: 144, 166, 201;
    --palette-shadow-alpha: 0.15;
    --palette-shadow-alpha-sm: 0.075;
    --palette-shadow-alpha-lg: 0.175;
    /* PRIMARY PALETTE */
    --palette-dark-primary: #4E277B;
    --palette-dark-primary-text: #eeeeee;
    --palette-primary: #6C3780;
    --palette-primary-text: #eeeeee;
    --palette-light-primary: #85479B;
    --palette-light-primary-text: #eeeeee;
    --palette-rgb-dark-primary: 78, 39, 123;
    --palette-rgb-dark-primary-text: 238, 238, 238;
    --palette-rgb-primary: 108, 55, 128;
    --palette-rgb-primary-text: 238, 238, 238;
    --palette-rgb-light-primary: 133, 71, 155;
    --palette-rgb-light-primary-text: 238, 238, 238;
    /* ACCENT PALETTE */
    --palette-dark-accent: #566A88;
    --palette-dark-accent-text: #eeeeee;
    --palette-accent: #7186A7;
    --palette-accent-text: #eeeeee;
    --palette-light-accent: #90A6C9;
    --palette-light-accent-text: #111111;
    --palette-rgb-dark-accent: 86, 106, 136;
    --palette-rgb-dark-accent-text: 238, 238, 238;
    --palette-rgb-accent: 113, 134, 167;
    --palette-rgb-accent-text: 238, 238, 238;
    --palette-rgb-light-accent: 144, 166, 201;
    --palette-rgb-light-accent-text: 17, 17, 17;
    /* SIDEBAR ITEMS */
    --sidebar-item-background: #6C3780;
    --sidebar-item-text: #eeeeee;
    --sidebar-item-hover-background: #4E277B;
    --sidebar-item-hover-text: #eeeeee;
    --sidebar-item-active-background: #85479B;
    --sidebar-item-active-text: #eeeeee;
    --sidebar-rgb-container-background: 108, 55, 128;
    --sidebar-rgb-item-background: 108, 55, 128;
    --sidebar-rgb-item-text: 238, 238, 238;
    --sidebar-rgb-item-hover-background: 78, 39, 123;
    --sidebar-rgb-item-hover-text: 238, 238, 238;
    --sidebar-rgb-item-active-background: 133, 71, 155;
    --sidebar-rgb-item-active-text: 238, 238, 238;
    /* TABLE CUSTOMIZATION */
    --palette-table-row-striped: #8b619a;
    --palette-table-row-striped-text: #eeeeee;
    --palette-table-row-selected: #5c2d6d;
    --palette-table-row-selected-text: #eeeeee;
    --palette-rgb-table-row-striped: 108, 55, 128;
    --palette-rgb-table-row-striped-text: 238, 238, 238;
    --palette-rgb-table-row-selected: 133, 71, 155;
    --palette-rgb-table-row-selected-text: 238, 238, 238;
    /* FOOTERS, SIDEBAR */
    --palette-footer-background: #7186A7;
    --palette-footer-background-text: #eeeeee;
    --palette-rgb-footer-background: 113, 134, 167;
    --palette-rgb-footer-background-text: 238, 238, 238;


}

[data-bs-palette="asd"]:root {
    /* VARIOUS */
    --palette-secondary-text: #404040;
    --palette-divider: #8d8d8d;
    --palette-rgb-secondary-text: 16, 16, 16;
    --palette-rgb-divider: 205, 205, 205;
    --palette-body-background: #dfd3d9;
    --palette-body-text: #111111;
    --palette-rgb-body-background: 223, 211, 217;
    --palette-rgb-body-text: 17, 17, 17;
    /* SHADOWS */
    --palette-shadow-black-rgb: 0, 0, 0;
    --palette-shadow-white-rgb: 255, 255, 255;
    --palette-shadow-dark-primary-rgb: 3, 97, 107;
    --palette-shadow-primary-rgb: 3, 97, 107;
    --palette-shadow-light-primary-rgb: 38, 81, 118;
    --palette-shadow-dark-accent-rgb: 79, 118, 163;
    --palette-shadow-accent-rgb: 120, 161, 173;
    --palette-shadow-light-accent-rgb: 169, 207, 212;
    --palette-shadow-alpha: 0.15;
    --palette-shadow-alpha-sm: 0.075;
    --palette-shadow-alpha-lg: 0.175;
    /* PRIMARY PALETTE */
    --palette-dark-primary: #014258;
    --palette-dark-primary-text: #eeeeee;
    --palette-primary: #036a85;
    --palette-primary-text: #eeeeee;
    --palette-light-primary: #028a97;
    --palette-light-primary-text: #eeeeee;
    --palette-rgb-dark-primary: 1, 66, 88;
    --palette-rgb-dark-primary-text: 238, 238, 238;
    --palette-rgb-primary: 3, 106, 133;
    --palette-rgb-primary-text: 238, 238, 238;
    --palette-rgb-light-primary: 2, 138, 151;
    --palette-rgb-light-primary-text: 238, 238, 238;
    /* ACCENT PALETTE */
    --palette-dark-accent: #588cad;
    --palette-dark-accent-text: #eeeeee;
    --palette-accent: #81aab7;
    --palette-accent-text: #eeeeee;
    --palette-light-accent: #b2d8de;
    --palette-light-accent-text: #111111;
    --palette-rgb-dark-accent: 88, 140, 173;
    --palette-rgb-dark-accent-text: 238, 238, 238;
    --palette-rgb-accent: 129, 170, 183;
    --palette-rgb-accent-text: 238, 238, 238;
    --palette-rgb-light-accent: 178, 216, 222;
    --palette-rgb-light-accent-text: 17, 17, 17;
    /* sidebar items */
    --sidebar-item-background: #81aab7;
    --sidebar-item-text: #eeeeee;
    --sidebar-item-hover-background: #60798e;
    --sidebar-item-hover-text: #eeeeee;
    --sidebar-item-active-background: #5d99ad;
    --sidebar-item-active-text: #111111;
    --sidebar-rgb-container-background: 178, 178, 178;
    --sidebar-rgb-item-background: 129, 170, 183;
    --sidebar-rgb-item-text: 238, 238, 238;
    --sidebar-rgb-item-hover-background: 96, 121, 142;
    --sidebar-rgb-item-hover-text: 238, 238, 238;
    --sidebar-rgb-item-active-background: 93, 153, 173;
    --sidebar-rgb-item-active-text: 17, 17, 17;
    /* TABLE CUSTOMIZATION */
    --palette-table-row-striped: #b8d6e1;
    --palette-table-row-striped-text: #111111;
    --palette-table-row-selected: #708da4;
    --palette-table-row-selected-text: #111111;
    /* FOOTERS, SIDEBAR */
    --palette-footer-background: #b6b6b6;
    --palette-footer-background-text: #111111;

}

:root {
    --icon-font-size: 1.25rem;
    --icon-font-size-lg: 1.5rem;
    --icon-font-size-sm: 1rem;




    --circle-checkmark-base-64: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTE3LjcyIDExNy43MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE3LjcyIDExNy43MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsNCgkuc3Qwe2ZpbGw6IzAxQTYwMTt9DQpdXT48L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01OC44NiwwYzkuMTMsMCwxNy43NywyLjA4LDI1LjQ5LDUuNzljLTMuMTYsMi41LTYuMDksNC45LTguODIsNy4yMWMtNS4yLTEuODktMTAuODEtMi45Mi0xNi42Ni0yLjkyIGMtMTMuNDcsMC0yNS42Nyw1LjQ2LTM0LjQ5LDE0LjI5Yy04LjgzLDguODMtMTQuMjksMjEuMDItMTQuMjksMzQuNDljMCwxMy40Nyw1LjQ2LDI1LjY2LDE0LjI5LDM0LjQ5IGM4LjgzLDguODMsMjEuMDIsMTQuMjksMzQuNDksMTQuMjlzMjUuNjctNS40NiwzNC40OS0xNC4yOWM4LjgzLTguODMsMTQuMjktMjEuMDIsMTQuMjktMzQuNDljMC0zLjItMC4zMS02LjM0LTAuOS05LjM3IGMyLjUzLTMuMyw1LjEyLTYuNTksNy43Ny05Ljg1YzIuMDgsNi4wMiwzLjIxLDEyLjQ5LDMuMjEsMTkuMjJjMCwxNi4yNS02LjU5LDMwLjk3LTE3LjI0LDQxLjYyIGMtMTAuNjUsMTAuNjUtMjUuMzcsMTcuMjQtNDEuNjIsMTcuMjRjLTE2LjI1LDAtMzAuOTctNi41OS00MS42Mi0xNy4yNEM2LjU5LDg5LjgzLDAsNzUuMTEsMCw1OC44NiBjMC0xNi4yNSw2LjU5LTMwLjk3LDE3LjI0LTQxLjYyUzQyLjYxLDAsNTguODYsMEw1OC44NiwweiBNMzEuNDQsNDkuMTlMNDUuOCw0OWwxLjA3LDAuMjhjMi45LDEuNjcsNS42MywzLjU4LDguMTgsNS43NCBjMS44NCwxLjU2LDMuNiwzLjI2LDUuMjcsNS4xYzUuMTUtOC4yOSwxMC42NC0xNS45LDE2LjQ0LTIyLjljNi4zNS03LjY3LDEzLjA5LTE0LjYzLDIwLjE3LTIwLjk4bDEuNC0wLjU0SDExNGwtMy4xNiwzLjUxIEMxMDEuMTMsMzAsOTIuMzIsNDEuMTUsODQuMzYsNTIuNjVDNzYuNCw2NC4xNiw2OS4yOCw3Ni4wNCw2Mi45NSw4OC4yN2wtMS45NywzLjhsLTEuODEtMy44N2MtMy4zNC03LjE3LTcuMzQtMTMuNzUtMTIuMTEtMTkuNjMgYy00Ljc3LTUuODgtMTAuMzItMTEuMS0xNi43OS0xNS41NEwzMS40NCw0OS4xOUwzMS40NCw0OS4xOXoiLz48L2c+PC9zdmc+');
    --circle-cross-base-64: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA1MTIgNTA4LjMzIj48cGF0aCBmaWxsPSIjRUIwMTAwIiBkPSJNMzE3Ljk5IDMyMy42MmMtMTcuMjMtMTkuODktMzUuMy00MC4wOS01NC4yMy02MC4wOS02Mi4wNiA1OS4zNS0xMTkuNTMgMTI2LjE4LTE2MS4xMiAyMDEuNzMtNTEuMDIgOTIuNjgtMTI2LjMxIDE2Ljg0LTkyLjE1LTUwLjMzIDI3LjQ2LTYxLjI4IDk4LjA3LTE0Ni4zIDE4Mi45NC0yMjAuMDctNDYuNzQtNDEuNzItOTcuOTctNzkuMzQtMTU0LjA4LTEwNy4wN0MtNDIuNzYgNDcuMiAxOS45Ny0yMC44MiA3OS4zNyA2LjE2YzUwLjA0IDE5LjgyIDExOS4wOSA3MC44NSAxODIuMjYgMTM0LjMyIDYzLjExLTQ1Ljg2IDEyOS41NS04MS44IDE4OS40NS05NS44NyAxMy0zLjA2IDUwLjk1LTExLjMzIDU5LjY5IDEuMDQgMy4yOSA0LjY3LS4zMyAxMS42OC03LjA4IDE5LjI5LTIyLjk5IDI1Ljk2LTg0Ljc4IDY3LjEyLTExNC43MiA5MC44Mi0yMS42MSAxNy4xMS00My41NSAzNC45OS02NS4zNyA1My43MSAyMy4yIDI4LjgxIDQzLjk0IDU4LjY0IDYwLjQ3IDg4LjE3IDE0LjM3IDI1LjY2IDI1LjU1IDUxLjEgMzIuNDIgNzUuNDYgMy4xNCAxMS4xMyAxMS43NSA0My42NCAxLjM4IDUxLjY2LTMuOTEgMy4wMy0xMC4xMS4xNi0xNi45NS01LjM4LTIzLjM0LTE4Ljg5LTYxLjI5LTcwLjc3LTgyLjkzLTk1Ljc2eiIvPjwvc3ZnPg==');

    --svg-arrow-up: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWdvbiBwb2ludHM9IjEyIDYuNTg2IDMuMjkzIDE1LjI5MyA0LjcwNyAxNi43MDcgMTIgOS40MTQgMTkuMjkzIDE2LjcwNyAyMC43MDcgMTUuMjkzIDEyIDYuNTg2Ii8+Cjwvc3ZnPgo=");
    --svg-arrow-down: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWdvbiBwb2ludHM9IjEyIDE3LjQxNCAzLjI5MyA4LjcwNyA0LjcwNyA3LjI5MyAxMiAxNC41ODYgMTkuMjkzIDcuMjkzIDIwLjcwNyA4LjcwNyAxMiAxNy40MTQiLz4KPC9zdmc+Cg==");
    --svg-arrow-left: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWdvbiBwb2ludHM9IjE1LjI5MyAzLjI5MyA2LjU4NiAxMiAxNS4yOTMgMjAuNzA3IDE2LjcwNyAxOS4yOTMgOS40MTQgMTIgMTYuNzA3IDQuNzA3IDE1LjI5MyAzLjI5MyIvPgo8L3N2Zz4K");
    --svg-arrow-right: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWdvbiBwb2ludHM9IjcuMjkzIDQuNzA3IDE0LjU4NiAxMiA3LjI5MyAxOS4yOTMgOC43MDcgMjAuNzA3IDE3LjQxNCAxMiA4LjcwNyAzLjI5MyA3LjI5MyA0LjcwNyIvPgo8L3N2Zz4K");



    /* default bg rgba alpha */
    --bg-rgba-alpha: 1;
    /* SUCCESS PALETTE */
    --palette-success: #00ac00;
    --palette-success-text: #ffffff;
    --palette-light-success: #00d000;
    --palette-light-success-text: #ffffff;
    --palette-dark-success: #006c00;
    --palette-dark-success-text: #ffffff;
    --palette-rgb-success: 0, 172, 0;
    --palette-rgb-success-text: 255, 255, 255;
    --palette-rgb-light-success: 0, 208, 0;
    --palette-rgb-light-success-text: 255, 255, 255;
    --palette-rgb-dark-success: 0, 108, 0;
    --palette-rgb-dark-success-text: 255, 255, 255;

    /*  WARNING PALETTE */
    --palette-warning: #ff9900;
    --palette-warning-text: #ffffff;
    --palette-light-warning: #f9c55e;
    --palette-light-warning-text: #000000;
    --palette-dark-warning: #a35900;
    --palette-dark-warning-text: #ffffff;
    --palette-rgb-warning: 255, 153, 0;
    --palette-rgb-warning-text: 255, 255, 255;
    --palette-rgb-light-warning: 249, 197, 94;
    --palette-rgb-light-warning-text: 0, 0, 0;
    --palette-rgb-dark-warning: 163, 89, 0;
    --palette-rgb-dark-warning-text: 255, 255, 255;
    /* ERROR PALETTE */
    --palette-error: #d50000;
    --palette-error-text: #ffffff;
    --palette-light-error: #ff5c5c;
    --palette-light-error-text: #000000;
    --palette-dark-error: #9b0000;
    --palette-dark-error-text: #ffffff;
    --palette-rgb-error: 213, 0, 0;
    --palette-rgb-error-text: 255, 255, 255;
    --palette-rgb-light-error: 255, 92, 92;
    --palette-rgb-light-error-text: 0, 0, 0;
    --palette-rgb-dark-error: 155, 0, 0;
    --palette-rgb-dark-error-text: 255, 255, 255;
    /* INFO PALETTE */
    --palette-info: #00d0ff;
    --palette-info-text: #ffffff;
    --palette-light-info: #84f0fc;
    --palette-light-info-text: #000000;
    --palette-dark-info: #00a3c4;
    --palette-dark-info-text: #ffffff;
    --palette-rgb-info: 0, 208, 255;
    --palette-rgb-info-text: 255, 255, 255;
    --palette-rgb-light-info: 132, 240, 252;
    --palette-rgb-light-info-text: 0, 0, 0;
    --palette-rgb-dark-info: 0, 163, 196;
    --palette-rgb-dark-info-text: 255, 255, 255;
    /* READ PALETTE */
    --palette-read: #004cff;
    --palette-read-text: #ffffff;
    --palette-light-read: #2d6cff;
    --palette-light-read-text: #ffffff;
    --palette-dark-read: #0026b3;
    --palette-dark-read-text: #ffffff;
    --palette-rgb-read: 0, 76, 255;
    --palette-rgb-read-text: 255, 255, 255;
    --palette-rgb-light-read: 45, 108, 255;
    --palette-rgb-light-read-text: 255, 255, 255;
    --palette-rgb-dark-read: 0, 38, 179;
    --palette-rgb-dark-read-text: 255, 255, 255;
    /* SETTING PALETTE */
    --palette-settings: #5d00ff;
    --palette-settings-text: #ffffff;
    --palette-light-settings: #8c5dff;
    --palette-light-settings-text: #ffffff;
    --palette-dark-settings: #2a00b3;
    --palette-dark-settings-text: #ffffff;
    --palette-rgb-settings: 93, 0, 255;
    --palette-rgb-settings-text: 255, 255, 255;
    --palette-rgb-light-settings: 140, 93, 255;
    --palette-rgb-light-settings-text: 255, 255, 255;
    --palette-rgb-dark-settings: 42, 0, 179;
    --palette-rgb-dark-settings-text: 255, 255, 255;
    /* ALARM PALETTE */
    --palette-alarm: #720a80;
    --palette-alarm-text: #ffffff;
    --palette-light-alarm: #a80ebd;
    --palette-light-alarm-text: #ffffff;
    --palette-dark-alarm: #52075c;
    --palette-dark-alarm-text: #ffffff;
    --palette-rgb-alarm: 114, 10, 128;
    --palette-rgb-alarm-text: 255, 255, 255;
    --palette-rgb-light-alarm: 168, 14, 189;
    --palette-rgb-light-alarm-text: 255, 255, 255;
    --palette-rgb-dark-alarm: 82, 7, 92;
    --palette-rgb-dark-alarm-text: 255, 255, 255;

    /* EVENT PALETTE */
    --palette-event: #8a7500;
    --palette-event-text: #ffffff;
    --palette-light-event: #b69b00;
    --palette-light-event-text: #ffffff;
    --palette-dark-event: #554901;
    --palette-dark-event-text: #ffffff;
    --palette-rgb-event: 138, 117, 0;
    --palette-rgb-event-text: 255, 255, 255;
    --palette-rgb-light-event: 182, 155, 0;
    --palette-rgb-light-event-text: 255, 255, 255;
    --palette-rgb-dark-event: 85, 73, 1;
    --palette-rgb-dark-event-text: 255, 255, 255;

    /* YELLOW PALETTE */
    --palette-yellow: #ffff00;
    --palette-yellow-text: #000000;
    --palette-light-yellow: #ffff00;
    --palette-light-yellow-text: #ffffff;
    --palette-dark-yellow: #ffff00;
    --palette-dark-yellow-text: #ffffff;
    --palette-rgb-yellow: 255, 255, 0;
    --palette-rgb-yellow-text: 0, 0, 0;
    --palette-rgb-light-yellow: 182, 155, 0;
    --palette-rgb-light-yellow-text: 255, 255, 255;
    --palette-rgb-dark-yellow: 85, 73, 1;
    --palette-rgb-dark-yellow-text: 255, 255, 255;


    /* WHITE PALETTE */
    --palette-white: #ffffff;
    --palette-white-text: #000000;
    --palette-light-white: #fffcc6;
    --palette-light-white-text: #000000;
    --palette-dark-white: #b8b8b8;
    --palette-dark-white-text: #000000;
    --palette-rgb-white: 255, 255, 255;
    --palette-rgb-white-text: 0, 0, 0;
    --palette-rgb-light-white: 255, 252, 198;
    --palette-rgb-light-white-text: 0, 0, 0;
    --palette-rgb-dark-white: 184, 184, 184;
    --palette-rgb-dark-white-text: 0, 0, 0;


    /* LIGHT PALETTE */
    --palette-light: #d7d7d7;
    --palette-light-text: #000000;
    --palette-light-light: #f3f3f3;
    --palette-light-light-text: #000000;
    --palette-dark-light: #bdbbbb;
    --palette-dark-light-text: #000000;
    --palette-rgb-light: 215, 215, 215;
    --palette-rgb-light-text: 0, 0, 0;
    --palette-rgb-light-light: 243, 243, 243;
    --palette-rgb-light-light-text: 0, 0, 0;
    --palette-rgb-dark-light: 189, 187, 187;
    --palette-rgb-dark-light-text: 0, 0, 0;

}

/* dark modes - svgs white */
[data-bs-palette="businessflowsolution"],
[data-bs-palette="asd"],
[data-bs-palette="qwe"]:root {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body {
    background-color: var(--palette-body-background) !important;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: var(--palette-light-primary);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--palette-dark-primary);
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--palette-dark-accent);
}

/* annullo gli angoli rotondi di vari elementi */

/* .card,
.card-header,
.card-body,
.card-footer, */
a,
button,
.dropdown-menu {
    border-radius: 0px !important;
}

/* .card,
.card-header,
.card-body, */
.dropdown-menu {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.dropdown-item {
    color: var(--palette-primary-text) !important;
}

.dropdown-item:hover {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.dropdown-item.active:hover {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.dropdown-item.active {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.dropdown-menu {
    z-index: 40000 !important;
}

popover {
    z-index: -1 !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}