@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");

:root {    
    --bs-blue: #1c75bc;
    --bs-red: #ed1c24;
    --bs-yellow: #ffb043;
    --bs-green: #39b54a;
    --bs-cyan: #33bbed;
    --bs-gray: #a1a1a1;
    --bs-gray-dark: #222222;
    --bs-gray-100: #f7f8f9;
    --bs-gray-200: #f2f2f2;
    --bs-gray-300: #e5e5e5;
    --bs-gray-400: #ced4da; /* = original */
    --bs-gray-500: #737E8C;
    --bs-gray-600: #a1a1a1;
    --bs-gray-700: #495057; /* = original */
    --bs-gray-800: #222222;
    --bs-gray-900: #212529; /* = original */
    /* colors MAIN */
    --bs-primary: #1c75bc; /* --bs-blue */
    --bs-secondary: #ffffff;
    --bs-success: #39b54a; /* --bs-green */
    --bs-info: #33bbed; /* --bs-cyan */
    --bs-warning: #ffb043; /* --bs-yellow */
    --bs-danger: #ed1c24; /* --bs-red */
    --bs-light: #f7f8f9; /* --bs-gray-100 */
    --bs-dark: #212529; /* --bs-gray-900. = original */
    /* colors MAIN RGB */
    --bs-primary-rgb: 28, 117, 188;
    --bs-secondary-rgb: 255, 255, 255;
    --bs-success-rgb: 57, 181, 74;
    --bs-info-rgb: 51, 187, 237;
    --bs-warning-rgb: 255, 176, 67;
    --bs-danger-rgb: 237, 28, 36;
    --bs-light-rgb: 247, 248, 249;
    --bs-dark-rgb: 33, 37, 41;
    /* text-emphasis */
    --bs-primary-text-emphasis: #114671;
    --bs-secondary-text-emphasis: #999999;
    --bs-success-text-emphasis: #226d2c;
    --bs-info-text-emphasis: #1f708e;
    --bs-warning-text-emphasis: #996a28;
    --bs-danger-text-emphasis: #8e1116;
    --bs-light-text-emphasis: #949595;
    --bs-dark-text-emphasis: #141619;
    /* bg-subtle */
    --bs-primary-bg-subtle: #d2e3f2;
    --bs-secondary-bg-subtle: white;
    --bs-success-bg-subtle: #d7f0db;
    --bs-info-bg-subtle: #d6f1fb;
    --bs-warning-bg-subtle: #ffefd9;
    --bs-danger-bg-subtle: #fbd2d3;
    --bs-light-bg-subtle: #fdfefe;
    --bs-dark-bg-subtle: #d3d3d4;
    /* border-subtle */
    --bs-primary-border-subtle: #bbd6eb;
    --bs-secondary-border-subtle: #e6e6e6;
    --bs-success-border-subtle: #c4e9c9;
    --bs-info-border-subtle: #c2ebfa;
    --bs-warning-border-subtle: #ffe7c7;
    --bs-danger-border-subtle: #fabbbd;
    --bs-light-border-subtle: #fdfdfd;
    --bs-dark-border-subtle: #bcbebf;
    /* ~~~~~~~~~~ */
    --bs-font-sans-serif: "Poppins", "Segoe UI", "Roboto", "Helvetica Neue", "-apple-system", "BlinkMacSystemFont", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bs-emphasis-color: #495057;
    --bs-emphasis-color-rgb: 73, 80, 87;
    --bs-secondary-color: rgba(161, 161, 161, 1);
    --bs-secondary-color-rgb: 161, 161, 161;
    /* link */
    --bs-link-color: #1c75bc;
    --bs-link-color-rgb: 28, 117, 188;
    --bs-link-hover-color: #165e96;
    --bs-link-hover-color-rgb: 22, 94, 150;
    /* ~~~~~~~~~~ */
    --bs-code-color: #d63384;
    /*
        --bs-border-radius: 0.25rem;
        --bs-border-color: #e5e5e5;
        --bs-border-color-translucent: rgba(34, 34, 34, 0.175);
    */
    --bs-focus-ring-color: rgba(28, 117, 188, 0.25); /* --bs-link-color-rgb */
    /* form */
    --bs-form-invalid-color: #ed1c24; /* --bs-danger --bs-red */
    --bs-form-invalid-border-color: #ed1c24; /* --bs-danger --bs-red */
    --bs-form-valid-color: #39b54a; /* --bs-success --bs-green */
    --bs-form-valid-border-color: #39b54a; /* --bs-success --bs-green */
    /* custom vars */
    --nav-menu-bkg: #fbfcfc;
    --nav-menu-bkg-active: var(--bs-gray-200);
    --main-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    --grid-box-shadow: var(--main-box-shadow);
}

body {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
    font-weight: var(--bs-body-font-weight) !important;
    line-height: var(--bs-body-line-height) !important;
    color: var(--bs-body-color) !important;
    text-align: var(--bs-body-text-align) !important;
    background-color: var(--bs-body-bg) !important;
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

kbd {
    /*border-radius: 0.2rem;*/
}

    kbd kbd {
        /*font-weight: 700;*/
    }

.blockquote-footer {
    color: #a1a1a1;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}

.table {
    --bs-table-bg: transparent;
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #d2e3f2;
    --bs-table-border-color: #bdccda;
    --bs-table-striped-bg: #c8d8e6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bdccda;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c2d2e0;
    --bs-table-hover-color: #000;
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: white;
    --bs-table-border-color: #e6e6e6;
    --bs-table-striped-bg: #f2f2f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6e6e6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ececec;
    --bs-table-hover-color: #000;
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d7f0db;
    --bs-table-border-color: #c2d8c5;
    --bs-table-striped-bg: #cce4d0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2d8c5;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c7decb;
    --bs-table-hover-color: #000;
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #d6f1fb;
    --bs-table-border-color: #c1d9e2;
    --bs-table-striped-bg: #cbe5ee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c1d9e2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c6dfe8;
    --bs-table-hover-color: #000;
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #ffefd9;
    --bs-table-border-color: #e6d7c3;
    --bs-table-striped-bg: #f2e3ce;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6d7c3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ecddc9;
    --bs-table-hover-color: #000;
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #fbd2d3;
    --bs-table-border-color: #e2bdbe;
    --bs-table-striped-bg: #eec8c8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e2bdbe;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e8c2c3;
    --bs-table-hover-color: #000;
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f7f8f9;
    --bs-table-border-color: #dedfe0;
    --bs-table-striped-bg: #ebeced;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dedfe0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e4e5e6;
    --bs-table-hover-color: #000;
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #ffffff;
}


.col-form-label {
    padding-top: calc(0.375rem + var(--bs-border-width));
    padding-bottom: calc(0.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + var(--bs-border-width));
    padding-bottom: calc(0.5rem + var(--bs-border-width));
    font-size: 1.1rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    font-size: 0.77rem;
}

.form-control:focus {
    border-color: #8ebade;
    box-shadow: none;
}

.form-control-plaintext {
    padding: 0.375rem 0;
}

.form-select:focus {
    border-color: #8ebade;
    box-shadow: 0 0 0 0 rgba(28, 117, 188, 0.25);
}

.form-check-input:focus {
    border-color: #8ebade;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
}

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

.form-check-input[type=checkbox]:indeterminate {
    background-color: #1c75bc;
    border-color: #1c75bc;
}

.form-range {
    height: 1rem;
}

    /* rgba(95, 54, 141, 0.25) => rgba(28, 117, 188, 0.25) */

    .form-range:focus::-webkit-slider-thumb {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
    }

    .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
    }

    .form-range::-webkit-slider-thumb {
        background-color: #1c75bc;
    }

        .form-range::-webkit-slider-thumb:active {
            background-color: #bbd6eb;
        }

    .form-range::-moz-range-thumb:active {
        background-color: #bbd6eb;
    }



.btn-primary {
    --bs-btn-bg: #1c75bc;
    --bs-btn-border-color: #1c75bc;
    --bs-btn-hover-bg: #1c75bc;
    --bs-btn-hover-border-color: #165e96;
    --bs-btn-focus-shadow-rgb: 62, 138, 198;
    --bs-btn-active-bg: #165e96;
    --bs-btn-active-border-color: #15588d;
    --bs-btn-disabled-bg: #1c75bc;
    --bs-btn-disabled-border-color: #1c75bc;
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: white;
    --bs-btn-focus-shadow-rgb: 217, 217, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: white;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #39b54a;
    --bs-btn-border-color: #39b54a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #309a3f;
    --bs-btn-hover-border-color: #2e913b;
    --bs-btn-focus-shadow-rgb: 87, 192, 101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2e913b;
    --bs-btn-active-border-color: #2b8838;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(87, 192, 101, 0.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #39b54a;
    --bs-btn-disabled-border-color: #39b54a;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #33bbed;
    --bs-btn-border-color: #33bbed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2b9fc9;
    --bs-btn-hover-border-color: #2996be;
    --bs-btn-focus-shadow-rgb: 82, 197, 240;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2996be;
    --bs-btn-active-border-color: #268cb2;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(82, 197, 240, 0.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #33bbed;
    --bs-btn-disabled-border-color: #33bbed;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ffb043;
    --bs-btn-border-color: #ffb043;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d99639;
    --bs-btn-hover-border-color: #cc8d36;
    --bs-btn-focus-shadow-rgb: 255, 188, 95;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc8d36;
    --bs-btn-active-border-color: #bf8432;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(255, 188, 95, 0.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffb043;
    --bs-btn-disabled-border-color: #ffb043;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ed1c24;
    --bs-btn-border-color: #ed1c24;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c9181f;
    --bs-btn-hover-border-color: #be161d;
    --bs-btn-focus-shadow-rgb: 240, 62, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #be161d;
    --bs-btn-active-border-color: #b2151b;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(240, 62, 69, 0.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ed1c24;
    --bs-btn-disabled-border-color: #ed1c24;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f7f8f9;
    --bs-btn-border-color: #f7f8f9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 210, 211, 212;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(210, 211, 212, 0.5);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f7f8f9;
    --bs-btn-disabled-border-color: #f7f8f9;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1c1f23;
    --bs-btn-hover-border-color: #1a1e21;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a1e21;
    --bs-btn-active-border-color: #191c1f;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(66, 70, 73, 0.5);
}

.btn-outline-primary {
    --bs-btn-color: #1c75bc;
    --bs-btn-border-color: #1c75bc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1c75bc;
    --bs-btn-hover-border-color: #1c75bc;
    --bs-btn-focus-shadow-rgb: 28, 117, 188;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1c75bc;
    --bs-btn-active-border-color: #1c75bc;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(28, 117, 188, 0.5);
    --bs-btn-disabled-color: #1c75bc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1c75bc;
}

.btn-outline-secondary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
}

.btn-outline-success {
    --bs-btn-color: #39b54a;
    --bs-btn-border-color: #39b54a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #39b54a;
    --bs-btn-hover-border-color: #39b54a;
    --bs-btn-focus-shadow-rgb: 7, 181, 74;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #39b54a;
    --bs-btn-active-border-color: #39b54a;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(57, 181, 74, 0.5);
    --bs-btn-disabled-color: #39b54a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #39b54a;
}

.btn-outline-info {
    --bs-btn-color: #33bbed;
    --bs-btn-border-color: #33bbed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #33bbed;
    --bs-btn-hover-border-color: #33bbed;
    --bs-btn-focus-shadow-rgb: 51, 187, 237;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #33bbed;
    --bs-btn-active-border-color: #33bbed;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(51, 187, 237, 0.5);
    --bs-btn-disabled-color: #33bbed;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #33bbed;
}

.btn-outline-warning {
    --bs-btn-color: #ffb043;
    --bs-btn-border-color: #ffb043;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffb043;
    --bs-btn-hover-border-color: #ffb043;
    --bs-btn-focus-shadow-rgb: 255, 176, 67;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffb043;
    --bs-btn-active-border-color: #ffb043;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(255, 176, 67, 0.5);
    --bs-btn-disabled-color: #ffb043;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffb043;
}

.btn-outline-danger {
    --bs-btn-color: #ed1c24;
    --bs-btn-border-color: #ed1c24;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ed1c24;
    --bs-btn-hover-border-color: #ed1c24;
    --bs-btn-focus-shadow-rgb: 237, 28, 36;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ed1c24;
    --bs-btn-active-border-color: #ed1c24;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(237, 28, 36, 0.5);
    --bs-btn-disabled-color: #ed1c24;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: ed1c24;
}

.btn-outline-light {
    --bs-btn-color: #f7f8f9;
    --bs-btn-border-color: f7f8f9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f8f9;
    --bs-btn-hover-border-color: f7f8f9;
    --bs-btn-focus-shadow-rgb: 247, 248, 249;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f8f9;
    --bs-btn-active-border-color: #f7f8f9;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(247, 248, 249, 0.5);
    --bs-btn-disabled-color: #f7f8f9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f7f8f9;
}

.btn-outline-dark {
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(33, 37, 41, 0.5);
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #1c75bc;
    --bs-dropdown-header-color: #a1a1a1;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #1c75bc;
    --bs-dropdown-header-color: #737E8C;
}

.nav-tabs {
    --bs-nav-tabs-link-active-border-color: #1c75bc;
    --bs-nav-tabs-border-radius: 0.25rem;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #1c75bc;
}

    .nav-pills .nav-link {
        background: none;
        border: 0;
    }

.navbar {
    --bs-navbar-brand-padding-y: 0.335rem;
    --bs-navbar-toggler-border-color: transparent;
}

.card {
    --bs-card-spacer-x: 1rem;
    --bs-card-inner-border-radius: 1px;
    --bs-card-cap-padding-x: 1rem;
}

.accordion {
    --bs-accordion-btn-focus-border-color: #8ebade;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
    --bs-pagination-active-bg: #1c75bc;
    --bs-pagination-active-border-color: #1c75bc;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #1c75bc;
}

.list-group {
    --bs-list-group-active-bg: #1c75bc;
    --bs-list-group-active-border-color: #1c75bc;
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(28, 117, 188, 0.25);
}

.toast {
    --bs-toast-spacing: 0.75rem;
}

.modal {
    --bs-modal-padding: 0.75rem;
    --bs-modal-border-color: var(--bs-body-bg);
    --bs-modal-header-padding-x: 0.75rem;
    --bs-modal-header-padding-y: 0.75rem;
    --bs-modal-header-padding: 0.75rem 0.75rem;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-padding-x: 0.75rem;
    --bs-offcanvas-padding-y: 0.75rem;
}

.link-primary:hover, .link-primary:focus {
    color: RGBA(22, 94, 150, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(22, 94, 150, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(22, 94, 150, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
    color: white !important;
    -webkit-text-decoration-color: white !important;
    text-decoration-color: white !important;
}

.link-success:hover, .link-success:focus {
    color: RGBA(46, 145, 59, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(46, 145, 59, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(46, 145, 59, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
    color: RGBA(41, 150, 190, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(41, 150, 190, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(41, 150, 190, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:hover, .link-warning:focus {
    color: RGBA(204, 141, 54, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(204, 141, 54, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(204, 141, 54, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
    color: RGBA(190, 22, 29, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(190, 22, 29, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(190, 22, 29, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
    color: RGBA(249, 249, 250, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(249, 249, 250, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 249, 250, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.text-black-50 {
    /*color: rgba(0, 0, 0, 0.5) !important;*/
}

.bg-light {
    background-color: #F4F8FC !important; /* important for calendar (for example, non-working day in Month view)  */
}

.border-secondary {
    border-color: #e5e5e5 !important;
}

.text-secondary {
    color: #a1a1a1 !important;
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(28, 117, 188, 0.5);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(28, 117, 188, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(28, 117, 188, 0.5);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(28, 117, 188, 0.5);
}

.btn-group > .btn-primary:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-primary:first-child:not(.active):not(:active):before {
    background-color: #17609b;
}

.btn-group > .btn-primary:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-primary:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #17609b;
}

.btn-group > .btn-success:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-success:first-child:not(.active):not(:active):before {
    background-color: #30983e;
}

.btn-group > .btn-success:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-success:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #30983e;
}

.btn-group > .btn-info:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-info:first-child:not(.active):not(:active):before {
    background-color: #14ade6;
}

.btn-group > .btn-info:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-info:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #14ade6;
}

.btn-group > .btn-warning:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-warning:first-child:not(.active):not(:active):before {
    background-color: #ffa01d;
}

.btn-group > .btn-warning:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-warning:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #ffa01d;
}

.btn-group > .btn-danger:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-danger:first-child:not(.active):not(:active):before {
    background-color: #d21118;
}

.btn-group > .btn-danger:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-danger:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #d21118;
}

.btn-group > .btn-light:not(:first-child):not(.active):not(:active):before, .btn-group > .btn-group:not(:first-child) > .btn-light:first-child:not(.active):not(:active):before {
    background-color: #e1e5e9;
}

.btn-group > .btn-light:not(:last-child):not(.active):not(:active):not(.dropdown-toggle):after, .btn-group > .btn-group:not(:last-child) > .btn-light:last-child:not(.active):not(:active):not(.dropdown-toggle):after {
    background-color: #e1e5e9;
}

.btn-group-vertical > .btn-primary:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-primary:first-child:not(.active):not(:active):before {
    background-color: #17609b;
}

.btn-group-vertical > .btn-primary:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-primary:last-child:not(.dropdown-toggle):after {
    background-color: #17609b;
}

.btn-group-vertical > .btn-success:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-success:first-child:not(.active):not(:active):before {
    background-color: #30983e;
}

.btn-group-vertical > .btn-success:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-success:last-child:not(.dropdown-toggle):after {
    background-color: #30983e;
}

.btn-group-vertical > .btn-info:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-info:first-child:not(.active):not(:active):before {
    background-color: #14ade6;
}

.btn-group-vertical > .btn-info:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-info:last-child:not(.dropdown-toggle):after {
    background-color: #14ade6;
}

.btn-group-vertical > .btn-warning:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-warning:first-child:not(.active):not(:active):before {
    background-color: #ffa01d;
}

.btn-group-vertical > .btn-warning:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-warning:last-child:not(.dropdown-toggle):after {
    background-color: #ffa01d;
}

.btn-group-vertical > .btn-danger:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-danger:first-child:not(.active):not(:active):before {
    background-color: #d21118;
}

.btn-group-vertical > .btn-danger:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-danger:last-child:not(.dropdown-toggle):after {
    background-color: #d21118;
}

.btn-group-vertical > .btn-light:not(:first-child):not(.active):not(:active):before, .btn-group-vertical > .btn-group-vertical:not(:first-child) > .btn-light:first-child:not(.active):not(:active):before {
    background-color: #e1e5e9;
}

.btn-group-vertical > .btn-light:not(:last-child):not(.dropdown-toggle):after, .btn-group-vertical > .btn-group-vertical:not(:last-child) > .btn-light:last-child:not(.dropdown-toggle):after {
    background-color: #e1e5e9;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    border-color: var(--bs-primary);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--bs-primary);
}

.dxbl-btn {
    --dxbl-btn-link-hover-color: var(--bs-primary);
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: var(--bs-primary);
    --dxbl-btn-border-color: var(--bs-primary);
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #1863a0;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #1863a0;
    --dxbl-btn-hover-bg: #1969a9;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #1969a9;
    --dxbl-btn-disabled-bg: #77acd7;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #77acd7;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
    /* !!! custom !!! */
    min-height: 36px; /* without = 30px */
    --dxbl-toolbar-btn-padding-x: 14px;
}

.dxbl-btn-outline-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: var(--bs-primary);
    --dxbl-btn-border-color: var(--bs-primary);
    --dxbl-btn-active-bg: #1863a0;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #1863a0;
    --dxbl-btn-hover-bg: #1969a9;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #1969a9;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #77acd7;
    --dxbl-btn-disabled-border-color: #77acd7;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-text-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: var(--bs-primary);
    --dxbl-btn-active-bg: #1863a0;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #1863a0;
    --dxbl-btn-hover-bg: #1969a9;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #1969a9;
    --dxbl-btn-disabled-bg: transparent;
    --dxbl-btn-disabled-color: #77acd7;
    --dxbl-btn-disabled-border-color: transparent; /* same */
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-secondary:where(:not(.dxbl-btn-standalone)) {
    /* !!! custom !!! */
    --dxbl-toolbar-btn-padding-x: 15px;
    --dxbl-toolbar-btn-padding-y: 10px;
/*    --dxbl-toolbar-btn-border-radius: 4px;*/
}

.dxbl-btn-text-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-hover-bg: #d2e4f2;
}

.dxbl-btn-success:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: var(--bs-success);
    --dxbl-btn-border-color: var(--bs-success);
    --dxbl-btn-color: #fff; /* same */
    --dxbl-btn-active-bg: #309a3f;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #309a3f;
    --dxbl-btn-hover-bg: #33a343;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #33a343;
    --dxbl-btn-disabled-bg: #88d392;
    --dxbl-btn-disabled-color: #fff; /* same */
    --dxbl-btn-disabled-border-color: #88d392;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(57, 181, 74, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-outline-success:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #39b54a;
    --dxbl-btn-border-color: #39b54a;
    --dxbl-btn-active-bg: #309a3f;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #309a3f;
    --dxbl-btn-hover-bg: #33a343;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #33a343;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #88d392;
    --dxbl-btn-disabled-border-color: #88d392;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(57, 181, 74, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-text-success:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #39b54a;
    --dxbl-btn-active-bg: #309a3f;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #309a3f;
    --dxbl-btn-hover-bg: #33a343;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #33a343;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #88d392;
    --dxbl-btn-disabled-border-color: transparent; /* same */
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(57, 181, 74, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-info:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #33bbed;
    --dxbl-btn-border-color: #33bbed;
    --dxbl-btn-color: #fff; /* same */
    --dxbl-btn-active-bg: #2b9fc9;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #2b9fc9;
    --dxbl-btn-hover-bg: #2ea8d5;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #2ea8d5;
    --dxbl-btn-disabled-bg: #85d6f4;
    --dxbl-btn-disabled-color: #fff; /* same */
    --dxbl-btn-disabled-border-color: #85d6f4;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(51, 187, 237, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
    /* !!! custom !!! */
    /*--dxbl-toolbar-btn-padding-x: 30px;
    --dxbl-toolbar-btn-padding-y: 10px;
    --dxbl-toolbar-btn-border-radius: 4px;*/
}

.dxbl-btn-outline-info:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #33bbed;
    --dxbl-btn-border-color: #33bbed;
    --dxbl-btn-active-bg: #2b9fc9;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #2b9fc9;
    --dxbl-btn-hover-bg: #2ea8d5;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #2ea8d5;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #85d6f4;
    --dxbl-btn-disabled-border-color: #85d6f4;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(51, 187, 237, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-text-info:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #33bbed;
    --dxbl-btn-active-bg: #2b9fc9;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #2b9fc9;
    --dxbl-btn-hover-bg: #2ea8d5;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #2ea8d5;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #85d6f4;
    --dxbl-btn-disabled-border-color: transparent; /* same */
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(51, 187, 237, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-warning:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #ffb043;
    --dxbl-btn-border-color: #ffb043;
    --dxbl-btn-color: #fff; /* same */
    --dxbl-btn-active-bg: #d99639;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #d99639;
    --dxbl-btn-hover-bg: #e69e3c;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #e69e3c;
    --dxbl-btn-disabled-bg: #ffd08e;
    --dxbl-btn-disabled-color: #fff; /* same */
    --dxbl-btn-disabled-border-color: #ffd08e;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(255, 176, 67, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
    /* !!! custom !!! */
    /*--dxbl-toolbar-btn-padding-x: 30px;
    --dxbl-toolbar-btn-padding-y: 10px;
    --dxbl-toolbar-btn-border-radius: 4px;*/
}

.dxbl-btn-outline-warning:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #ffb043;
    --dxbl-btn-border-color: #ffb043;
    --dxbl-btn-active-bg: #d99639;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #d99639;
    --dxbl-btn-hover-bg: #e69e3c;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #e69e3c;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #ffd08e;
    --dxbl-btn-disabled-border-color: #ffd08e;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(255, 176, 67, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-text-warning:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #ffb043;
    --dxbl-btn-active-bg: #d99639;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #d99639;
    --dxbl-btn-hover-bg: #e69e3c;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #e69e3c;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #ffd08e;
    --dxbl-btn-disabled-border-color: transparent; /* same */
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(255, 176, 67, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-danger:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #ed1c24;
    --dxbl-btn-border-color: #ed1c24;
    --dxbl-btn-color: #fff; /* same */
    --dxbl-btn-active-bg: #c9181f;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #c9181f;
    --dxbl-btn-hover-bg: #d51920;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #d51920;
    --dxbl-btn-disabled-bg: #f4777c;
    --dxbl-btn-disabled-color: #fff; /* same */
    --dxbl-btn-disabled-border-color: #f4777c;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(237, 28, 36, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
    /* !!! custom !!! */
    /*--dxbl-toolbar-btn-padding-x: 30px;
    --dxbl-toolbar-btn-padding-y: 10px;
    --dxbl-toolbar-btn-border-radius: 4px;*/
}

.dxbl-btn-outline-danger:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-color: #ed1c24;
    --dxbl-btn-border-color: #ed1c24;
    --dxbl-btn-active-bg: transparent;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #c9181f;
    --dxbl-btn-hover-bg: #d51920;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #d51920;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #f4777c;
    --dxbl-btn-disabled-border-color: #f4777c;
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(237, 28, 36, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-text-danger:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #ed1c24;
    --dxbl-btn-active-bg: #c9181f;
    --dxbl-btn-active-color: #fff; /* same */
    --dxbl-btn-active-border-color: #c9181f;
    --dxbl-btn-hover-bg: #d51920;
    --dxbl-btn-hover-color: #fff; /* same */
    --dxbl-btn-hover-border-color: #d51920;
    --dxbl-btn-disabled-bg: transparent; /* same */
    --dxbl-btn-disabled-color: #f4777c;
    --dxbl-btn-disabled-border-color: transparent; /* same */
    --dxbl-btn-disabled-opacity: 1; /* same */
    --dxbl-btn-focus-shadow-color: rgba(237, 28, 36, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem; /* same */
    --dxbl-btn-focus-shadow-blur: 0rem; /* same */
}

.dxbl-btn-group > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-group > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary,
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-secondary,
.dxbl-btn-group-vertical > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-border-color: #ced4da;
    --dxbl-btn-disabled-border-color: #ced4da;
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-group > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-group > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary,
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-outline-secondary,
.dxbl-btn-group-vertical > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary {
    --dxbl-btn-border-color: #ced4da;
    --dxbl-btn-disabled-border-color: #ced4da;
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-group > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary,
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-text-secondary,
.dxbl-btn-group-vertical > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary {
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn:not(:last-child):not(.dxbl-btn-last), :not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last), :not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-btn:not(:last-child):not(.dxbl-btn-last), :not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last) {
    /* !!! custom !!! */
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.dxbl-btn-tool.dxbl-btn-secondary:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-split > .dxbl-btn-tool.dxbl-btn-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-border-color: #ced4da;
    --dxbl-btn-disabled-border-color: #ced4da;
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-tool.dxbl-btn-outline-secondary:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-split > .dxbl-btn-tool.dxbl-btn-outline-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-border-color: #ced4da;
    --dxbl-btn-disabled-border-color: #ced4da;
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-tool.dxbl-btn-text-secondary:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-split > .dxbl-btn-tool.dxbl-btn-text-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

.dxbl-btn-standalone {
    --dxbl-btn-link-hover-color: var(--bs-blue);
    --dxbl-btn-focus-outline-color: var(--bs-blue);
}

    .dxbl-btn-standalone.dxbl-btn-outline-none {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-none {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    /* 
        Manually calculated tint colors:

        #432874 =>  #065fa6 
        #59359A =>  #1674c9 
        #A98EDA => #7ca0d3 
        #C5B3E6 => #7fa1d0
    */

    .dxbl-btn-standalone.dxbl-btn-primary {
        --dxbl-btn-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-bg: var(--bs-blue);
        --dxbl-btn-border-color: var(--bs-blue);
        --dxbl-btn-active-bg: #065fa6; /* from #432874 */
        --dxbl-btn-active-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-active-border-color: #065fa6; /* from #432874 */
        --dxbl-btn-hover-bg: #1969a9;
        --dxbl-btn-hover-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-hover-border-color: #1969a9;
        --dxbl-btn-disabled-bg: #77acd7;
        --dxbl-btn-disabled-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-disabled-border-color: #77acd7;
        --dxbl-btn-focus-outline-size: 0.125rem; /* same */
        --dxbl-btn-focus-outline-offset: 0.063rem; /* same */
        --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* same */
        --dxbl-btn-focus-bg: var(--bs-blue);
        --dxbl-btn-focus-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-focus-border-bg: var(--bs-blue);
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-primary {
        --dxbl-btn-color: var(--bs-blue);
        --dxbl-btn-border-color: var(--bs-blue);
        --dxbl-btn-active-bg: #065fa6; /* from #432874 */
        --dxbl-btn-active-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-active-border-color: #065fa6; /* from #432874 */
        --dxbl-btn-hover-bg: var(--bs-blue);
        --dxbl-btn-hover-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-hover-border-color: #1674c9; /* from #59359A */
        --dxbl-btn-disabled-color: #7ca0d3; /* from #A98EDA */
        --dxbl-btn-disabled-border-color: #7fa1d0; /* from #C5B3E6 */
        --dxbl-btn-focus-outline-size: 0.125rem; /* same */
        --dxbl-btn-focus-outline-offset: 0.063rem; /* same */
        --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* same */
        --dxbl-btn-focus-color: var(--bs-blue);
        --dxbl-btn-focus-border-bg: var(--bs-blue);
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-primary {
        --dxbl-btn-color: var(--bs-blue);
        --dxbl-btn-active-bg: #065fa6; /* from #432874 */
        --dxbl-btn-active-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-active-border-color: #065fa6; /* from #432874 */
        --dxbl-btn-hover-bg: #1674c9; /* from #59359A */
        --dxbl-btn-hover-color: rgb(255, 255, 255); /* same */
        --dxbl-btn-hover-border-color: #1674c9; /* from #59359A */
        --dxbl-btn-disabled-color: #7ca0d3; /* from #A98EDA */
        --dxbl-btn-focus-outline-size: 0.125rem; /* same */
        --dxbl-btn-focus-outline-offset: 0.063rem; /* same */
        --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* same */
        --dxbl-btn-focus-color: var(--bs-blue);
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-secondary {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-secondary {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-secondary {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-success {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-success {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-success {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-info {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-info {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-info {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-warning {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-warning {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-warning {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-danger {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-danger {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-danger {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-light {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-light {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-light {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-dark {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-dark {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

    .dxbl-btn-standalone.dxbl-btn-text-dark {
        --dxbl-btn-focus-outline-color: var(--bs-blue);
    }

.dxbl-checkbox {
    --dxbl-checkbox-line-height: 1.141;
    --dxbl-checkbox-check-element-checked-bg: var(--bs-primary);
    --dxbl-checkbox-switch-checked-bg: var(--bs-primary);
    --dxbl-checkbox-radio-checked-border-color: var(--bs-primary);
    --dxbl-checkbox-radio-check-bg: var(--bs-primary);
    --dxbl-checkbox-validation-valid-color: #39b54a;
    --dxbl-checkbox-validation-invalid-color: #ed1c24;
    --dxbl-checkbox-check-element-checked-hover-bg: #165e96;
    --dxbl-checkbox-switch-checked-hover-bg: #165e96;
    --dxbl-checkbox-radio-checked-hover-bg: #165e96;
    --dxbl-checkbox-radio-checked-hover-border-color: #165e96;
    --dxbl-checkbox-checked-focus-shadow-color: rgba(28, 117, 188, 0.5);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

    .dxbl-checkbox.valid.modified:not([type=checkbox]) {
        --dxbl-checkbox-checked-focus-shadow-color: rgba(57, 181, 74, 0.5);
        --dxbl-checkbox-unchecked-focus-shadow-color: rgba(57, 181, 74, 0.5);
        --dxbl-checkbox-check-element-checked-hover-bg: #2e913b;
        --dxbl-checkbox-switch-checked-hover-bg: #2e913b;
        --dxbl-checkbox-radio-checked-hover-bg: #2e913b;
    }

        .dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
            background-color: var(--dxbl-checkbox-check-element-unchecked-bg, #39b54a);
            border: var(--dxbl-checkbox-check-element-unchecked-border-width) solid var(--dxbl-checkbox-check-element-unchecked-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover::before {
            background-color: var(--dxbl-checkbox-check-element-unchecked-hover-bg, #39b54a);
            border: var(--dxbl-checkbox-check-element-unchecked-border-width) solid var(--dxbl-checkbox-check-element-unchecked-hover-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-check-element-readonly-bg, #39b54a);
            border: var(--dxbl-checkbox-check-element-readonly-border-width) solid var(--dxbl-checkbox-check-element-readonly-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-check-element-readonly-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-switch.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
            background-color: var(--dxbl-checkbox-switch-unchecked-hover-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::after {
            background-color: var(--dxbl-checkbox-radio-unchecked-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-checked-hover-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::after {
            background-color: var(--dxbl-checkbox-radio-checked-hover-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
            background-color: var(--dxbl-checkbox-radio-unchecked-check-bg, #39b54a);
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-unchecked:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-hover-border-color, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-radio-check-readonly-bg, #39b54a);
        }

        .dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-radio-check-readonly-bg, #39b54a);
        }

    .dxbl-checkbox.invalid {
        --dxbl-checkbox-checked-focus-shadow-color: rgba(237, 28, 36, 0.5);
        --dxbl-checkbox-unchecked-focus-shadow-color: rgba(237, 28, 36, 0.5);
        --dxbl-checkbox-check-element-checked-hover-bg: #be161d;
        --dxbl-checkbox-switch-checked-hover-bg: #be161d;
        --dxbl-checkbox-radio-checked-hover-bg: #be161d;
    }

        .dxbl-checkbox.invalid:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
            background-color: var(--dxbl-checkbox-check-element-unchecked-bg, #ed1c24);
            border: var(--dxbl-checkbox-check-element-unchecked-border-width) solid var(--dxbl-checkbox-check-element-unchecked-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover::before {
            background-color: var(--dxbl-checkbox-check-element-unchecked-hover-bg, #ed1c24);
            border: var(--dxbl-checkbox-check-element-unchecked-border-width) solid var(--dxbl-checkbox-check-element-unchecked-hover-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox.invalid:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-check-element-readonly-bg, #ed1c24);
            border: var(--dxbl-checkbox-check-element-readonly-border-width) solid var(--dxbl-checkbox-check-element-readonly-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-check-element-readonly-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-switch.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox.invalid.dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-switch-unchecked-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
            background-color: var(--dxbl-checkbox-switch-unchecked-hover-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::after {
            background-color: var(--dxbl-checkbox-radio-unchecked-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-checked:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-checked-hover-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-checked:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::after {
            background-color: var(--dxbl-checkbox-radio-checked-hover-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
            background-color: var(--dxbl-checkbox-radio-unchecked-check-bg, #ed1c24);
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-checkbox-unchecked:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element::before {
            border: var(--dxbl-checkbox-radio-border-width) solid var(--dxbl-checkbox-radio-unchecked-hover-border-color, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-radio-check-readonly-bg, #ed1c24);
        }

        .dxbl-checkbox.invalid.dxbl-checkbox-radio.dxbl-readonly.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
            background-color: var(--dxbl-checkbox-radio-check-readonly-bg, #ed1c24);
        }

.dxbl-calendar {    
    --dxbl-calendar-today-border-color: var(--bs-primary);
    --dxbl-calendar-item-focus-outline-color: var(--bs-primary);
    --dxbl-calendar-validation-valid-color: #39b54a;
    --dxbl-calendar-validation-invalid-color: #ed1c24;
}

.dxbl-listbox {    
    --dxbl-listbox-validation-valid-color: #39b54a;
    --dxbl-listbox-validation-invalid-color: #ed1c24;
    height: auto;
}

    .dxbl-listbox div.dxbl-listbox-item-selected::before,
    .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
        background-color: var(--bs-primary);
    }

    .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before,
    .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,
    .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
        background-color: var(--bs-primary);
    }

.dxbl-list-box {
    --dxbl-list-box-validation-valid-color: #39b54a;
    --dxbl-list-box-validation-invalid-color: #ed1c24;
}

    .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before,
    .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td::before {
        background-color: var(--bs-primary);
    }

    .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li.dxbl-list-box-item-selected:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover::before,
    .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr.dxbl-list-box-item-selected:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover > td::before {
        background-color: var(--bs-primary);
    }

.dxbl-text-edit {
    --dxbl-text-edit-padding-x: 0.6rem;
    --dxbl-text-edit-padding-y: 0.4rem;
    --dxbl-text-edit-border-color: #ced4da;
    --dxbl-text-edit-btn-bg: transparent;
    --dxbl-text-edit-btn-hover-bg: rgba(0, 0, 0, 0.05);
    --dxbl-text-edit-validation-valid-color: #39b54a;
    --dxbl-text-edit-validation-invalid-color: #ed1c24;
    --dxbl-text-edit-focus-shadow-color: rgba(28, 117, 188, 0.25);
    --dxbl-text-edit-focus-shadow-spread: 0px;
    --dxbl-text-edit-focus-border-color: #8ebade;
}

    .dxbl-text-edit .dxbl-text-edit-input {
        /* ! custom ! */
        font-family: 'Poppins';
    }

    .dxbl-text-edit.valid.modified:not([type=checkbox]) {
        --dxbl-text-edit-focus-shadow-color: rgba(57, 181, 74, 0.25);
        --dxbl-text-edit-focus-shadow-spread: 0px;
        --dxbl-text-edit-focus-border-color: #9cdaa5;
    }

    .dxbl-text-edit.invalid {
        --dxbl-text-edit-focus-shadow-color: rgba(237, 28, 36, 0.25);
        --dxbl-text-edit-focus-shadow-spread: 0px;
        --dxbl-text-edit-focus-border-color: #f68e92;
    }

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-listbox,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-listbox {
    max-height: 210px; /* 200 => 210 */
}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: var( --bs-gray-600);    
}

.dxbl-pager-container {
    --dxbl-pager-container-padding-x: 0rem; /* 0.5rem */
    --dxbl-pager-container-padding-y: 1.1rem; /* 0.5rem */
}

.dxbl-grid {
    --dxbl-grid-text-cell-padding-y: 0.375rem;
    --dxbl-grid-header-bg: #F3F6FB;
    --dxbl-grid-selection-bg: aliceblue;
    --dxbl-grid-focus-frame-color: var(--bs-primary);
}

    .dxbl-grid .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
        color: var(--bs-primary);
    }

    /* not sure if we need this */
    .dxbl-grid.dxbl-sm {
        --dxbl-grid-empty-data-area-padding-x: 0.75rem; /* 1rem */
        --dxbl-grid-empty-data-area-padding-y: 0.5rem; /* 2rem */
    }

    /* not sure if we need this */
    .dxbl-grid.dxbl-lg {
        --dxbl-grid-empty-data-area-padding-x: 1.25rem; /* 2rem */
        --dxbl-grid-empty-data-area-padding-y: 1rem; /* 4rem */
    }

/* grid column filter icon: make it smaller */
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn > .dxbl-image {
    /* ! custom ! */
    height: 13px;
    width: 13px;
}

/* grid column filter icon: color when it has some active filters */
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: var(--bs-primary);
    --dxbl-btn-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before {
    background-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before {
    background-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: var(--bs-primary);
}

.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: var(--bs-primary);
}

.dxbl-fl {
    --dxbl-fl-tab-group-tab-selected-color: var(--bs-primary); /* selected tab text color */
}

.dxbl-toolbar {
    --dxbl-btn-toolbar-focus-outline-color: transparent !important; /* focused item color: from Purple to transparent */
}

    .dxbl-toolbar.dxbl-lg {
        --dxbl-toolbar-font-size: 14px;
        --dxbl-toolbar-line-height: 0.875;
    }

.dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
}

    .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-outline-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-outline-secondary {
        --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
    }

    .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary {
        --dxbl-btn-focus-shadow-color: rgba(28, 117, 188, 0.5);
    }

.dxbl-toolbar-dropdown {
    --dxbl-toolbar-dropdown-btn-focus-outline-color: var(--bs-primary);
}

.dxbl-tabs {
    --dxbl-tabs-tab-selected-color: var(--bs-primary);
}

    .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after,
    .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
        background-color: var(--bs-primary); /* selected tab bottom line color */
    }

.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: var(--bs-primary);
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: var(--bs-primary);
}

.dxbl-accordion {
    --dxbl-accordion-group-header-selected-bg: #f3f8fb !important;
    --dxbl-accordion-group-header-selected-color: var(--bs-primary);
}

    .dxbl-accordion .dxbl-accordion-filter > .dxbl-accordion-group-header .dxbl-navigation-filter.dxbl-text-edit > input {
        /* ! custom ! decrease font size of Filter... from 16px => 15px */
        font-size: 15px;
    }

    .dxbl-accordion .dxbl-accordion-group:not(:first-child):not(:last-child), .dxbl-accordion .dxbl-accordion-group:not(:first-child):not(:last-child) > .dxbl-accordion-group-header {
        /* ! custom ! */
        padding-right: 5px;
    }

    .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group) > .dxbl-accordion-item-content {
        /* ! custom ! child items */
        margin-left: 71px;
        padding-left: 5px;
    }

    /* ! custom ! */
    .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled).dxbl-active > .dxbl-accordion-item-content .dxbl-accordion-item-text-container .dxbl-text .xaf-nav-link {
        border-left: 5px var(--bs-blue) solid;
        padding-left: 9px;
        margin-top: 0px;
        margin-bottom: 4px;
        line-height: 26px;
        margin-left: -13px;
    }

    .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item-content .dxbl-accordion-item-text-container.dxbl-accordion-item-text-tmpl > .dxbl-text {
        /* ! custom ! every item caption top padding */
        padding-top: 6px;
    }

.dxbl-accordion-group-expand-btn-container {
    /* ! custom ! every child item. on left side. before caption */
    width: 0;
}

.dxbl-group > .dxbl-group-header::before {    
    background-color: #fbfcfc !important;
}

.dx-office-ribbon .dx-office-ribbon-context-tab:not(.dxbl-active):not(:hover)::before {
    background-color: var(--bs-primary);
}

.dxbl-treeview {
    --dxbl-treeview-checkbox-checked-hover-bg: var(--bs-primary);
}

    .dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked > .dxbl-checkbox-check-element:not(:hover), .dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-indeterminate > .dxbl-checkbox-check-element:not(:hover) {
        background-color: var(--dxbl-treeview-checkbox-checked-bg, var(--bs-primary));
    }

    .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
        background-color: var(--bs-primary);
    }

.dxbl-context-menu,
.dxbl-context-menu-submenu {
    --dxbl-context-menu-item-active-bg: var(--bs-primary);
    --dxbl-context-menu-item-focus-outline-color: var(--bs-primary);
}

.dxbl-menu.dxbl-menu-horizontal {
    --dxbl-menu-item-focus-outline-color: var(--bs-primary);
}