/* 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 */

/* CUSTOM FLEX WIDTH */

.w-0, .w-sm-0, .w-md-0, .w-lg-0, .w-xl-0, .w-xxl-0 {
    width: 0% !important;
}

.w-1, .w-sm-1, .w-md-1, .w-lg-1, .w-xl-1, .w-xxl-1 {
    width: 1% !important;
}

.w-2, .w-sm-2, .w-md-2, .w-lg-2, .w-xl-2, .w-xxl-2 {
    width: 2% !important;
}

.w-3, .w-sm-3, .w-md-3, .w-lg-3, .w-xl-3, .w-xxl-3 {
    width: 3% !important;
}

.w-4, .w-sm-4, .w-md-4, .w-lg-4, .w-xl-4, .w-xxl-4 {
    width: 4% !important;
}

.w-5, .w-sm-5, .w-md-5, .w-lg-5, .w-xl-5, .w-xxl-5 {
    width: 5% !important;
}

.w-6, .w-sm-6, .w-md-6, .w-lg-6, .w-xl-6, .w-xxl-6 {
    width: 6% !important;
}

.w-7, .w-sm-7, .w-md-7, .w-lg-7, .w-xl-7, .w-xxl-7 {
    width: 7% !important;
}

.w-8, .w-sm-8, .w-md-8, .w-lg-8, .w-xl-8, .w-xxl-8 {
    width: 8% !important;
}

.w-9, .w-sm-9, .w-md-9, .w-lg-9, .w-xl-9, .w-xxl-9 {
    width: 9% !important;
}

.w-10, .w-sm-10, .w-md-10, .w-lg-10, .w-xl-10, .w-xxl-10 {
    width: 10% !important;
}

.w-11, .w-sm-11, .w-md-11, .w-lg-11, .w-xl-11, .w-xxl-11 {
    width: 11% !important;
}

.w-12, .w-sm-12, .w-md-12, .w-lg-12, .w-xl-12, .w-xxl-12 {
    width: 12% !important;
}

.w-13, .w-sm-13, .w-md-13, .w-lg-13, .w-xl-13, .w-xxl-13 {
    width: 13% !important;
}

.w-14, .w-sm-14, .w-md-14, .w-lg-14, .w-xl-14, .w-xxl-14 {
    width: 14% !important;
}

.w-15, .w-sm-15, .w-md-15, .w-lg-15, .w-xl-15, .w-xxl-15 {
    width: 15% !important;
}

.w-16, .w-sm-16, .w-md-16, .w-lg-16, .w-xl-16, .w-xxl-16 {
    width: 16% !important;
}

.w-17, .w-sm-17, .w-md-17, .w-lg-17, .w-xl-17, .w-xxl-17 {
    width: 17% !important;
}

.w-18, .w-sm-18, .w-md-18, .w-lg-18, .w-xl-18, .w-xxl-18 {
    width: 18% !important;
}

.w-19, .w-sm-19, .w-md-19, .w-lg-19, .w-xl-19, .w-xxl-19 {
    width: 19% !important;
}

.w-20, .w-sm-20, .w-md-20, .w-lg-20, .w-xl-20, .w-xxl-20 {
    width: 20% !important;
}

.w-21, .w-sm-21, .w-md-21, .w-lg-21, .w-xl-21, .w-xxl-21 {
    width: 21% !important;
}

.w-22, .w-sm-22, .w-md-22, .w-lg-22, .w-xl-22, .w-xxl-22 {
    width: 22% !important;
}

.w-23, .w-sm-23, .w-md-23, .w-lg-23, .w-xl-23, .w-xxl-23 {
    width: 23% !important;
}

.w-24, .w-sm-24, .w-md-24, .w-lg-24, .w-xl-24, .w-xxl-24 {
    width: 24% !important;
}

.w-26, .w-sm-26, .w-md-26, .w-lg-26, .w-xl-26, .w-xxl-26 {
    width: 26% !important;
}

.w-27, .w-sm-27, .w-md-27, .w-lg-27, .w-xl-27, .w-xxl-27 {
    width: 27% !important;
}

.w-28, .w-sm-28, .w-md-28, .w-lg-28, .w-xl-28, .w-xxl-28 {
    width: 28% !important;
}

.w-29, .w-sm-29, .w-md-29, .w-lg-29, .w-xl-29, .w-xxl-29 {
    width: 29% !important;
}

.w-30, .w-sm-30, .w-md-30, .w-lg-30, .w-xl-30, .w-xxl-30 {
    width: 30% !important;
}

.w-31, .w-sm-31, .w-md-31, .w-lg-31, .w-xl-31, .w-xxl-31 {
    width: 31% !important;
}

.w-32, .w-sm-32, .w-md-32, .w-lg-32, .w-xl-32, .w-xxl-32 {
    width: 32% !important;
}

.w-33, .w-sm-33, .w-md-33, .w-lg-33, .w-xl-33, .w-xxl-33 {
    width: 33% !important;
}

.w-34, .w-sm-34, .w-md-34, .w-lg-34, .w-xl-34, .w-xxl-34 {
    width: 34% !important;
}

.w-35, .w-sm-35, .w-md-35, .w-lg-35, .w-xl-35, .w-xxl-35 {
    width: 35% !important;
}

.w-36, .w-sm-36, .w-md-36, .w-lg-36, .w-xl-36, .w-xxl-36 {
    width: 36% !important;
}

.w-37, .w-sm-37, .w-md-37, .w-lg-37, .w-xl-37, .w-xxl-37 {
    width: 37% !important;
}

.w-38, .w-sm-38, .w-md-38, .w-lg-38, .w-xl-38, .w-xxl-38 {
    width: 38% !important;
}

.w-39, .w-sm-39, .w-md-39, .w-lg-39, .w-xl-39, .w-xxl-39 {
    width: 39% !important;
}

.w-40, .w-sm-40, .w-md-40, .w-lg-40, .w-xl-40, .w-xxl-40 {
    width: 40% !important;
}

.w-41, .w-sm-41, .w-md-41, .w-lg-41, .w-xl-41, .w-xxl-41 {
    width: 41% !important;
}

.w-42, .w-sm-42, .w-md-42, .w-lg-42, .w-xl-42, .w-xxl-42 {
    width: 42% !important;
}

.w-43, .w-sm-43, .w-md-43, .w-lg-43, .w-xl-43, .w-xxl-43 {
    width: 43% !important;
}

.w-44, .w-sm-44, .w-md-44, .w-lg-44, .w-xl-44, .w-xxl-44 {
    width: 44% !important;
}

.w-45, .w-sm-45, .w-md-45, .w-lg-45, .w-xl-45, .w-xxl-45 {
    width: 45% !important;
}

.w-46, .w-sm-46, .w-md-46, .w-lg-46, .w-xl-46, .w-xxl-46 {
    width: 46% !important;
}

.w-47, .w-sm-47, .w-md-47, .w-lg-47, .w-xl-47, .w-xxl-47 {
    width: 47% !important;
}

.w-48, .w-sm-48, .w-md-48, .w-lg-48, .w-xl-48, .w-xxl-48 {
    width: 48% !important;
}

.w-49, .w-sm-49, .w-md-49, .w-lg-49, .w-xl-49, .w-xxl-49 {
    width: 49% !important;
}

.w-51, .w-sm-51, .w-md-51, .w-lg-51, .w-xl-51, .w-xxl-51 {
    width: 51% !important;
}

.w-52, .w-sm-52, .w-md-52, .w-lg-52, .w-xl-52, .w-xxl-52 {
    width: 52% !important;
}

.w-53, .w-sm-53, .w-md-53, .w-lg-53, .w-xl-53, .w-xxl-53 {
    width: 53% !important;
}

.w-54, .w-sm-54, .w-md-54, .w-lg-54, .w-xl-54, .w-xxl-54 {
    width: 54% !important;
}

.w-55, .w-sm-55, .w-md-55, .w-lg-55, .w-xl-55, .w-xxl-55 {
    width: 55% !important;
}

.w-56, .w-sm-56, .w-md-56, .w-lg-56, .w-xl-56, .w-xxl-56 {
    width: 56% !important;
}

.w-57, .w-sm-57, .w-md-57, .w-lg-57, .w-xl-57, .w-xxl-57 {
    width: 57% !important;
}

.w-58, .w-sm-58, .w-md-58, .w-lg-58, .w-xl-58, .w-xxl-58 {
    width: 58% !important;
}

.w-59, .w-sm-59, .w-md-59, .w-lg-59, .w-xl-59, .w-xxl-59 {
    width: 59% !important;
}

.w-60, .w-sm-60, .w-md-60, .w-lg-60, .w-xl-60, .w-xxl-60 {
    width: 60% !important;
}

.w-61, .w-sm-61, .w-md-61, .w-lg-61, .w-xl-61, .w-xxl-61 {
    width: 61% !important;
}

.w-62, .w-sm-62, .w-md-62, .w-lg-62, .w-xl-62, .w-xxl-62 {
    width: 62% !important;
}

.w-63, .w-sm-63, .w-md-63, .w-lg-63, .w-xl-63, .w-xxl-63 {
    width: 63% !important;
}

.w-64, .w-sm-64, .w-md-64, .w-lg-64, .w-xl-64, .w-xxl-64 {
    width: 64% !important;
}

.w-65, .w-sm-65, .w-md-65, .w-lg-65, .w-xl-65, .w-xxl-65 {
    width: 65% !important;
}

.w-66, .w-sm-66, .w-md-66, .w-lg-66, .w-xl-66, .w-xxl-66 {
    width: 66% !important;
}

.w-67, .w-sm-67, .w-md-67, .w-lg-67, .w-xl-67, .w-xxl-67 {
    width: 67% !important;
}

.w-68, .w-sm-68, .w-md-68, .w-lg-68, .w-xl-68, .w-xxl-68 {
    width: 68% !important;
}

.w-69, .w-sm-69, .w-md-69, .w-lg-69, .w-xl-69, .w-xxl-69 {
    width: 69% !important;
}

.w-70, .w-sm-70, .w-md-70, .w-lg-70, .w-xl-70, .w-xxl-70 {
    width: 70% !important;
}

.w-71, .w-sm-71, .w-md-71, .w-lg-71, .w-xl-71, .w-xxl-71 {
    width: 71% !important;
}

.w-72, .w-sm-72, .w-md-72, .w-lg-72, .w-xl-72, .w-xxl-72 {
    width: 72% !important;
}

.w-73, .w-sm-73, .w-md-73, .w-lg-73, .w-xl-73, .w-xxl-73 {
    width: 73% !important;
}

.w-74, .w-sm-74, .w-md-74, .w-lg-74, .w-xl-74, .w-xxl-74 {
    width: 74% !important;
}

.w-76, .w-sm-76, .w-md-76, .w-lg-76, .w-xl-76, .w-xxl-76 {
    width: 76% !important;
}

.w-77, .w-sm-77, .w-md-77, .w-lg-77, .w-xl-77, .w-xxl-77 {
    width: 77% !important;
}

.w-78, .w-sm-78, .w-md-78, .w-lg-78, .w-xl-78, .w-xxl-78 {
    width: 78% !important;
}

.w-79, .w-sm-79, .w-md-79, .w-lg-79, .w-xl-79, .w-xxl-79 {
    width: 79% !important;
}

.w-80, .w-sm-80, .w-md-80, .w-lg-80, .w-xl-80, .w-xxl-80 {
    width: 80% !important;
}

.w-81, .w-sm-81, .w-md-81, .w-lg-81, .w-xl-81, .w-xxl-81 {
    width: 81% !important;
}

.w-82, .w-sm-82, .w-md-82, .w-lg-82, .w-xl-82, .w-xxl-82 {
    width: 82% !important;
}

.w-83, .w-sm-83, .w-md-83, .w-lg-83, .w-xl-83, .w-xxl-83 {
    width: 83% !important;
}

.w-84, .w-sm-84, .w-md-84, .w-lg-84, .w-xl-84, .w-xxl-84 {
    width: 84% !important;
}

.w-85, .w-sm-85, .w-md-85, .w-lg-85, .w-xl-85, .w-xxl-85 {
    width: 85% !important;
}

.w-86, .w-sm-86, .w-md-86, .w-lg-86, .w-xl-86, .w-xxl-86 {
    width: 86% !important;
}

.w-87, .w-sm-87, .w-md-87, .w-lg-87, .w-xl-87, .w-xxl-87 {
    width: 87% !important;
}

.w-88, .w-sm-88, .w-md-88, .w-lg-88, .w-xl-88, .w-xxl-88 {
    width: 88% !important;
}

.w-89, .w-sm-89, .w-md-89, .w-lg-89, .w-xl-89, .w-xxl-89 {
    width: 89% !important;
}

.w-90, .w-sm-90, .w-md-90, .w-lg-90, .w-xl-90, .w-xxl-90 {
    width: 90% !important;
}

.w-91, .w-sm-91, .w-md-91, .w-lg-91, .w-xl-91, .w-xxl-91 {
    width: 91% !important;
}

.w-92, .w-sm-92, .w-md-92, .w-lg-92, .w-xl-92, .w-xxl-92 {
    width: 92% !important;
}

.w-93, .w-sm-93, .w-md-93, .w-lg-93, .w-xl-93, .w-xxl-93 {
    width: 93% !important;
}

.w-94, .w-sm-94, .w-md-94, .w-lg-94, .w-xl-94, .w-xxl-94 {
    width: 94% !important;
}

.w-95, .w-sm-95, .w-md-95, .w-lg-95, .w-xl-95, .w-xxl-95 {
    width: 95% !important;
}

.w-96, .w-sm-96, .w-md-96, .w-lg-96, .w-xl-96, .w-xxl-96 {
    width: 96% !important;
}

.w-97, .w-sm-97, .w-md-97, .w-lg-97, .w-xl-97, .w-xxl-97 {
    width: 97% !important;
}

.w-98, .w-sm-98, .w-md-98, .w-lg-98, .w-xl-98, .w-xxl-98 {
    width: 98% !important;
}

.w-99, .w-sm-99, .w-md-99, .w-lg-99, .w-xl-99, .w-xxl-99 {
    width: 99% !important;
}


/* END CUSTOM FLEX WIDTH */