/* xxl */
@media(min-width: 1400px) {

    .border-start-xxl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-xxl-none {
        border-left: none;
    }

    .border-end-xxl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-xxl-none {
        border-right: none;
    }

    .border-top-xxl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-xxl-none {
        border-top: none;
    }

    .border-bottom-xxl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-xxl-none {
        border-bottom: none;
    }
}

/* xl */
@media(min-width: 1200px) {

    .border-start-xl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-xl-none {
        border-left: none;
    }

    .border-end-xl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-xl-none {
        border-right: none;
    }

    .border-top-xl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-xl-none {
        border-top: none;
    }

    .border-bottom-xl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-xl-none {
        border-bottom: none;
    }
}

/* lg */
@media(min-width: 992px) {

    .border-start-lg {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-lg-none {
        border-left: none;
    }

    .border-end-lg {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-lg-none {
        border-right: none;
    }

    .border-top-lg {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-lg-none {
        border-top: none;
    }

    .border-bottom-lg {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-lg-none {
        border-bottom: none;
    }
}

/* md */
@media(min-width: 768px) {

    .border-start-md {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-md-none {
        border-left: none;
    }

    .border-end-md {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-md-none {
        border-right: none;
    }

    .border-top-md {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-md-none {
        border-top: none;
    }

    .border-bottom-md {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-md-none {
        border-bottom: none;
    }
}

/* sm */
@media(min-width: 576px) {

    .border-start-sm {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-sm-none {
        border-left: none;
    }

    .border-end-sm {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-sm-none {
        border-right: none;
    }

    .border-top-sm {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-sm-none {
        border-top: none;
    }

    .border-bottom-sm {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-sm-none {
        border-bottom: none;
    }
}



/* EXTRA COLORS */

:root {
    /* HSL CON L=85% => light */
    /* HSL CON L=25% => dark */

    --bs-primary-light: #CFE2FF;
    --bs-secondary-light: #d8d9da;
    --bs-success-light: #D1E7DD;
    --bs-danger-light: #F8D7DA;
    --bs-warning-light: #FFF3CD;
    /* ------------------------ */
    --bs-primary-dark: #004080;
    --bs-secondary-dark: #3e4042;
    --bs-success-dark: #146c43;
    --bs-danger-dark: #661926;
    --bs-warning-dark: #806000;
}

/* fix problema sovrapposizione sidebar sticky con modale */
.bs-is-sticky {
    z-index: 999 !important;
}

/* -------- primary light -------- */
.text-primary-light {
    color: var(--bs-primary-light);
}

.bg-primary-light {
    background-color: var(--bs-primary-light);
}

.border-primary-light {
    border-color: var(--bs-primary-light);
}

.icon-primary-light {
    fill: var(--bs-primary-light);
}
/* -------- primary dark -------- */
.text-primary-dark {
    color: var(--bs-primary-dark);
}

.bg-primary-dark {
    background-color: var(--bs-primary-dark);
}

.border-primary-dark {
    border-color: var(--bs-primary-dark);
}

.icon-primary-dark {
    fill: var(--bs-primary-dark);
}

/* -------- secondary light -------- */
.text-secondary-light {
    color: var(--bs-secondary-light);
}

.bg-secondary-light {
    background-color: var(--bs-secondary-light);
}

.border-secondary-light {
    border-color: var(--bs-secondary-light);
}

.icon-secondary-light {
    fill: var(--bs-secondary-light);
}

/* -------- secondary dark -------- */
.text-secondary-dark {
    color: var(--bs-secondary-dark);
}

.bg-secondary-dark {
    background-color: var(--bs-secondary-dark);
}

.border-secondary-dark {
    border-color: var(--bs-secondary-dark);
}

.icon-secondary-dark {
    fill: var(--bs-secondary-dark);
}

/* -------- success light -------- */
.text-success-light {
    color: var(--bs-success-light);
}

.bg-success-light {
    background-color: var(--bs-success-light);
}

.border-success-light {
    border-color: var(--bs-success-light);
}

.icon-success-light {
    fill: var(--bs-success-light);
}
/* -------- success dark -------- */
.text-success-dark {
    color: var(--bs-success-dark);
}

.bg-success-dark {
    background-color: var(--bs-success-dark);
}

.border-success-dark {
    border-color: var(--bs-success-dark);
}

.icon-success-dark {
    fill: var(--bs-success-dark);
}

/* -------- danger light -------- */
.text-danger-light {
    color: var(--bs-danger-light);
}

.bg-danger-light {
    background-color: var(--bs-danger-light);
}

.border-danger-light {
    border-color: var(--bs-danger-light);
}

.icon-danger-light {
    fill: var(--bs-danger-light);
}

/* -------- danger dark -------- */
.text-danger-dark {
    color: var(--bs-danger-dark);
}

.bg-danger-dark {
    background-color: var(--bs-danger-dark);
}

.border-danger-dark {
    border-color: var(--bs-danger-dark);
}

.icon-danger-dark {
    fill: var(--bs-danger-dark);
}

/* -------- warning light -------- */
.text-warning-light {
    color: var(--bs-warning-light);
}

.bg-warning-light {
    background-color: var(--bs-warning-light);
}

.border-warning-light {
    border-color: var(--bs-warning-light);
}

.icon-warning-light {
    fill: var(--bs-warning-light);
}

/* -------- warning dark -------- */
.text-warning-dark {
    color: var(--bs-warning-dark);
}

.bg-warning-dark {
    background-color: var(--bs-warning-dark);
}

.border-warning-dark {
    border-color: var(--bs-warning-dark);
}

.icon-warning-dark {
    fill: var(--bs-warning-dark);
}

/*
    --bs-primary: hsl(210deg, 100%, 40%);
    --bs-secondary: hsl(210deg, 17%, 44%);
    --bs-success: hsl(160deg, 100%, 25%);
    --bs-warning: hsl(36deg, 100%, 30%);
    --bs-danger: hsl(350deg, 60%, 50%);

    -dark

*/

/* END EXTRA COLORS */


/* AFFIX WITH HEADER FIXED */

.affix-top {
    position: sticky;
    top: 92px;
}

/* END AFFIX */