@charset "UTF-8";
:root {
  --primary-color: #E1251B;
  --primary-color-light-50: #FDF2F2;
  --primary-color-light-100: #F9D0CE;
  --primary-color-light-200: #F4ADAA;
  --primary-color-light-300: #EF8882;
  --primary-color-light-400: #EA6760;
  --primary-color-light-500: #E54138;
  --primary-color-bold-600: #C72118;
  --primary-color-bold-700: #9E1A13;
  --primary-color-bold-800: #72130E;
  --primary-color-bold-900: #4A0C09;
  --primary-color-bold-1000: #1F0504;

  --secondary-color: #E1251B;

  --tertiary-color: #E1251B;

}

.hidden {
    visibility: hidden
}

.flex-column-auto {
    flex: none;
}

.flex-column-fluid {
    flex: 1 0 auto;
}

.toolbar {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0.5rem;
}

@media (min-width: 992px) {
    .toolbar-fixed .toolbar {
        height: var(--cg-toolbar-height);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
        box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
    }

    .toolbar-enabled:not(.toolbar-fixed) .toolbar {
        margin-bottom: 30px;
    }

    .header-fixed.toolbar-fixed .toolbar {
        padding: 0;
        top: 65px;
        border-top: 1px solid #eff2f5;
    }

    .aside-enabled.aside-fixed.toolbar-fixed .toolbar {
        left: 265px;
        transition: left 0.3s ease;
    }

    .aside-enabled.aside-fixed.toolbar-fixed[data-cg-aside-minimize="on"]
    .toolbar {
        left: 75px;
        transition: left 0.3s ease;
    }
}

@media (max-width: 991.98px) {
    .toolbar-tablet-and-mobile-fixed .toolbar {
        height: var(--cg-toolbar-height-tablet-and-mobile);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
        box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
    }

    .toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) .toolbar {
        margin-bottom: 15px;
    }

    .header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed .toolbar {
        padding: 0;
        top: 55px;
        border-top: 1px solid #eff2f5;
    }

    .toolbar .page-title[data-cg-swapper="true"] {
        display: none !important;
    }
}


.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-sm {
    box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-25 {
    top: 25% !important;
}

.top-50 {
    top: 50% !important;
}

.top-75 {
    top: 75% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-25 {
    bottom: 25% !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-75 {
    bottom: 75% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-25 {
    left: 25% !important;
}

.start-50 {
    left: 50% !important;
}

.start-75 {
    left: 75% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-25 {
    right: 25% !important;
}

.end-50 {
    right: 50% !important;
}

.end-75 {
    right: 75% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: 1px solid #eff2f5 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #eff2f5 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid #eff2f5 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #eff2f5 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid #eff2f5 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-white {
    border-color: #fff !important;
}

.border-light {
    border-color: #f5f8fa !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

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

.border-success {
    border-color: #50cd89 !important;
}

.border-info {
    border-color: #7239ea !important;
}

.border-warning {
    border-color: #ffc700 !important;
}

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

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

.border-0 {
    border-width: 0 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-unset {
    width: unset !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.w-1px {
    width: 1px !important;
}

.w-2px {
    width: 2px !important;
}

.w-3px {
    width: 3px !important;
}

.w-4px {
    width: 4px !important;
}

.w-5px {
    width: 5px !important;
}

.w-6px {
    width: 6px !important;
}

.w-7px {
    width: 7px !important;
}

.w-8px {
    width: 8px !important;
}

.w-9px {
    width: 9px !important;
}

.w-10px {
    width: 10px !important;
}

.w-15px {
    width: 15px !important;
}

.w-20px {
    width: 20px !important;
}

.w-25px {
    width: 25px !important;
}

.w-30px {
    width: 30px !important;
}

.w-35px {
    width: 35px !important;
}

.w-40px {
    width: 40px !important;
}

.w-45px {
    width: 45px !important;
}

.w-50px {
    width: 50px !important;
}

.w-55px {
    width: 55px !important;
}

.w-60px {
    width: 60px !important;
}

.w-65px {
    width: 65px !important;
}

.w-70px {
    width: 70px !important;
}

.w-75px {
    width: 75px !important;
}

.w-80px {
    width: 80px !important;
}

.w-85px {
    width: 85px !important;
}

.w-90px {
    width: 90px !important;
}

.w-95px {
    width: 95px !important;
}

.w-100px {
    width: 100px !important;
}

.w-125px {
    width: 125px !important;
}

.w-150px {
    width: 150px !important;
}

.w-175px {
    width: 175px !important;
}

.w-200px {
    width: 200px !important;
}

.w-225px {
    width: 225px !important;
}

.w-250px {
    width: 250px !important;
}

.w-275px {
    width: 275px !important;
}

.w-300px {
    width: 300px !important;
}

.w-325px {
    width: 325px !important;
}

.w-350px {
    width: 350px !important;
}

.w-375px {
    width: 375px !important;
}

.w-400px {
    width: 400px !important;
}

.w-425px {
    width: 425px !important;
}

.w-450px {
    width: 450px !important;
}

.w-475px {
    width: 475px !important;
}

.w-500px {
    width: 500px !important;
}

.w-550px {
    width: 550px !important;
}

.w-600px {
    width: 600px !important;
}

.w-650px {
    width: 650px !important;
}

.w-700px {
    width: 700px !important;
}

.w-750px {
    width: 750px !important;
}

.w-800px {
    width: 800px !important;
}

.w-850px {
    width: 850px !important;
}

.w-900px {
    width: 900px !important;
}

.w-950px {
    width: 950px !important;
}

.w-1000px {
    width: 1000px !important;
}

.mw-unset {
    max-width: unset !important;
}

.mw-25 {
    max-width: 25% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mw-auto {
    max-width: auto !important;
}

.mw-1px {
    max-width: 1px !important;
}

.mw-2px {
    max-width: 2px !important;
}

.mw-3px {
    max-width: 3px !important;
}

.mw-4px {
    max-width: 4px !important;
}

.mw-5px {
    max-width: 5px !important;
}

.mw-6px {
    max-width: 6px !important;
}

.mw-7px {
    max-width: 7px !important;
}

.mw-8px {
    max-width: 8px !important;
}

.mw-9px {
    max-width: 9px !important;
}

.mw-10px {
    max-width: 10px !important;
}

.mw-15px {
    max-width: 15px !important;
}

.mw-20px {
    max-width: 20px !important;
}

.mw-25px {
    max-width: 25px !important;
}

.mw-30px {
    max-width: 30px !important;
}

.mw-35px {
    max-width: 35px !important;
}

.mw-40px {
    max-width: 40px !important;
}

.mw-45px {
    max-width: 45px !important;
}

.mw-50px {
    max-width: 50px !important;
}

.mw-55px {
    max-width: 55px !important;
}

.mw-60px {
    max-width: 60px !important;
}

.mw-65px {
    max-width: 65px !important;
}

.mw-70px {
    max-width: 70px !important;
}

.mw-75px {
    max-width: 75px !important;
}

.mw-80px {
    max-width: 80px !important;
}

.mw-85px {
    max-width: 85px !important;
}

.mw-90px {
    max-width: 90px !important;
}

.mw-95px {
    max-width: 95px !important;
}

.mw-100px {
    max-width: 100px !important;
}

.mw-125px {
    max-width: 125px !important;
}

.mw-150px {
    max-width: 150px !important;
}

.mw-175px {
    max-width: 175px !important;
}

.mw-200px {
    max-width: 200px !important;
}

.mw-225px {
    max-width: 225px !important;
}

.mw-250px {
    max-width: 250px !important;
}

.mw-275px {
    max-width: 275px !important;
}

.mw-300px {
    max-width: 300px !important;
}

.mw-325px {
    max-width: 325px !important;
}

.mw-350px {
    max-width: 350px !important;
}

.mw-375px {
    max-width: 375px !important;
}

.mw-400px {
    max-width: 400px !important;
}

.mw-425px {
    max-width: 425px !important;
}

.mw-450px {
    max-width: 450px !important;
}

.mw-475px {
    max-width: 475px !important;
}

.mw-500px {
    max-width: 500px !important;
}

.mw-550px {
    max-width: 550px !important;
}

.mw-600px {
    max-width: 600px !important;
}

.mw-650px {
    max-width: 650px !important;
}

.mw-700px {
    max-width: 700px !important;
}

.mw-750px {
    max-width: 750px !important;
}

.mw-800px {
    max-width: 800px !important;
}

.mw-850px {
    max-width: 850px !important;
}

.mw-900px {
    max-width: 900px !important;
}

.mw-950px {
    max-width: 950px !important;
}

.mw-1000px {
    max-width: 1000px !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-unset {
    height: unset !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.h-1px {
    height: 1px !important;
}

.h-2px {
    height: 2px !important;
}

.h-3px {
    height: 3px !important;
}

.h-4px {
    height: 4px !important;
}

.h-5px {
    height: 5px !important;
}

.h-6px {
    height: 6px !important;
}

.h-7px {
    height: 7px !important;
}

.h-8px {
    height: 8px !important;
}

.h-9px {
    height: 9px !important;
}

.h-10px {
    height: 10px !important;
}

.h-15px {
    height: 15px !important;
}

.h-20px {
    height: 20px !important;
}

.h-25px {
    height: 25px !important;
}

.h-30px {
    height: 30px !important;
}

.h-35px {
    height: 35px !important;
}

.h-40px {
    height: 40px !important;
}

.h-45px {
    height: 45px !important;
}

.h-50px {
    height: 50px !important;
}

.h-55px {
    height: 55px !important;
}

.h-60px {
    height: 60px !important;
}

.h-65px {
    height: 65px !important;
}

.h-70px {
    height: 70px !important;
}

.h-75px {
    height: 75px !important;
}

.h-80px {
    height: 80px !important;
}

.h-85px {
    height: 85px !important;
}

.h-90px {
    height: 90px !important;
}

.h-95px {
    height: 95px !important;
}

.h-100px {
    height: 100px !important;
}

.h-125px {
    height: 125px !important;
}

.h-150px {
    height: 150px !important;
}

.h-175px {
    height: 175px !important;
}

.h-200px {
    height: 200px !important;
}

.h-225px {
    height: 225px !important;
}

.h-250px {
    height: 250px !important;
}

.h-275px {
    height: 275px !important;
}

.h-300px {
    height: 300px !important;
}

.h-325px {
    height: 325px !important;
}

.h-350px {
    height: 350px !important;
}

.h-375px {
    height: 375px !important;
}

.h-400px {
    height: 400px !important;
}

.h-425px {
    height: 425px !important;
}

.h-450px {
    height: 450px !important;
}

.h-475px {
    height: 475px !important;
}

.h-500px {
    height: 500px !important;
}

.h-550px {
    height: 550px !important;
}

.h-600px {
    height: 600px !important;
}

.h-650px {
    height: 650px !important;
}

.h-700px {
    height: 700px !important;
}

.h-750px {
    height: 750px !important;
}

.h-800px {
    height: 800px !important;
}

.h-850px {
    height: 850px !important;
}

.h-900px {
    height: 900px !important;
}

.h-950px {
    height: 950px !important;
}

.h-1000px {
    height: 1000px !important;
}

.mh-unset {
    max-height: unset !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.mh-auto {
    max-height: auto !important;
}

.mh-1px {
    max-height: 1px !important;
}

.mh-2px {
    max-height: 2px !important;
}

.mh-3px {
    max-height: 3px !important;
}

.mh-4px {
    max-height: 4px !important;
}

.mh-5px {
    max-height: 5px !important;
}

.mh-6px {
    max-height: 6px !important;
}

.mh-7px {
    max-height: 7px !important;
}

.mh-8px {
    max-height: 8px !important;
}

.mh-9px {
    max-height: 9px !important;
}

.mh-10px {
    max-height: 10px !important;
}

.mh-15px {
    max-height: 15px !important;
}

.mh-20px {
    max-height: 20px !important;
}

.mh-25px {
    max-height: 25px !important;
}

.mh-30px {
    max-height: 30px !important;
}

.mh-35px {
    max-height: 35px !important;
}

.mh-40px {
    max-height: 40px !important;
}

.mh-45px {
    max-height: 45px !important;
}

.mh-50px {
    max-height: 50px !important;
}

.mh-55px {
    max-height: 55px !important;
}

.mh-60px {
    max-height: 60px !important;
}

.mh-65px {
    max-height: 65px !important;
}

.mh-70px {
    max-height: 70px !important;
}

.mh-75px {
    max-height: 75px !important;
}

.mh-80px {
    max-height: 80px !important;
}

.mh-85px {
    max-height: 85px !important;
}

.mh-90px {
    max-height: 90px !important;
}

.mh-95px {
    max-height: 95px !important;
}

.mh-100px {
    max-height: 100px !important;
}

.mh-125px {
    max-height: 125px !important;
}

.mh-150px {
    max-height: 150px !important;
}

.mh-175px {
    max-height: 175px !important;
}

.mh-200px {
    max-height: 200px !important;
}

.mh-225px {
    max-height: 225px !important;
}

.mh-250px {
    max-height: 250px !important;
}

.mh-275px {
    max-height: 275px !important;
}

.mh-300px {
    max-height: 300px !important;
}

.mh-325px {
    max-height: 325px !important;
}

.mh-350px {
    max-height: 350px !important;
}

.mh-375px {
    max-height: 375px !important;
}

.mh-400px {
    max-height: 400px !important;
}

.mh-425px {
    max-height: 425px !important;
}

.mh-450px {
    max-height: 450px !important;
}

.mh-475px {
    max-height: 475px !important;
}

.mh-500px {
    max-height: 500px !important;
}

.mh-550px {
    max-height: 550px !important;
}

.mh-600px {
    max-height: 600px !important;
}

.mh-650px {
    max-height: 650px !important;
}

.mh-700px {
    max-height: 700px !important;
}

.mh-750px {
    max-height: 750px !important;
}

.mh-800px {
    max-height: 800px !important;
}

.mh-850px {
    max-height: 850px !important;
}

.mh-900px {
    max-height: 900px !important;
}

.mh-950px {
    max-height: 950px !important;
}

.mh-1000px {
    max-height: 1000px !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 0.75rem !important;
}

.gap-4 {
    gap: 1rem !important;
}

.gap-5 {
    gap: 1.25rem !important;
}

.gap-6 {
    gap: 1.5rem !important;
}

.gap-7 {
    gap: 1.75rem !important;
}

.gap-8 {
    gap: 2rem !important;
}

.gap-9 {
    gap: 2.25rem !important;
}

.gap-10 {
    gap: 2.5rem !important;
}

.gap-11 {
    gap: 2.75rem !important;
}

.gap-12 {
    gap: 3rem !important;
}

.gap-13 {
    gap: 3.25rem !important;
}

.gap-14 {
    gap: 3.5rem !important;
}

.gap-15 {
    gap: 3.75rem !important;
}

.gap-16 {
    gap: 4rem !important;
}

.gap-17 {
    gap: 4.25rem !important;
}

.gap-18 {
    gap: 4.5rem !important;
}

.gap-19 {
    gap: 4.75rem !important;
}

.gap-20 {
    gap: 5rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 0.75rem !important;
}

.m-4 {
    margin: 1rem !important;
}

.m-5 {
    margin: 1.25rem !important;
}

.m-6 {
    margin: 1.5rem !important;
}

.m-7 {
    margin: 1.75rem !important;
}

.m-8 {
    margin: 2rem !important;
}

.m-9 {
    margin: 2.25rem !important;
}

.m-10 {
    margin: 2.5rem !important;
}

.m-11 {
    margin: 2.75rem !important;
}

.m-12 {
    margin: 3rem !important;
}

.m-13 {
    margin: 3.25rem !important;
}

.m-14 {
    margin: 3.5rem !important;
}

.m-15 {
    margin: 3.75rem !important;
}

.m-16 {
    margin: 4rem !important;
}

.m-17 {
    margin: 4.25rem !important;
}

.m-18 {
    margin: 4.5rem !important;
}

.m-19 {
    margin: 4.75rem !important;
}

.m-20 {
    margin: 5rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

.mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
}

.mx-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-7 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
}

.mx-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.mx-9 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
}

.mx-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
}

.mx-11 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
}

.mx-12 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-13 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
}

.mx-14 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
}

.mx-15 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
}

.mx-16 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.mx-17 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
}

.mx-18 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
}

.mx-19 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
}

.mx-20 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.my-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
}

.my-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.my-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}

.my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.my-17 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
}

.my-18 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}

.my-19 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
}

.my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.mt-7 {
    margin-top: 1.75rem !important;
}

.mt-8 {
    margin-top: 2rem !important;
}

.mt-9 {
    margin-top: 2.25rem !important;
}

.mt-10 {
    margin-top: 2.5rem !important;
}

.mt-11 {
    margin-top: 2.75rem !important;
}

.mt-12 {
    margin-top: 3rem !important;
}

.mt-13 {
    margin-top: 3.25rem !important;
}

.mt-14 {
    margin-top: 3.5rem !important;
}

.mt-15 {
    margin-top: 3.75rem !important;
}

.mt-16 {
    margin-top: 4rem !important;
}

.mt-17 {
    margin-top: 4.25rem !important;
}

.mt-18 {
    margin-top: 4.5rem !important;
}

.mt-19 {
    margin-top: 4.75rem !important;
}

.mt-20 {
    margin-top: 5rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 0.75rem !important;
}

.me-4 {
    margin-right: 1rem !important;
}

.me-5 {
    margin-right: 1.25rem !important;
}

.me-6 {
    margin-right: 1.5rem !important;
}

.me-7 {
    margin-right: 1.75rem !important;
}

.me-8 {
    margin-right: 2rem !important;
}

.me-9 {
    margin-right: 2.25rem !important;
}

.me-10 {
    margin-right: 2.5rem !important;
}

.me-11 {
    margin-right: 2.75rem !important;
}

.me-12 {
    margin-right: 3rem !important;
}

.me-13 {
    margin-right: 3.25rem !important;
}

.me-14 {
    margin-right: 3.5rem !important;
}

.me-15 {
    margin-right: 3.75rem !important;
}

.me-16 {
    margin-right: 4rem !important;
}

.me-17 {
    margin-right: 4.25rem !important;
}

.me-18 {
    margin-right: 4.5rem !important;
}

.me-19 {
    margin-right: 4.75rem !important;
}

.me-20 {
    margin-right: 5rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.25rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem !important;
}

.mb-7 {
    margin-bottom: 1.75rem !important;
}

.mb-8 {
    margin-bottom: 2rem !important;
}

.mb-9 {
    margin-bottom: 2.25rem !important;
}

.mb-10 {
    margin-bottom: 2.5rem !important;
}

.mb-11 {
    margin-bottom: 2.75rem !important;
}

.mb-12 {
    margin-bottom: 3rem !important;
}

.mb-13 {
    margin-bottom: 3.25rem !important;
}

.mb-14 {
    margin-bottom: 3.5rem !important;
}

.mb-15 {
    margin-bottom: 3.75rem !important;
}

.mb-16 {
    margin-bottom: 4rem !important;
}

.mb-17 {
    margin-bottom: 4.25rem !important;
}

.mb-18 {
    margin-bottom: 4.5rem !important;
}

.mb-19 {
    margin-bottom: 4.75rem !important;
}

.mb-20 {
    margin-bottom: 5rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 0.75rem !important;
}

.ms-4 {
    margin-left: 1rem !important;
}

.ms-5 {
    margin-left: 1.25rem !important;
}

.ms-6 {
    margin-left: 1.5rem !important;
}

.ms-7 {
    margin-left: 1.75rem !important;
}

.ms-8 {
    margin-left: 2rem !important;
}

.ms-9 {
    margin-left: 2.25rem !important;
}

.ms-10 {
    margin-left: 2.5rem !important;
}

.ms-11 {
    margin-left: 2.75rem !important;
}

.ms-12 {
    margin-left: 3rem !important;
}

.ms-13 {
    margin-left: 3.25rem !important;
}

.ms-14 {
    margin-left: 3.5rem !important;
}

.ms-15 {
    margin-left: 3.75rem !important;
}

.ms-16 {
    margin-left: 4rem !important;
}

.ms-17 {
    margin-left: 4.25rem !important;
}

.ms-18 {
    margin-left: 4.5rem !important;
}

.ms-19 {
    margin-left: 4.75rem !important;
}

.ms-20 {
    margin-left: 5rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -0.75rem !important;
}

.m-n4 {
    margin: -1rem !important;
}

.m-n5 {
    margin: -1.25rem !important;
}

.m-n6 {
    margin: -1.5rem !important;
}

.m-n7 {
    margin: -1.75rem !important;
}

.m-n8 {
    margin: -2rem !important;
}

.m-n9 {
    margin: -2.25rem !important;
}

.m-n10 {
    margin: -2.5rem !important;
}

.m-n11 {
    margin: -2.75rem !important;
}

.m-n12 {
    margin: -3rem !important;
}

.m-n13 {
    margin: -3.25rem !important;
}

.m-n14 {
    margin: -3.5rem !important;
}

.m-n15 {
    margin: -3.75rem !important;
}

.m-n16 {
    margin: -4rem !important;
}

.m-n17 {
    margin: -4.25rem !important;
}

.m-n18 {
    margin: -4.5rem !important;
}

.m-n19 {
    margin: -4.75rem !important;
}

.m-n20 {
    margin: -5rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
}

.mx-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
}

.mx-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n7 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
}

.mx-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
}

.mx-n9 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
}

.mx-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
}

.mx-n11 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
}

.mx-n12 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.mx-n13 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
}

.mx-n14 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
}

.mx-n15 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
}

.mx-n16 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
}

.mx-n17 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
}

.mx-n18 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
}

.mx-n19 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
}

.mx-n20 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
}

.my-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
}

.my-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n7 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
}

.my-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}

.my-n9 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
}

.my-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
}

.my-n11 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
}

.my-n12 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.my-n13 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
}

.my-n14 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
}

.my-n15 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
}

.my-n16 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.my-n17 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
}

.my-n18 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
}

.my-n19 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
}

.my-n20 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -0.75rem !important;
}

.mt-n4 {
    margin-top: -1rem !important;
}

.mt-n5 {
    margin-top: -1.25rem !important;
}

.mt-n6 {
    margin-top: -1.5rem !important;
}

.mt-n7 {
    margin-top: -1.75rem !important;
}

.mt-n8 {
    margin-top: -2rem !important;
}

.mt-n9 {
    margin-top: -2.25rem !important;
}

.mt-n10 {
    margin-top: -2.5rem !important;
}

.mt-n11 {
    margin-top: -2.75rem !important;
}

.mt-n12 {
    margin-top: -3rem !important;
}

.mt-n13 {
    margin-top: -3.25rem !important;
}

.mt-n14 {
    margin-top: -3.5rem !important;
}

.mt-n15 {
    margin-top: -3.75rem !important;
}

.mt-n16 {
    margin-top: -4rem !important;
}

.mt-n17 {
    margin-top: -4.25rem !important;
}

.mt-n18 {
    margin-top: -4.5rem !important;
}

.mt-n19 {
    margin-top: -4.75rem !important;
}

.mt-n20 {
    margin-top: -5rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -0.75rem !important;
}

.me-n4 {
    margin-right: -1rem !important;
}

.me-n5 {
    margin-right: -1.25rem !important;
}

.me-n6 {
    margin-right: -1.5rem !important;
}

.me-n7 {
    margin-right: -1.75rem !important;
}

.me-n8 {
    margin-right: -2rem !important;
}

.me-n9 {
    margin-right: -2.25rem !important;
}

.me-n10 {
    margin-right: -2.5rem !important;
}

.me-n11 {
    margin-right: -2.75rem !important;
}

.me-n12 {
    margin-right: -3rem !important;
}

.me-n13 {
    margin-right: -3.25rem !important;
}

.me-n14 {
    margin-right: -3.5rem !important;
}

.me-n15 {
    margin-right: -3.75rem !important;
}

.me-n16 {
    margin-right: -4rem !important;
}

.me-n17 {
    margin-right: -4.25rem !important;
}

.me-n18 {
    margin-right: -4.5rem !important;
}

.me-n19 {
    margin-right: -4.75rem !important;
}

.me-n20 {
    margin-right: -5rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -0.75rem !important;
}

.mb-n4 {
    margin-bottom: -1rem !important;
}

.mb-n5 {
    margin-bottom: -1.25rem !important;
}

.mb-n6 {
    margin-bottom: -1.5rem !important;
}

.mb-n7 {
    margin-bottom: -1.75rem !important;
}

.mb-n8 {
    margin-bottom: -2rem !important;
}

.mb-n9 {
    margin-bottom: -2.25rem !important;
}

.mb-n10 {
    margin-bottom: -2.5rem !important;
}

.mb-n11 {
    margin-bottom: -2.75rem !important;
}

.mb-n12 {
    margin-bottom: -3rem !important;
}

.mb-n13 {
    margin-bottom: -3.25rem !important;
}

.mb-n14 {
    margin-bottom: -3.5rem !important;
}

.mb-n15 {
    margin-bottom: -3.75rem !important;
}

.mb-n16 {
    margin-bottom: -4rem !important;
}

.mb-n17 {
    margin-bottom: -4.25rem !important;
}

.mb-n18 {
    margin-bottom: -4.5rem !important;
}

.mb-n19 {
    margin-bottom: -4.75rem !important;
}

.mb-n20 {
    margin-bottom: -5rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -0.75rem !important;
}

.ms-n4 {
    margin-left: -1rem !important;
}

.ms-n5 {
    margin-left: -1.25rem !important;
}

.ms-n6 {
    margin-left: -1.5rem !important;
}

.ms-n7 {
    margin-left: -1.75rem !important;
}

.ms-n8 {
    margin-left: -2rem !important;
}

.ms-n9 {
    margin-left: -2.25rem !important;
}

.ms-n10 {
    margin-left: -2.5rem !important;
}

.ms-n11 {
    margin-left: -2.75rem !important;
}

.ms-n12 {
    margin-left: -3rem !important;
}

.ms-n13 {
    margin-left: -3.25rem !important;
}

.ms-n14 {
    margin-left: -3.5rem !important;
}

.ms-n15 {
    margin-left: -3.75rem !important;
}

.ms-n16 {
    margin-left: -4rem !important;
}

.ms-n17 {
    margin-left: -4.25rem !important;
}

.ms-n18 {
    margin-left: -4.5rem !important;
}

.ms-n19 {
    margin-left: -4.75rem !important;
}

.ms-n20 {
    margin-left: -5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 0.75rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.p-5 {
    padding: 1.25rem !important;
}

.p-6 {
    padding: 1.5rem !important;
}

.p-7 {
    padding: 1.75rem !important;
}

.p-8 {
    padding: 2rem !important;
}

.p-9 {
    padding: 2.25rem !important;
}

.p-10 {
    padding: 2.5rem !important;
}

.p-11 {
    padding: 2.75rem !important;
}

.p-12 {
    padding: 3rem !important;
}

.p-13 {
    padding: 3.25rem !important;
}

.p-14 {
    padding: 3.5rem !important;
}

.p-15 {
    padding: 3.75rem !important;
}

.p-16 {
    padding: 4rem !important;
}

.p-17 {
    padding: 4.25rem !important;
}

.p-18 {
    padding: 4.5rem !important;
}

.p-19 {
    padding: 4.75rem !important;
}

.p-20 {
    padding: 5rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.px-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

.px-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.px-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
}

.px-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.px-11 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
}

.px-12 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.px-13 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
}

.px-14 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}

.px-15 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
}

.px-16 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.px-17 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
}

.px-18 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
}

.px-19 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
}

.px-20 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.py-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
}

.py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

.py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-17 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
}

.py-18 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.py-19 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
}

.py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.pt-5 {
    padding-top: 1.25rem !important;
}

.pt-6 {
    padding-top: 1.5rem !important;
}

.pt-7 {
    padding-top: 1.75rem !important;
}

.pt-8 {
    padding-top: 2rem !important;
}

.pt-9 {
    padding-top: 2.25rem !important;
}

.pt-10 {
    padding-top: 2.5rem !important;
}

.pt-11 {
    padding-top: 2.75rem !important;
}

.pt-12 {
    padding-top: 3rem !important;
}

.pt-13 {
    padding-top: 3.25rem !important;
}

.pt-14 {
    padding-top: 3.5rem !important;
}

.pt-15 {
    padding-top: 3.75rem !important;
}

.pt-16 {
    padding-top: 4rem !important;
}

.pt-17 {
    padding-top: 4.25rem !important;
}

.pt-18 {
    padding-top: 4.5rem !important;
}

.pt-19 {
    padding-top: 4.75rem !important;
}

.pt-20 {
    padding-top: 5rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 0.75rem !important;
}

.pe-4 {
    padding-right: 1rem !important;
}

.pe-5 {
    padding-right: 1.25rem !important;
}

.pe-6 {
    padding-right: 1.5rem !important;
}

.pe-7 {
    padding-right: 1.75rem !important;
}

.pe-8 {
    padding-right: 2rem !important;
}

.pe-9 {
    padding-right: 2.25rem !important;
}

.pe-10 {
    padding-right: 2.5rem !important;
}

.pe-11 {
    padding-right: 2.75rem !important;
}

.pe-12 {
    padding-right: 3rem !important;
}

.pe-13 {
    padding-right: 3.25rem !important;
}

.pe-14 {
    padding-right: 3.5rem !important;
}

.pe-15 {
    padding-right: 3.75rem !important;
}

.pe-16 {
    padding-right: 4rem !important;
}

.pe-17 {
    padding-right: 4.25rem !important;
}

.pe-18 {
    padding-right: 4.5rem !important;
}

.pe-19 {
    padding-right: 4.75rem !important;
}

.pe-20 {
    padding-right: 5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.pb-5 {
    padding-bottom: 1.25rem !important;
}

.pb-6 {
    padding-bottom: 1.5rem !important;
}

.pb-7 {
    padding-bottom: 1.75rem !important;
}

.pb-8 {
    padding-bottom: 2rem !important;
}

.pb-9 {
    padding-bottom: 2.25rem !important;
}

.pb-10 {
    padding-bottom: 2.5rem !important;
}

.pb-11 {
    padding-bottom: 2.75rem !important;
}

.pb-12 {
    padding-bottom: 3rem !important;
}

.pb-13 {
    padding-bottom: 3.25rem !important;
}

.pb-14 {
    padding-bottom: 3.5rem !important;
}

.pb-15 {
    padding-bottom: 3.75rem !important;
}

.pb-16 {
    padding-bottom: 4rem !important;
}

.pb-17 {
    padding-bottom: 4.25rem !important;
}

.pb-18 {
    padding-bottom: 4.5rem !important;
}

.pb-19 {
    padding-bottom: 4.75rem !important;
}

.pb-20 {
    padding-bottom: 5rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 0.75rem !important;
}

.ps-4 {
    padding-left: 1rem !important;
}

.ps-5 {
    padding-left: 1.25rem !important;
}

.ps-6 {
    padding-left: 1.5rem !important;
}

.ps-7 {
    padding-left: 1.75rem !important;
}

.ps-8 {
    padding-left: 2rem !important;
}

.ps-9 {
    padding-left: 2.25rem !important;
}

.ps-10 {
    padding-left: 2.5rem !important;
}

.ps-11 {
    padding-left: 2.75rem !important;
}

.ps-12 {
    padding-left: 3rem !important;
}

.ps-13 {
    padding-left: 3.25rem !important;
}

.ps-14 {
    padding-left: 3.5rem !important;
}

.ps-15 {
    padding-left: 3.75rem !important;
}

.ps-16 {
    padding-left: 4rem !important;
}

.ps-17 {
    padding-left: 4.25rem !important;
}

.ps-18 {
    padding-left: 4.5rem !important;
}

.ps-19 {
    padding-left: 4.75rem !important;
}

.ps-20 {
    padding-left: 5rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-2 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-3 {
    font-size: calc(1.26rem + 0.12vw) !important;
}

.fs-4 {
    font-size: 1.25rem !important;
}

.fs-5 {
    font-size: 1.15rem !important;
}

.fs-6 {
    font-size: 1.075rem !important;
}

.fs-7 {
    font-size: 0.95rem !important;
}

.fs-8 {
    font-size: 0.85rem !important;
}

.fs-9 {
    font-size: 0.75rem !important;
}

.fs-10 {
    font-size: 0.5rem !important;
}

.fs-base {
    font-size: 1rem !important;
}

.fs-fluid {
    font-size: 100% !important;
}

.fs-2x {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-2qx {
    font-size: calc(1.35rem + 1.2vw) !important;
}

.fs-2hx {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2tx {
    font-size: calc(1.4rem + 1.8vw) !important;
}

.fs-3x {
    font-size: calc(1.425rem + 2.1vw) !important;
}

.fs-3qx {
    font-size: calc(1.45rem + 2.4vw) !important;
}

.fs-3hx {
    font-size: calc(1.475rem + 2.7vw) !important;
}

.fs-3tx {
    font-size: calc(1.5rem + 3vw) !important;
}

.fs-4x {
    font-size: calc(1.525rem + 3.3vw) !important;
}

.fs-4qx {
    font-size: calc(1.55rem + 3.6vw) !important;
}

.fs-4hx {
    font-size: calc(1.575rem + 3.9vw) !important;
}

.fs-4tx {
    font-size: calc(1.6rem + 4.2vw) !important;
}

.fs-5x {
    font-size: calc(1.625rem + 4.5vw) !important;
}

.fs-5qx {
    font-size: calc(1.65rem + 4.8vw) !important;
}

.fs-5hx {
    font-size: calc(1.675rem + 5.1vw) !important;
}

.fs-5tx {
    font-size: calc(1.7rem + 5.4vw) !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 500 !important;
}

.fw-bolder {
    font-weight: 600 !important;
}

.lh-0 {
    line-height: 0 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 1.75 !important;
}

.lh-xl {
    line-height: 2 !important;
}

.lh-xxl {
    line-height: 2.25 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-white {
    color: #fff !important;
}

.text-light {
    color: #f5f8fa !important;
}

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

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

.text-success {
    color: #50cd89 !important;
}

.text-info {
    color: #7239ea !important;
}

.text-warning {
    color: #ffc700 !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

.text-body {
    color: var(--bs-dark) !important;
}

.text-muted {
    color: #a1a5b7 !important;
}

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

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-light {
    background-color: #f5f8fa !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: #e4e6ef !important;
}

.bg-success {
    background-color: #50cd89 !important;
}

.bg-info {
    background-color: #7239ea !important;
}

.bg-warning {
    background-color: #ffc700 !important;
}

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

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

.bg-body {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: 0.475rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.275rem !important;
}

.rounded-2 {
    border-radius: 0.475rem !important;
}

.rounded-3 {
    border-radius: 0.775rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.475rem !important;
    border-top-right-radius: 0.475rem !important;
}

.rounded-end {
    border-top-right-radius: 0.475rem !important;
    border-bottom-right-radius: 0.475rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.475rem !important;
    border-bottom-left-radius: 0.475rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.475rem !important;
    border-top-left-radius: 0.475rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-5 {
    opacity: 0.05 !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-0-hover:hover {
    opacity: 0 !important;
}

.opacity-5 {
    opacity: 0.05 !important;
}

.opacity-5-hover:hover {
    opacity: 0.05 !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.opacity-10-hover:hover {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-15-hover:hover {
    opacity: 0.15 !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-20-hover:hover {
    opacity: 0.2 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-25-hover:hover {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-50-hover:hover {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-75-hover:hover {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.opacity-100-hover:hover {
    opacity: 1 !important;
}

.min-w-unset {
    min-width: unset !important;
}

.min-w-25 {
    min-width: 25% !important;
}

.min-w-50 {
    min-width: 50% !important;
}

.min-w-75 {
    min-width: 75% !important;
}

.min-w-100 {
    min-width: 100% !important;
}

.min-w-auto {
    min-width: auto !important;
}

.min-w-1px {
    min-width: 1px !important;
}

.min-w-2px {
    min-width: 2px !important;
}

.min-w-3px {
    min-width: 3px !important;
}

.min-w-4px {
    min-width: 4px !important;
}

.min-w-5px {
    min-width: 5px !important;
}

.min-w-6px {
    min-width: 6px !important;
}

.min-w-7px {
    min-width: 7px !important;
}

.min-w-8px {
    min-width: 8px !important;
}

.min-w-9px {
    min-width: 9px !important;
}

.min-w-10px {
    min-width: 10px !important;
}

.min-w-15px {
    min-width: 15px !important;
}

.min-w-20px {
    min-width: 20px !important;
}

.min-w-25px {
    min-width: 25px !important;
}

.min-w-30px {
    min-width: 30px !important;
}

.min-w-35px {
    min-width: 35px !important;
}

.min-w-40px {
    min-width: 40px !important;
}

.min-w-45px {
    min-width: 45px !important;
}

.min-w-50px {
    min-width: 50px !important;
}

.min-w-55px {
    min-width: 55px !important;
}

.min-w-60px {
    min-width: 60px !important;
}

.min-w-65px {
    min-width: 65px !important;
}

.min-w-70px {
    min-width: 70px !important;
}

.min-w-75px {
    min-width: 75px !important;
}

.min-w-80px {
    min-width: 80px !important;
}

.min-w-85px {
    min-width: 85px !important;
}

.min-w-90px {
    min-width: 90px !important;
}

.min-w-95px {
    min-width: 95px !important;
}

.min-w-100px {
    min-width: 100px !important;
}

.min-w-125px {
    min-width: 125px !important;
}

.min-w-150px {
    min-width: 150px !important;
}

.min-w-175px {
    min-width: 175px !important;
}

.min-w-200px {
    min-width: 200px !important;
}

.min-w-225px {
    min-width: 225px !important;
}

.min-w-250px {
    min-width: 250px !important;
}

.min-w-275px {
    min-width: 275px !important;
}

.min-w-300px {
    min-width: 300px !important;
}

.min-w-325px {
    min-width: 325px !important;
}

.min-w-350px {
    min-width: 350px !important;
}

.min-w-375px {
    min-width: 375px !important;
}

.min-w-400px {
    min-width: 400px !important;
}

.min-w-425px {
    min-width: 425px !important;
}

.min-w-450px {
    min-width: 450px !important;
}

.min-w-475px {
    min-width: 475px !important;
}

.min-w-500px {
    min-width: 500px !important;
}

.min-w-550px {
    min-width: 550px !important;
}

.min-w-600px {
    min-width: 600px !important;
}

.min-w-650px {
    min-width: 650px !important;
}

.min-w-700px {
    min-width: 700px !important;
}

.min-w-750px {
    min-width: 750px !important;
}

.min-w-800px {
    min-width: 800px !important;
}

.min-w-850px {
    min-width: 850px !important;
}

.min-w-900px {
    min-width: 900px !important;
}

.min-w-950px {
    min-width: 950px !important;
}

.min-w-1000px {
    min-width: 1000px !important;
}

.min-h-unset {
    min-height: unset !important;
}

.min-h-25 {
    min-height: 25% !important;
}

.min-h-50 {
    min-height: 50% !important;
}

.min-h-75 {
    min-height: 75% !important;
}

.min-h-100 {
    min-height: 100% !important;
}

.min-h-auto {
    min-height: auto !important;
}

.min-h-1px {
    min-height: 1px !important;
}

.min-h-2px {
    min-height: 2px !important;
}

.min-h-3px {
    min-height: 3px !important;
}

.min-h-4px {
    min-height: 4px !important;
}

.min-h-5px {
    min-height: 5px !important;
}

.min-h-6px {
    min-height: 6px !important;
}

.min-h-7px {
    min-height: 7px !important;
}

.min-h-8px {
    min-height: 8px !important;
}

.min-h-9px {
    min-height: 9px !important;
}

.min-h-10px {
    min-height: 10px !important;
}

.min-h-15px {
    min-height: 15px !important;
}

.min-h-20px {
    min-height: 20px !important;
}

.min-h-25px {
    min-height: 25px !important;
}

.min-h-30px {
    min-height: 30px !important;
}

.min-h-35px {
    min-height: 35px !important;
}

.min-h-40px {
    min-height: 40px !important;
}

.min-h-45px {
    min-height: 45px !important;
}

.min-h-50px {
    min-height: 50px !important;
}

.min-h-55px {
    min-height: 55px !important;
}

.min-h-60px {
    min-height: 60px !important;
}

.min-h-65px {
    min-height: 65px !important;
}

.min-h-70px {
    min-height: 70px !important;
}

.min-h-75px {
    min-height: 75px !important;
}

.min-h-80px {
    min-height: 80px !important;
}

.min-h-85px {
    min-height: 85px !important;
}

.min-h-90px {
    min-height: 90px !important;
}

.min-h-95px {
    min-height: 95px !important;
}

.min-h-100px {
    min-height: 100px !important;
}

.min-h-125px {
    min-height: 125px !important;
}

.min-h-150px {
    min-height: 150px !important;
}

.min-h-175px {
    min-height: 175px !important;
}

.min-h-200px {
    min-height: 200px !important;
}

.min-h-225px {
    min-height: 225px !important;
}

.min-h-250px {
    min-height: 250px !important;
}

.min-h-275px {
    min-height: 275px !important;
}

.min-h-300px {
    min-height: 300px !important;
}

.min-h-325px {
    min-height: 325px !important;
}

.min-h-350px {
    min-height: 350px !important;
}

.min-h-375px {
    min-height: 375px !important;
}

.min-h-400px {
    min-height: 400px !important;
}

.min-h-425px {
    min-height: 425px !important;
}

.min-h-450px {
    min-height: 450px !important;
}

.min-h-475px {
    min-height: 475px !important;
}

.min-h-500px {
    min-height: 500px !important;
}

.min-h-550px {
    min-height: 550px !important;
}

.min-h-600px {
    min-height: 600px !important;
}

.min-h-650px {
    min-height: 650px !important;
}

.min-h-700px {
    min-height: 700px !important;
}

.min-h-750px {
    min-height: 750px !important;
}

.min-h-800px {
    min-height: 800px !important;
}

.min-h-850px {
    min-height: 850px !important;
}

.min-h-900px {
    min-height: 900px !important;
}

.min-h-950px {
    min-height: 950px !important;
}

.min-h-1000px {
    min-height: 1000px !important;
}

.z-index-n1 {
    z-index: -1 !important;
}

.z-index-n2 {
    z-index: -2 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.border-top-0 {
    border-top-width: 0 !important;
}

.border-top-1 {
    border-top-width: 1px !important;
}

.border-top-2 {
    border-top-width: 2px !important;
}

.border-top-3 {
    border-top-width: 3px !important;
}

.border-top-4 {
    border-top-width: 4px !important;
}

.border-top-5 {
    border-top-width: 5px !important;
}

.border-bottom-0 {
    border-bottom-width: 0 !important;
}

.border-bottom-1 {
    border-bottom-width: 1px !important;
}

.border-bottom-2 {
    border-bottom-width: 2px !important;
}

.border-bottom-3 {
    border-bottom-width: 3px !important;
}

.border-bottom-4 {
    border-bottom-width: 4px !important;
}

.border-bottom-5 {
    border-bottom-width: 5px !important;
}

.border-right-0 {
    border-right-width: 0 !important;
}

.border-right-1 {
    border-right-width: 1px !important;
}

.border-right-2 {
    border-right-width: 2px !important;
}

.border-right-3 {
    border-right-width: 3px !important;
}

.border-right-4 {
    border-right-width: 4px !important;
}

.border-right-5 {
    border-right-width: 5px !important;
}

.border-left-0 {
    border-left-width: 0 !important;
}

.border-left-1 {
    border-left-width: 1px !important;
}

.border-left-2 {
    border-left-width: 2px !important;
}

.border-left-3 {
    border-left-width: 3px !important;
}

.border-left-4 {
    border-left-width: 4px !important;
}

.border-left-5 {
    border-left-width: 5px !important;
}

.ls-1 {
    letter-spacing: 0.1rem !important;
}

.ls-2 {
    letter-spacing: 0.115rem !important;
}

.ls-3 {
    letter-spacing: 0.125rem !important;
}

.ls-4 {
    letter-spacing: 0.25rem !important;
}

.ls-5 {
    letter-spacing: 0.5rem !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .position-sm-static {
        position: static !important;
    }

    .position-sm-relative {
        position: relative !important;
    }

    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-fixed {
        position: fixed !important;
    }

    .position-sm-sticky {
        position: sticky !important;
    }

    .w-sm-unset {
        width: unset !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-1px {
        width: 1px !important;
    }

    .w-sm-2px {
        width: 2px !important;
    }

    .w-sm-3px {
        width: 3px !important;
    }

    .w-sm-4px {
        width: 4px !important;
    }

    .w-sm-5px {
        width: 5px !important;
    }

    .w-sm-6px {
        width: 6px !important;
    }

    .w-sm-7px {
        width: 7px !important;
    }

    .w-sm-8px {
        width: 8px !important;
    }

    .w-sm-9px {
        width: 9px !important;
    }

    .w-sm-10px {
        width: 10px !important;
    }

    .w-sm-15px {
        width: 15px !important;
    }

    .w-sm-20px {
        width: 20px !important;
    }

    .w-sm-25px {
        width: 25px !important;
    }

    .w-sm-30px {
        width: 30px !important;
    }

    .w-sm-35px {
        width: 35px !important;
    }

    .w-sm-40px {
        width: 40px !important;
    }

    .w-sm-45px {
        width: 45px !important;
    }

    .w-sm-50px {
        width: 50px !important;
    }

    .w-sm-55px {
        width: 55px !important;
    }

    .w-sm-60px {
        width: 60px !important;
    }

    .w-sm-65px {
        width: 65px !important;
    }

    .w-sm-70px {
        width: 70px !important;
    }

    .w-sm-75px {
        width: 75px !important;
    }

    .w-sm-80px {
        width: 80px !important;
    }

    .w-sm-85px {
        width: 85px !important;
    }

    .w-sm-90px {
        width: 90px !important;
    }

    .w-sm-95px {
        width: 95px !important;
    }

    .w-sm-100px {
        width: 100px !important;
    }

    .w-sm-125px {
        width: 125px !important;
    }

    .w-sm-150px {
        width: 150px !important;
    }

    .w-sm-175px {
        width: 175px !important;
    }

    .w-sm-200px {
        width: 200px !important;
    }

    .w-sm-225px {
        width: 225px !important;
    }

    .w-sm-250px {
        width: 250px !important;
    }

    .w-sm-275px {
        width: 275px !important;
    }

    .w-sm-300px {
        width: 300px !important;
    }

    .w-sm-325px {
        width: 325px !important;
    }

    .w-sm-350px {
        width: 350px !important;
    }

    .w-sm-375px {
        width: 375px !important;
    }

    .w-sm-400px {
        width: 400px !important;
    }

    .w-sm-425px {
        width: 425px !important;
    }

    .w-sm-450px {
        width: 450px !important;
    }

    .w-sm-475px {
        width: 475px !important;
    }

    .w-sm-500px {
        width: 500px !important;
    }

    .w-sm-550px {
        width: 550px !important;
    }

    .w-sm-600px {
        width: 600px !important;
    }

    .w-sm-650px {
        width: 650px !important;
    }

    .w-sm-700px {
        width: 700px !important;
    }

    .w-sm-750px {
        width: 750px !important;
    }

    .w-sm-800px {
        width: 800px !important;
    }

    .w-sm-850px {
        width: 850px !important;
    }

    .w-sm-900px {
        width: 900px !important;
    }

    .w-sm-950px {
        width: 950px !important;
    }

    .w-sm-1000px {
        width: 1000px !important;
    }

    .mw-sm-unset {
        max-width: unset !important;
    }

    .mw-sm-25 {
        max-width: 25% !important;
    }

    .mw-sm-50 {
        max-width: 50% !important;
    }

    .mw-sm-75 {
        max-width: 75% !important;
    }

    .mw-sm-100 {
        max-width: 100% !important;
    }

    .mw-sm-auto {
        max-width: auto !important;
    }

    .mw-sm-1px {
        max-width: 1px !important;
    }

    .mw-sm-2px {
        max-width: 2px !important;
    }

    .mw-sm-3px {
        max-width: 3px !important;
    }

    .mw-sm-4px {
        max-width: 4px !important;
    }

    .mw-sm-5px {
        max-width: 5px !important;
    }

    .mw-sm-6px {
        max-width: 6px !important;
    }

    .mw-sm-7px {
        max-width: 7px !important;
    }

    .mw-sm-8px {
        max-width: 8px !important;
    }

    .mw-sm-9px {
        max-width: 9px !important;
    }

    .mw-sm-10px {
        max-width: 10px !important;
    }

    .mw-sm-15px {
        max-width: 15px !important;
    }

    .mw-sm-20px {
        max-width: 20px !important;
    }

    .mw-sm-25px {
        max-width: 25px !important;
    }

    .mw-sm-30px {
        max-width: 30px !important;
    }

    .mw-sm-35px {
        max-width: 35px !important;
    }

    .mw-sm-40px {
        max-width: 40px !important;
    }

    .mw-sm-45px {
        max-width: 45px !important;
    }

    .mw-sm-50px {
        max-width: 50px !important;
    }

    .mw-sm-55px {
        max-width: 55px !important;
    }

    .mw-sm-60px {
        max-width: 60px !important;
    }

    .mw-sm-65px {
        max-width: 65px !important;
    }

    .mw-sm-70px {
        max-width: 70px !important;
    }

    .mw-sm-75px {
        max-width: 75px !important;
    }

    .mw-sm-80px {
        max-width: 80px !important;
    }

    .mw-sm-85px {
        max-width: 85px !important;
    }

    .mw-sm-90px {
        max-width: 90px !important;
    }

    .mw-sm-95px {
        max-width: 95px !important;
    }

    .mw-sm-100px {
        max-width: 100px !important;
    }

    .mw-sm-125px {
        max-width: 125px !important;
    }

    .mw-sm-150px {
        max-width: 150px !important;
    }

    .mw-sm-175px {
        max-width: 175px !important;
    }

    .mw-sm-200px {
        max-width: 200px !important;
    }

    .mw-sm-225px {
        max-width: 225px !important;
    }

    .mw-sm-250px {
        max-width: 250px !important;
    }

    .mw-sm-275px {
        max-width: 275px !important;
    }

    .mw-sm-300px {
        max-width: 300px !important;
    }

    .mw-sm-325px {
        max-width: 325px !important;
    }

    .mw-sm-350px {
        max-width: 350px !important;
    }

    .mw-sm-375px {
        max-width: 375px !important;
    }

    .mw-sm-400px {
        max-width: 400px !important;
    }

    .mw-sm-425px {
        max-width: 425px !important;
    }

    .mw-sm-450px {
        max-width: 450px !important;
    }

    .mw-sm-475px {
        max-width: 475px !important;
    }

    .mw-sm-500px {
        max-width: 500px !important;
    }

    .mw-sm-550px {
        max-width: 550px !important;
    }

    .mw-sm-600px {
        max-width: 600px !important;
    }

    .mw-sm-650px {
        max-width: 650px !important;
    }

    .mw-sm-700px {
        max-width: 700px !important;
    }

    .mw-sm-750px {
        max-width: 750px !important;
    }

    .mw-sm-800px {
        max-width: 800px !important;
    }

    .mw-sm-850px {
        max-width: 850px !important;
    }

    .mw-sm-900px {
        max-width: 900px !important;
    }

    .mw-sm-950px {
        max-width: 950px !important;
    }

    .mw-sm-1000px {
        max-width: 1000px !important;
    }

    .h-sm-unset {
        height: unset !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }

    .h-sm-1px {
        height: 1px !important;
    }

    .h-sm-2px {
        height: 2px !important;
    }

    .h-sm-3px {
        height: 3px !important;
    }

    .h-sm-4px {
        height: 4px !important;
    }

    .h-sm-5px {
        height: 5px !important;
    }

    .h-sm-6px {
        height: 6px !important;
    }

    .h-sm-7px {
        height: 7px !important;
    }

    .h-sm-8px {
        height: 8px !important;
    }

    .h-sm-9px {
        height: 9px !important;
    }

    .h-sm-10px {
        height: 10px !important;
    }

    .h-sm-15px {
        height: 15px !important;
    }

    .h-sm-20px {
        height: 20px !important;
    }

    .h-sm-25px {
        height: 25px !important;
    }

    .h-sm-30px {
        height: 30px !important;
    }

    .h-sm-35px {
        height: 35px !important;
    }

    .h-sm-40px {
        height: 40px !important;
    }

    .h-sm-45px {
        height: 45px !important;
    }

    .h-sm-50px {
        height: 50px !important;
    }

    .h-sm-55px {
        height: 55px !important;
    }

    .h-sm-60px {
        height: 60px !important;
    }

    .h-sm-65px {
        height: 65px !important;
    }

    .h-sm-70px {
        height: 70px !important;
    }

    .h-sm-75px {
        height: 75px !important;
    }

    .h-sm-80px {
        height: 80px !important;
    }

    .h-sm-85px {
        height: 85px !important;
    }

    .h-sm-90px {
        height: 90px !important;
    }

    .h-sm-95px {
        height: 95px !important;
    }

    .h-sm-100px {
        height: 100px !important;
    }

    .h-sm-125px {
        height: 125px !important;
    }

    .h-sm-150px {
        height: 150px !important;
    }

    .h-sm-175px {
        height: 175px !important;
    }

    .h-sm-200px {
        height: 200px !important;
    }

    .h-sm-225px {
        height: 225px !important;
    }

    .h-sm-250px {
        height: 250px !important;
    }

    .h-sm-275px {
        height: 275px !important;
    }

    .h-sm-300px {
        height: 300px !important;
    }

    .h-sm-325px {
        height: 325px !important;
    }

    .h-sm-350px {
        height: 350px !important;
    }

    .h-sm-375px {
        height: 375px !important;
    }

    .h-sm-400px {
        height: 400px !important;
    }

    .h-sm-425px {
        height: 425px !important;
    }

    .h-sm-450px {
        height: 450px !important;
    }

    .h-sm-475px {
        height: 475px !important;
    }

    .h-sm-500px {
        height: 500px !important;
    }

    .h-sm-550px {
        height: 550px !important;
    }

    .h-sm-600px {
        height: 600px !important;
    }

    .h-sm-650px {
        height: 650px !important;
    }

    .h-sm-700px {
        height: 700px !important;
    }

    .h-sm-750px {
        height: 750px !important;
    }

    .h-sm-800px {
        height: 800px !important;
    }

    .h-sm-850px {
        height: 850px !important;
    }

    .h-sm-900px {
        height: 900px !important;
    }

    .h-sm-950px {
        height: 950px !important;
    }

    .h-sm-1000px {
        height: 1000px !important;
    }

    .mh-sm-unset {
        max-height: unset !important;
    }

    .mh-sm-25 {
        max-height: 25% !important;
    }

    .mh-sm-50 {
        max-height: 50% !important;
    }

    .mh-sm-75 {
        max-height: 75% !important;
    }

    .mh-sm-100 {
        max-height: 100% !important;
    }

    .mh-sm-auto {
        max-height: auto !important;
    }

    .mh-sm-1px {
        max-height: 1px !important;
    }

    .mh-sm-2px {
        max-height: 2px !important;
    }

    .mh-sm-3px {
        max-height: 3px !important;
    }

    .mh-sm-4px {
        max-height: 4px !important;
    }

    .mh-sm-5px {
        max-height: 5px !important;
    }

    .mh-sm-6px {
        max-height: 6px !important;
    }

    .mh-sm-7px {
        max-height: 7px !important;
    }

    .mh-sm-8px {
        max-height: 8px !important;
    }

    .mh-sm-9px {
        max-height: 9px !important;
    }

    .mh-sm-10px {
        max-height: 10px !important;
    }

    .mh-sm-15px {
        max-height: 15px !important;
    }

    .mh-sm-20px {
        max-height: 20px !important;
    }

    .mh-sm-25px {
        max-height: 25px !important;
    }

    .mh-sm-30px {
        max-height: 30px !important;
    }

    .mh-sm-35px {
        max-height: 35px !important;
    }

    .mh-sm-40px {
        max-height: 40px !important;
    }

    .mh-sm-45px {
        max-height: 45px !important;
    }

    .mh-sm-50px {
        max-height: 50px !important;
    }

    .mh-sm-55px {
        max-height: 55px !important;
    }

    .mh-sm-60px {
        max-height: 60px !important;
    }

    .mh-sm-65px {
        max-height: 65px !important;
    }

    .mh-sm-70px {
        max-height: 70px !important;
    }

    .mh-sm-75px {
        max-height: 75px !important;
    }

    .mh-sm-80px {
        max-height: 80px !important;
    }

    .mh-sm-85px {
        max-height: 85px !important;
    }

    .mh-sm-90px {
        max-height: 90px !important;
    }

    .mh-sm-95px {
        max-height: 95px !important;
    }

    .mh-sm-100px {
        max-height: 100px !important;
    }

    .mh-sm-125px {
        max-height: 125px !important;
    }

    .mh-sm-150px {
        max-height: 150px !important;
    }

    .mh-sm-175px {
        max-height: 175px !important;
    }

    .mh-sm-200px {
        max-height: 200px !important;
    }

    .mh-sm-225px {
        max-height: 225px !important;
    }

    .mh-sm-250px {
        max-height: 250px !important;
    }

    .mh-sm-275px {
        max-height: 275px !important;
    }

    .mh-sm-300px {
        max-height: 300px !important;
    }

    .mh-sm-325px {
        max-height: 325px !important;
    }

    .mh-sm-350px {
        max-height: 350px !important;
    }

    .mh-sm-375px {
        max-height: 375px !important;
    }

    .mh-sm-400px {
        max-height: 400px !important;
    }

    .mh-sm-425px {
        max-height: 425px !important;
    }

    .mh-sm-450px {
        max-height: 450px !important;
    }

    .mh-sm-475px {
        max-height: 475px !important;
    }

    .mh-sm-500px {
        max-height: 500px !important;
    }

    .mh-sm-550px {
        max-height: 550px !important;
    }

    .mh-sm-600px {
        max-height: 600px !important;
    }

    .mh-sm-650px {
        max-height: 650px !important;
    }

    .mh-sm-700px {
        max-height: 700px !important;
    }

    .mh-sm-750px {
        max-height: 750px !important;
    }

    .mh-sm-800px {
        max-height: 800px !important;
    }

    .mh-sm-850px {
        max-height: 850px !important;
    }

    .mh-sm-900px {
        max-height: 900px !important;
    }

    .mh-sm-950px {
        max-height: 950px !important;
    }

    .mh-sm-1000px {
        max-height: 1000px !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .gap-sm-1 {
        gap: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.5rem !important;
    }

    .gap-sm-3 {
        gap: 0.75rem !important;
    }

    .gap-sm-4 {
        gap: 1rem !important;
    }

    .gap-sm-5 {
        gap: 1.25rem !important;
    }

    .gap-sm-6 {
        gap: 1.5rem !important;
    }

    .gap-sm-7 {
        gap: 1.75rem !important;
    }

    .gap-sm-8 {
        gap: 2rem !important;
    }

    .gap-sm-9 {
        gap: 2.25rem !important;
    }

    .gap-sm-10 {
        gap: 2.5rem !important;
    }

    .gap-sm-11 {
        gap: 2.75rem !important;
    }

    .gap-sm-12 {
        gap: 3rem !important;
    }

    .gap-sm-13 {
        gap: 3.25rem !important;
    }

    .gap-sm-14 {
        gap: 3.5rem !important;
    }

    .gap-sm-15 {
        gap: 3.75rem !important;
    }

    .gap-sm-16 {
        gap: 4rem !important;
    }

    .gap-sm-17 {
        gap: 4.25rem !important;
    }

    .gap-sm-18 {
        gap: 4.5rem !important;
    }

    .gap-sm-19 {
        gap: 4.75rem !important;
    }

    .gap-sm-20 {
        gap: 5rem !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 0.75rem !important;
    }

    .m-sm-4 {
        margin: 1rem !important;
    }

    .m-sm-5 {
        margin: 1.25rem !important;
    }

    .m-sm-6 {
        margin: 1.5rem !important;
    }

    .m-sm-7 {
        margin: 1.75rem !important;
    }

    .m-sm-8 {
        margin: 2rem !important;
    }

    .m-sm-9 {
        margin: 2.25rem !important;
    }

    .m-sm-10 {
        margin: 2.5rem !important;
    }

    .m-sm-11 {
        margin: 2.75rem !important;
    }

    .m-sm-12 {
        margin: 3rem !important;
    }

    .m-sm-13 {
        margin: 3.25rem !important;
    }

    .m-sm-14 {
        margin: 3.5rem !important;
    }

    .m-sm-15 {
        margin: 3.75rem !important;
    }

    .m-sm-16 {
        margin: 4rem !important;
    }

    .m-sm-17 {
        margin: 4.25rem !important;
    }

    .m-sm-18 {
        margin: 4.5rem !important;
    }

    .m-sm-19 {
        margin: 4.75rem !important;
    }

    .m-sm-20 {
        margin: 5rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .mx-sm-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-5 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .mx-sm-6 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-7 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important;
    }

    .mx-sm-8 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-sm-9 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .mx-sm-10 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .mx-sm-11 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important;
    }

    .mx-sm-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-13 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important;
    }

    .mx-sm-14 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important;
    }

    .mx-sm-15 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }

    .mx-sm-16 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-sm-17 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important;
    }

    .mx-sm-18 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }

    .mx-sm-19 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important;
    }

    .mx-sm-20 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .my-sm-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .my-sm-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }

    .my-sm-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-sm-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .my-sm-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-sm-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important;
    }

    .my-sm-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important;
    }

    .my-sm-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .my-sm-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }

    .my-sm-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-sm-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important;
    }

    .my-sm-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .my-sm-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important;
    }

    .my-sm-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 0.75rem !important;
    }

    .mt-sm-4 {
        margin-top: 1rem !important;
    }

    .mt-sm-5 {
        margin-top: 1.25rem !important;
    }

    .mt-sm-6 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-7 {
        margin-top: 1.75rem !important;
    }

    .mt-sm-8 {
        margin-top: 2rem !important;
    }

    .mt-sm-9 {
        margin-top: 2.25rem !important;
    }

    .mt-sm-10 {
        margin-top: 2.5rem !important;
    }

    .mt-sm-11 {
        margin-top: 2.75rem !important;
    }

    .mt-sm-12 {
        margin-top: 3rem !important;
    }

    .mt-sm-13 {
        margin-top: 3.25rem !important;
    }

    .mt-sm-14 {
        margin-top: 3.5rem !important;
    }

    .mt-sm-15 {
        margin-top: 3.75rem !important;
    }

    .mt-sm-16 {
        margin-top: 4rem !important;
    }

    .mt-sm-17 {
        margin-top: 4.25rem !important;
    }

    .mt-sm-18 {
        margin-top: 4.5rem !important;
    }

    .mt-sm-19 {
        margin-top: 4.75rem !important;
    }

    .mt-sm-20 {
        margin-top: 5rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 0.75rem !important;
    }

    .me-sm-4 {
        margin-right: 1rem !important;
    }

    .me-sm-5 {
        margin-right: 1.25rem !important;
    }

    .me-sm-6 {
        margin-right: 1.5rem !important;
    }

    .me-sm-7 {
        margin-right: 1.75rem !important;
    }

    .me-sm-8 {
        margin-right: 2rem !important;
    }

    .me-sm-9 {
        margin-right: 2.25rem !important;
    }

    .me-sm-10 {
        margin-right: 2.5rem !important;
    }

    .me-sm-11 {
        margin-right: 2.75rem !important;
    }

    .me-sm-12 {
        margin-right: 3rem !important;
    }

    .me-sm-13 {
        margin-right: 3.25rem !important;
    }

    .me-sm-14 {
        margin-right: 3.5rem !important;
    }

    .me-sm-15 {
        margin-right: 3.75rem !important;
    }

    .me-sm-16 {
        margin-right: 4rem !important;
    }

    .me-sm-17 {
        margin-right: 4.25rem !important;
    }

    .me-sm-18 {
        margin-right: 4.5rem !important;
    }

    .me-sm-19 {
        margin-right: 4.75rem !important;
    }

    .me-sm-20 {
        margin-right: 5rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 0.75rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 1.25rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 1.75rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 2rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 2.25rem !important;
    }

    .mb-sm-10 {
        margin-bottom: 2.5rem !important;
    }

    .mb-sm-11 {
        margin-bottom: 2.75rem !important;
    }

    .mb-sm-12 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-13 {
        margin-bottom: 3.25rem !important;
    }

    .mb-sm-14 {
        margin-bottom: 3.5rem !important;
    }

    .mb-sm-15 {
        margin-bottom: 3.75rem !important;
    }

    .mb-sm-16 {
        margin-bottom: 4rem !important;
    }

    .mb-sm-17 {
        margin-bottom: 4.25rem !important;
    }

    .mb-sm-18 {
        margin-bottom: 4.5rem !important;
    }

    .mb-sm-19 {
        margin-bottom: 4.75rem !important;
    }

    .mb-sm-20 {
        margin-bottom: 5rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 0.75rem !important;
    }

    .ms-sm-4 {
        margin-left: 1rem !important;
    }

    .ms-sm-5 {
        margin-left: 1.25rem !important;
    }

    .ms-sm-6 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-7 {
        margin-left: 1.75rem !important;
    }

    .ms-sm-8 {
        margin-left: 2rem !important;
    }

    .ms-sm-9 {
        margin-left: 2.25rem !important;
    }

    .ms-sm-10 {
        margin-left: 2.5rem !important;
    }

    .ms-sm-11 {
        margin-left: 2.75rem !important;
    }

    .ms-sm-12 {
        margin-left: 3rem !important;
    }

    .ms-sm-13 {
        margin-left: 3.25rem !important;
    }

    .ms-sm-14 {
        margin-left: 3.5rem !important;
    }

    .ms-sm-15 {
        margin-left: 3.75rem !important;
    }

    .ms-sm-16 {
        margin-left: 4rem !important;
    }

    .ms-sm-17 {
        margin-left: 4.25rem !important;
    }

    .ms-sm-18 {
        margin-left: 4.5rem !important;
    }

    .ms-sm-19 {
        margin-left: 4.75rem !important;
    }

    .ms-sm-20 {
        margin-left: 5rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -0.75rem !important;
    }

    .m-sm-n4 {
        margin: -1rem !important;
    }

    .m-sm-n5 {
        margin: -1.25rem !important;
    }

    .m-sm-n6 {
        margin: -1.5rem !important;
    }

    .m-sm-n7 {
        margin: -1.75rem !important;
    }

    .m-sm-n8 {
        margin: -2rem !important;
    }

    .m-sm-n9 {
        margin: -2.25rem !important;
    }

    .m-sm-n10 {
        margin: -2.5rem !important;
    }

    .m-sm-n11 {
        margin: -2.75rem !important;
    }

    .m-sm-n12 {
        margin: -3rem !important;
    }

    .m-sm-n13 {
        margin: -3.25rem !important;
    }

    .m-sm-n14 {
        margin: -3.5rem !important;
    }

    .m-sm-n15 {
        margin: -3.75rem !important;
    }

    .m-sm-n16 {
        margin: -4rem !important;
    }

    .m-sm-n17 {
        margin: -4.25rem !important;
    }

    .m-sm-n18 {
        margin: -4.5rem !important;
    }

    .m-sm-n19 {
        margin: -4.75rem !important;
    }

    .m-sm-n20 {
        margin: -5rem !important;
    }

    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-sm-n3 {
        margin-right: -0.75rem !important;
        margin-left: -0.75rem !important;
    }

    .mx-sm-n4 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-sm-n5 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important;
    }

    .mx-sm-n6 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-sm-n7 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important;
    }

    .mx-sm-n8 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .mx-sm-n9 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important;
    }

    .mx-sm-n10 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important;
    }

    .mx-sm-n11 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important;
    }

    .mx-sm-n12 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-sm-n13 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important;
    }

    .mx-sm-n14 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important;
    }

    .mx-sm-n15 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important;
    }

    .mx-sm-n16 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-sm-n17 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important;
    }

    .mx-sm-n18 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important;
    }

    .mx-sm-n19 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important;
    }

    .mx-sm-n20 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-sm-n3 {
        margin-top: -0.75rem !important;
        margin-bottom: -0.75rem !important;
    }

    .my-sm-n4 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-sm-n5 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important;
    }

    .my-sm-n6 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-sm-n7 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important;
    }

    .my-sm-n8 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .my-sm-n9 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important;
    }

    .my-sm-n10 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .my-sm-n11 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important;
    }

    .my-sm-n12 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-sm-n13 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important;
    }

    .my-sm-n14 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .my-sm-n15 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important;
    }

    .my-sm-n16 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-sm-n17 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important;
    }

    .my-sm-n18 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .my-sm-n19 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important;
    }

    .my-sm-n20 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-sm-n3 {
        margin-top: -0.75rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1rem !important;
    }

    .mt-sm-n5 {
        margin-top: -1.25rem !important;
    }

    .mt-sm-n6 {
        margin-top: -1.5rem !important;
    }

    .mt-sm-n7 {
        margin-top: -1.75rem !important;
    }

    .mt-sm-n8 {
        margin-top: -2rem !important;
    }

    .mt-sm-n9 {
        margin-top: -2.25rem !important;
    }

    .mt-sm-n10 {
        margin-top: -2.5rem !important;
    }

    .mt-sm-n11 {
        margin-top: -2.75rem !important;
    }

    .mt-sm-n12 {
        margin-top: -3rem !important;
    }

    .mt-sm-n13 {
        margin-top: -3.25rem !important;
    }

    .mt-sm-n14 {
        margin-top: -3.5rem !important;
    }

    .mt-sm-n15 {
        margin-top: -3.75rem !important;
    }

    .mt-sm-n16 {
        margin-top: -4rem !important;
    }

    .mt-sm-n17 {
        margin-top: -4.25rem !important;
    }

    .mt-sm-n18 {
        margin-top: -4.5rem !important;
    }

    .mt-sm-n19 {
        margin-top: -4.75rem !important;
    }

    .mt-sm-n20 {
        margin-top: -5rem !important;
    }

    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .me-sm-n3 {
        margin-right: -0.75rem !important;
    }

    .me-sm-n4 {
        margin-right: -1rem !important;
    }

    .me-sm-n5 {
        margin-right: -1.25rem !important;
    }

    .me-sm-n6 {
        margin-right: -1.5rem !important;
    }

    .me-sm-n7 {
        margin-right: -1.75rem !important;
    }

    .me-sm-n8 {
        margin-right: -2rem !important;
    }

    .me-sm-n9 {
        margin-right: -2.25rem !important;
    }

    .me-sm-n10 {
        margin-right: -2.5rem !important;
    }

    .me-sm-n11 {
        margin-right: -2.75rem !important;
    }

    .me-sm-n12 {
        margin-right: -3rem !important;
    }

    .me-sm-n13 {
        margin-right: -3.25rem !important;
    }

    .me-sm-n14 {
        margin-right: -3.5rem !important;
    }

    .me-sm-n15 {
        margin-right: -3.75rem !important;
    }

    .me-sm-n16 {
        margin-right: -4rem !important;
    }

    .me-sm-n17 {
        margin-right: -4.25rem !important;
    }

    .me-sm-n18 {
        margin-right: -4.5rem !important;
    }

    .me-sm-n19 {
        margin-right: -4.75rem !important;
    }

    .me-sm-n20 {
        margin-right: -5rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -0.75rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -1.25rem !important;
    }

    .mb-sm-n6 {
        margin-bottom: -1.5rem !important;
    }

    .mb-sm-n7 {
        margin-bottom: -1.75rem !important;
    }

    .mb-sm-n8 {
        margin-bottom: -2rem !important;
    }

    .mb-sm-n9 {
        margin-bottom: -2.25rem !important;
    }

    .mb-sm-n10 {
        margin-bottom: -2.5rem !important;
    }

    .mb-sm-n11 {
        margin-bottom: -2.75rem !important;
    }

    .mb-sm-n12 {
        margin-bottom: -3rem !important;
    }

    .mb-sm-n13 {
        margin-bottom: -3.25rem !important;
    }

    .mb-sm-n14 {
        margin-bottom: -3.5rem !important;
    }

    .mb-sm-n15 {
        margin-bottom: -3.75rem !important;
    }

    .mb-sm-n16 {
        margin-bottom: -4rem !important;
    }

    .mb-sm-n17 {
        margin-bottom: -4.25rem !important;
    }

    .mb-sm-n18 {
        margin-bottom: -4.5rem !important;
    }

    .mb-sm-n19 {
        margin-bottom: -4.75rem !important;
    }

    .mb-sm-n20 {
        margin-bottom: -5rem !important;
    }

    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-sm-n3 {
        margin-left: -0.75rem !important;
    }

    .ms-sm-n4 {
        margin-left: -1rem !important;
    }

    .ms-sm-n5 {
        margin-left: -1.25rem !important;
    }

    .ms-sm-n6 {
        margin-left: -1.5rem !important;
    }

    .ms-sm-n7 {
        margin-left: -1.75rem !important;
    }

    .ms-sm-n8 {
        margin-left: -2rem !important;
    }

    .ms-sm-n9 {
        margin-left: -2.25rem !important;
    }

    .ms-sm-n10 {
        margin-left: -2.5rem !important;
    }

    .ms-sm-n11 {
        margin-left: -2.75rem !important;
    }

    .ms-sm-n12 {
        margin-left: -3rem !important;
    }

    .ms-sm-n13 {
        margin-left: -3.25rem !important;
    }

    .ms-sm-n14 {
        margin-left: -3.5rem !important;
    }

    .ms-sm-n15 {
        margin-left: -3.75rem !important;
    }

    .ms-sm-n16 {
        margin-left: -4rem !important;
    }

    .ms-sm-n17 {
        margin-left: -4.25rem !important;
    }

    .ms-sm-n18 {
        margin-left: -4.5rem !important;
    }

    .ms-sm-n19 {
        margin-left: -4.75rem !important;
    }

    .ms-sm-n20 {
        margin-left: -5rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 0.75rem !important;
    }

    .p-sm-4 {
        padding: 1rem !important;
    }

    .p-sm-5 {
        padding: 1.25rem !important;
    }

    .p-sm-6 {
        padding: 1.5rem !important;
    }

    .p-sm-7 {
        padding: 1.75rem !important;
    }

    .p-sm-8 {
        padding: 2rem !important;
    }

    .p-sm-9 {
        padding: 2.25rem !important;
    }

    .p-sm-10 {
        padding: 2.5rem !important;
    }

    .p-sm-11 {
        padding: 2.75rem !important;
    }

    .p-sm-12 {
        padding: 3rem !important;
    }

    .p-sm-13 {
        padding: 3.25rem !important;
    }

    .p-sm-14 {
        padding: 3.5rem !important;
    }

    .p-sm-15 {
        padding: 3.75rem !important;
    }

    .p-sm-16 {
        padding: 4rem !important;
    }

    .p-sm-17 {
        padding: 4.25rem !important;
    }

    .p-sm-18 {
        padding: 4.5rem !important;
    }

    .p-sm-19 {
        padding: 4.75rem !important;
    }

    .p-sm-20 {
        padding: 5rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .px-sm-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .px-sm-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .px-sm-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-sm-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .px-sm-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .px-sm-11 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important;
    }

    .px-sm-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-sm-13 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important;
    }

    .px-sm-14 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .px-sm-15 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .px-sm-16 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-sm-17 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important;
    }

    .px-sm-18 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .px-sm-19 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important;
    }

    .px-sm-20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-sm-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .py-sm-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .py-sm-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-sm-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .py-sm-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-sm-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    .py-sm-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-sm-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .py-sm-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .py-sm-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-sm-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-sm-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important;
    }

    .py-sm-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .py-sm-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important;
    }

    .py-sm-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 0.75rem !important;
    }

    .pt-sm-4 {
        padding-top: 1rem !important;
    }

    .pt-sm-5 {
        padding-top: 1.25rem !important;
    }

    .pt-sm-6 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-7 {
        padding-top: 1.75rem !important;
    }

    .pt-sm-8 {
        padding-top: 2rem !important;
    }

    .pt-sm-9 {
        padding-top: 2.25rem !important;
    }

    .pt-sm-10 {
        padding-top: 2.5rem !important;
    }

    .pt-sm-11 {
        padding-top: 2.75rem !important;
    }

    .pt-sm-12 {
        padding-top: 3rem !important;
    }

    .pt-sm-13 {
        padding-top: 3.25rem !important;
    }

    .pt-sm-14 {
        padding-top: 3.5rem !important;
    }

    .pt-sm-15 {
        padding-top: 3.75rem !important;
    }

    .pt-sm-16 {
        padding-top: 4rem !important;
    }

    .pt-sm-17 {
        padding-top: 4.25rem !important;
    }

    .pt-sm-18 {
        padding-top: 4.5rem !important;
    }

    .pt-sm-19 {
        padding-top: 4.75rem !important;
    }

    .pt-sm-20 {
        padding-top: 5rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 0.75rem !important;
    }

    .pe-sm-4 {
        padding-right: 1rem !important;
    }

    .pe-sm-5 {
        padding-right: 1.25rem !important;
    }

    .pe-sm-6 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-7 {
        padding-right: 1.75rem !important;
    }

    .pe-sm-8 {
        padding-right: 2rem !important;
    }

    .pe-sm-9 {
        padding-right: 2.25rem !important;
    }

    .pe-sm-10 {
        padding-right: 2.5rem !important;
    }

    .pe-sm-11 {
        padding-right: 2.75rem !important;
    }

    .pe-sm-12 {
        padding-right: 3rem !important;
    }

    .pe-sm-13 {
        padding-right: 3.25rem !important;
    }

    .pe-sm-14 {
        padding-right: 3.5rem !important;
    }

    .pe-sm-15 {
        padding-right: 3.75rem !important;
    }

    .pe-sm-16 {
        padding-right: 4rem !important;
    }

    .pe-sm-17 {
        padding-right: 4.25rem !important;
    }

    .pe-sm-18 {
        padding-right: 4.5rem !important;
    }

    .pe-sm-19 {
        padding-right: 4.75rem !important;
    }

    .pe-sm-20 {
        padding-right: 5rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 0.75rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 1.25rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 1.75rem !important;
    }

    .pb-sm-8 {
        padding-bottom: 2rem !important;
    }

    .pb-sm-9 {
        padding-bottom: 2.25rem !important;
    }

    .pb-sm-10 {
        padding-bottom: 2.5rem !important;
    }

    .pb-sm-11 {
        padding-bottom: 2.75rem !important;
    }

    .pb-sm-12 {
        padding-bottom: 3rem !important;
    }

    .pb-sm-13 {
        padding-bottom: 3.25rem !important;
    }

    .pb-sm-14 {
        padding-bottom: 3.5rem !important;
    }

    .pb-sm-15 {
        padding-bottom: 3.75rem !important;
    }

    .pb-sm-16 {
        padding-bottom: 4rem !important;
    }

    .pb-sm-17 {
        padding-bottom: 4.25rem !important;
    }

    .pb-sm-18 {
        padding-bottom: 4.5rem !important;
    }

    .pb-sm-19 {
        padding-bottom: 4.75rem !important;
    }

    .pb-sm-20 {
        padding-bottom: 5rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 0.75rem !important;
    }

    .ps-sm-4 {
        padding-left: 1rem !important;
    }

    .ps-sm-5 {
        padding-left: 1.25rem !important;
    }

    .ps-sm-6 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-7 {
        padding-left: 1.75rem !important;
    }

    .ps-sm-8 {
        padding-left: 2rem !important;
    }

    .ps-sm-9 {
        padding-left: 2.25rem !important;
    }

    .ps-sm-10 {
        padding-left: 2.5rem !important;
    }

    .ps-sm-11 {
        padding-left: 2.75rem !important;
    }

    .ps-sm-12 {
        padding-left: 3rem !important;
    }

    .ps-sm-13 {
        padding-left: 3.25rem !important;
    }

    .ps-sm-14 {
        padding-left: 3.5rem !important;
    }

    .ps-sm-15 {
        padding-left: 3.75rem !important;
    }

    .ps-sm-16 {
        padding-left: 4rem !important;
    }

    .ps-sm-17 {
        padding-left: 4.25rem !important;
    }

    .ps-sm-18 {
        padding-left: 4.5rem !important;
    }

    .ps-sm-19 {
        padding-left: 4.75rem !important;
    }

    .ps-sm-20 {
        padding-left: 5rem !important;
    }

    .fs-sm-1 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-sm-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-sm-3 {
        font-size: calc(1.26rem + 0.12vw) !important;
    }

    .fs-sm-4 {
        font-size: 1.25rem !important;
    }

    .fs-sm-5 {
        font-size: 1.15rem !important;
    }

    .fs-sm-6 {
        font-size: 1.075rem !important;
    }

    .fs-sm-7 {
        font-size: 0.95rem !important;
    }

    .fs-sm-8 {
        font-size: 0.85rem !important;
    }

    .fs-sm-9 {
        font-size: 0.75rem !important;
    }

    .fs-sm-10 {
        font-size: 0.5rem !important;
    }

    .fs-sm-base {
        font-size: 1rem !important;
    }

    .fs-sm-fluid {
        font-size: 100% !important;
    }

    .fs-sm-2x {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-sm-2qx {
        font-size: calc(1.35rem + 1.2vw) !important;
    }

    .fs-sm-2hx {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-sm-2tx {
        font-size: calc(1.4rem + 1.8vw) !important;
    }

    .fs-sm-3x {
        font-size: calc(1.425rem + 2.1vw) !important;
    }

    .fs-sm-3qx {
        font-size: calc(1.45rem + 2.4vw) !important;
    }

    .fs-sm-3hx {
        font-size: calc(1.475rem + 2.7vw) !important;
    }

    .fs-sm-3tx {
        font-size: calc(1.5rem + 3vw) !important;
    }

    .fs-sm-4x {
        font-size: calc(1.525rem + 3.3vw) !important;
    }

    .fs-sm-4qx {
        font-size: calc(1.55rem + 3.6vw) !important;
    }

    .fs-sm-4hx {
        font-size: calc(1.575rem + 3.9vw) !important;
    }

    .fs-sm-4tx {
        font-size: calc(1.6rem + 4.2vw) !important;
    }

    .fs-sm-5x {
        font-size: calc(1.625rem + 4.5vw) !important;
    }

    .fs-sm-5qx {
        font-size: calc(1.65rem + 4.8vw) !important;
    }

    .fs-sm-5hx {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-sm-5tx {
        font-size: calc(1.7rem + 5.4vw) !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .min-w-sm-unset {
        min-width: unset !important;
    }

    .min-w-sm-25 {
        min-width: 25% !important;
    }

    .min-w-sm-50 {
        min-width: 50% !important;
    }

    .min-w-sm-75 {
        min-width: 75% !important;
    }

    .min-w-sm-100 {
        min-width: 100% !important;
    }

    .min-w-sm-auto {
        min-width: auto !important;
    }

    .min-w-sm-1px {
        min-width: 1px !important;
    }

    .min-w-sm-2px {
        min-width: 2px !important;
    }

    .min-w-sm-3px {
        min-width: 3px !important;
    }

    .min-w-sm-4px {
        min-width: 4px !important;
    }

    .min-w-sm-5px {
        min-width: 5px !important;
    }

    .min-w-sm-6px {
        min-width: 6px !important;
    }

    .min-w-sm-7px {
        min-width: 7px !important;
    }

    .min-w-sm-8px {
        min-width: 8px !important;
    }

    .min-w-sm-9px {
        min-width: 9px !important;
    }

    .min-w-sm-10px {
        min-width: 10px !important;
    }

    .min-w-sm-15px {
        min-width: 15px !important;
    }

    .min-w-sm-20px {
        min-width: 20px !important;
    }

    .min-w-sm-25px {
        min-width: 25px !important;
    }

    .min-w-sm-30px {
        min-width: 30px !important;
    }

    .min-w-sm-35px {
        min-width: 35px !important;
    }

    .min-w-sm-40px {
        min-width: 40px !important;
    }

    .min-w-sm-45px {
        min-width: 45px !important;
    }

    .min-w-sm-50px {
        min-width: 50px !important;
    }

    .min-w-sm-55px {
        min-width: 55px !important;
    }

    .min-w-sm-60px {
        min-width: 60px !important;
    }

    .min-w-sm-65px {
        min-width: 65px !important;
    }

    .min-w-sm-70px {
        min-width: 70px !important;
    }

    .min-w-sm-75px {
        min-width: 75px !important;
    }

    .min-w-sm-80px {
        min-width: 80px !important;
    }

    .min-w-sm-85px {
        min-width: 85px !important;
    }

    .min-w-sm-90px {
        min-width: 90px !important;
    }

    .min-w-sm-95px {
        min-width: 95px !important;
    }

    .min-w-sm-100px {
        min-width: 100px !important;
    }

    .min-w-sm-125px {
        min-width: 125px !important;
    }

    .min-w-sm-150px {
        min-width: 150px !important;
    }

    .min-w-sm-175px {
        min-width: 175px !important;
    }

    .min-w-sm-200px {
        min-width: 200px !important;
    }

    .min-w-sm-225px {
        min-width: 225px !important;
    }

    .min-w-sm-250px {
        min-width: 250px !important;
    }

    .min-w-sm-275px {
        min-width: 275px !important;
    }

    .min-w-sm-300px {
        min-width: 300px !important;
    }

    .min-w-sm-325px {
        min-width: 325px !important;
    }

    .min-w-sm-350px {
        min-width: 350px !important;
    }

    .min-w-sm-375px {
        min-width: 375px !important;
    }

    .min-w-sm-400px {
        min-width: 400px !important;
    }

    .min-w-sm-425px {
        min-width: 425px !important;
    }

    .min-w-sm-450px {
        min-width: 450px !important;
    }

    .min-w-sm-475px {
        min-width: 475px !important;
    }

    .min-w-sm-500px {
        min-width: 500px !important;
    }

    .min-w-sm-550px {
        min-width: 550px !important;
    }

    .min-w-sm-600px {
        min-width: 600px !important;
    }

    .min-w-sm-650px {
        min-width: 650px !important;
    }

    .min-w-sm-700px {
        min-width: 700px !important;
    }

    .min-w-sm-750px {
        min-width: 750px !important;
    }

    .min-w-sm-800px {
        min-width: 800px !important;
    }

    .min-w-sm-850px {
        min-width: 850px !important;
    }

    .min-w-sm-900px {
        min-width: 900px !important;
    }

    .min-w-sm-950px {
        min-width: 950px !important;
    }

    .min-w-sm-1000px {
        min-width: 1000px !important;
    }

    .min-h-sm-unset {
        min-height: unset !important;
    }

    .min-h-sm-25 {
        min-height: 25% !important;
    }

    .min-h-sm-50 {
        min-height: 50% !important;
    }

    .min-h-sm-75 {
        min-height: 75% !important;
    }

    .min-h-sm-100 {
        min-height: 100% !important;
    }

    .min-h-sm-auto {
        min-height: auto !important;
    }

    .min-h-sm-1px {
        min-height: 1px !important;
    }

    .min-h-sm-2px {
        min-height: 2px !important;
    }

    .min-h-sm-3px {
        min-height: 3px !important;
    }

    .min-h-sm-4px {
        min-height: 4px !important;
    }

    .min-h-sm-5px {
        min-height: 5px !important;
    }

    .min-h-sm-6px {
        min-height: 6px !important;
    }

    .min-h-sm-7px {
        min-height: 7px !important;
    }

    .min-h-sm-8px {
        min-height: 8px !important;
    }

    .min-h-sm-9px {
        min-height: 9px !important;
    }

    .min-h-sm-10px {
        min-height: 10px !important;
    }

    .min-h-sm-15px {
        min-height: 15px !important;
    }

    .min-h-sm-20px {
        min-height: 20px !important;
    }

    .min-h-sm-25px {
        min-height: 25px !important;
    }

    .min-h-sm-30px {
        min-height: 30px !important;
    }

    .min-h-sm-35px {
        min-height: 35px !important;
    }

    .min-h-sm-40px {
        min-height: 40px !important;
    }

    .min-h-sm-45px {
        min-height: 45px !important;
    }

    .min-h-sm-50px {
        min-height: 50px !important;
    }

    .min-h-sm-55px {
        min-height: 55px !important;
    }

    .min-h-sm-60px {
        min-height: 60px !important;
    }

    .min-h-sm-65px {
        min-height: 65px !important;
    }

    .min-h-sm-70px {
        min-height: 70px !important;
    }

    .min-h-sm-75px {
        min-height: 75px !important;
    }

    .min-h-sm-80px {
        min-height: 80px !important;
    }

    .min-h-sm-85px {
        min-height: 85px !important;
    }

    .min-h-sm-90px {
        min-height: 90px !important;
    }

    .min-h-sm-95px {
        min-height: 95px !important;
    }

    .min-h-sm-100px {
        min-height: 100px !important;
    }

    .min-h-sm-125px {
        min-height: 125px !important;
    }

    .min-h-sm-150px {
        min-height: 150px !important;
    }

    .min-h-sm-175px {
        min-height: 175px !important;
    }

    .min-h-sm-200px {
        min-height: 200px !important;
    }

    .min-h-sm-225px {
        min-height: 225px !important;
    }

    .min-h-sm-250px {
        min-height: 250px !important;
    }

    .min-h-sm-275px {
        min-height: 275px !important;
    }

    .min-h-sm-300px {
        min-height: 300px !important;
    }

    .min-h-sm-325px {
        min-height: 325px !important;
    }

    .min-h-sm-350px {
        min-height: 350px !important;
    }

    .min-h-sm-375px {
        min-height: 375px !important;
    }

    .min-h-sm-400px {
        min-height: 400px !important;
    }

    .min-h-sm-425px {
        min-height: 425px !important;
    }

    .min-h-sm-450px {
        min-height: 450px !important;
    }

    .min-h-sm-475px {
        min-height: 475px !important;
    }

    .min-h-sm-500px {
        min-height: 500px !important;
    }

    .min-h-sm-550px {
        min-height: 550px !important;
    }

    .min-h-sm-600px {
        min-height: 600px !important;
    }

    .min-h-sm-650px {
        min-height: 650px !important;
    }

    .min-h-sm-700px {
        min-height: 700px !important;
    }

    .min-h-sm-750px {
        min-height: 750px !important;
    }

    .min-h-sm-800px {
        min-height: 800px !important;
    }

    .min-h-sm-850px {
        min-height: 850px !important;
    }

    .min-h-sm-900px {
        min-height: 900px !important;
    }

    .min-h-sm-950px {
        min-height: 950px !important;
    }

    .min-h-sm-1000px {
        min-height: 1000px !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .position-md-static {
        position: static !important;
    }

    .position-md-relative {
        position: relative !important;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-fixed {
        position: fixed !important;
    }

    .position-md-sticky {
        position: sticky !important;
    }

    .w-md-unset {
        width: unset !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .w-md-1px {
        width: 1px !important;
    }

    .w-md-2px {
        width: 2px !important;
    }

    .w-md-3px {
        width: 3px !important;
    }

    .w-md-4px {
        width: 4px !important;
    }

    .w-md-5px {
        width: 5px !important;
    }

    .w-md-6px {
        width: 6px !important;
    }

    .w-md-7px {
        width: 7px !important;
    }

    .w-md-8px {
        width: 8px !important;
    }

    .w-md-9px {
        width: 9px !important;
    }

    .w-md-10px {
        width: 10px !important;
    }

    .w-md-15px {
        width: 15px !important;
    }

    .w-md-20px {
        width: 20px !important;
    }

    .w-md-25px {
        width: 25px !important;
    }

    .w-md-30px {
        width: 30px !important;
    }

    .w-md-35px {
        width: 35px !important;
    }

    .w-md-40px {
        width: 40px !important;
    }

    .w-md-45px {
        width: 45px !important;
    }

    .w-md-50px {
        width: 50px !important;
    }

    .w-md-55px {
        width: 55px !important;
    }

    .w-md-60px {
        width: 60px !important;
    }

    .w-md-65px {
        width: 65px !important;
    }

    .w-md-70px {
        width: 70px !important;
    }

    .w-md-75px {
        width: 75px !important;
    }

    .w-md-80px {
        width: 80px !important;
    }

    .w-md-85px {
        width: 85px !important;
    }

    .w-md-90px {
        width: 90px !important;
    }

    .w-md-95px {
        width: 95px !important;
    }

    .w-md-100px {
        width: 100px !important;
    }

    .w-md-125px {
        width: 125px !important;
    }

    .w-md-150px {
        width: 150px !important;
    }

    .w-md-175px {
        width: 175px !important;
    }

    .w-md-200px {
        width: 200px !important;
    }

    .w-md-225px {
        width: 225px !important;
    }

    .w-md-250px {
        width: 250px !important;
    }

    .w-md-275px {
        width: 275px !important;
    }

    .w-md-300px {
        width: 300px !important;
    }

    .w-md-325px {
        width: 325px !important;
    }

    .w-md-350px {
        width: 350px !important;
    }

    .w-md-375px {
        width: 375px !important;
    }

    .w-md-400px {
        width: 400px !important;
    }

    .w-md-425px {
        width: 425px !important;
    }

    .w-md-450px {
        width: 450px !important;
    }

    .w-md-475px {
        width: 475px !important;
    }

    .w-md-500px {
        width: 500px !important;
    }

    .w-md-550px {
        width: 550px !important;
    }

    .w-md-600px {
        width: 600px !important;
    }

    .w-md-650px {
        width: 650px !important;
    }

    .w-md-700px {
        width: 700px !important;
    }

    .w-md-750px {
        width: 750px !important;
    }

    .w-md-800px {
        width: 800px !important;
    }

    .w-md-850px {
        width: 850px !important;
    }

    .w-md-900px {
        width: 900px !important;
    }

    .w-md-950px {
        width: 950px !important;
    }

    .w-md-1000px {
        width: 1000px !important;
    }

    .mw-md-unset {
        max-width: unset !important;
    }

    .mw-md-25 {
        max-width: 25% !important;
    }

    .mw-md-50 {
        max-width: 50% !important;
    }

    .mw-md-75 {
        max-width: 75% !important;
    }

    .mw-md-100 {
        max-width: 100% !important;
    }

    .mw-md-auto {
        max-width: auto !important;
    }

    .mw-md-1px {
        max-width: 1px !important;
    }

    .mw-md-2px {
        max-width: 2px !important;
    }

    .mw-md-3px {
        max-width: 3px !important;
    }

    .mw-md-4px {
        max-width: 4px !important;
    }

    .mw-md-5px {
        max-width: 5px !important;
    }

    .mw-md-6px {
        max-width: 6px !important;
    }

    .mw-md-7px {
        max-width: 7px !important;
    }

    .mw-md-8px {
        max-width: 8px !important;
    }

    .mw-md-9px {
        max-width: 9px !important;
    }

    .mw-md-10px {
        max-width: 10px !important;
    }

    .mw-md-15px {
        max-width: 15px !important;
    }

    .mw-md-20px {
        max-width: 20px !important;
    }

    .mw-md-25px {
        max-width: 25px !important;
    }

    .mw-md-30px {
        max-width: 30px !important;
    }

    .mw-md-35px {
        max-width: 35px !important;
    }

    .mw-md-40px {
        max-width: 40px !important;
    }

    .mw-md-45px {
        max-width: 45px !important;
    }

    .mw-md-50px {
        max-width: 50px !important;
    }

    .mw-md-55px {
        max-width: 55px !important;
    }

    .mw-md-60px {
        max-width: 60px !important;
    }

    .mw-md-65px {
        max-width: 65px !important;
    }

    .mw-md-70px {
        max-width: 70px !important;
    }

    .mw-md-75px {
        max-width: 75px !important;
    }

    .mw-md-80px {
        max-width: 80px !important;
    }

    .mw-md-85px {
        max-width: 85px !important;
    }

    .mw-md-90px {
        max-width: 90px !important;
    }

    .mw-md-95px {
        max-width: 95px !important;
    }

    .mw-md-100px {
        max-width: 100px !important;
    }

    .mw-md-125px {
        max-width: 125px !important;
    }

    .mw-md-150px {
        max-width: 150px !important;
    }

    .mw-md-175px {
        max-width: 175px !important;
    }

    .mw-md-200px {
        max-width: 200px !important;
    }

    .mw-md-225px {
        max-width: 225px !important;
    }

    .mw-md-250px {
        max-width: 250px !important;
    }

    .mw-md-275px {
        max-width: 275px !important;
    }

    .mw-md-300px {
        max-width: 300px !important;
    }

    .mw-md-325px {
        max-width: 325px !important;
    }

    .mw-md-350px {
        max-width: 350px !important;
    }

    .mw-md-375px {
        max-width: 375px !important;
    }

    .mw-md-400px {
        max-width: 400px !important;
    }

    .mw-md-425px {
        max-width: 425px !important;
    }

    .mw-md-450px {
        max-width: 450px !important;
    }

    .mw-md-475px {
        max-width: 475px !important;
    }

    .mw-md-500px {
        max-width: 500px !important;
    }

    .mw-md-550px {
        max-width: 550px !important;
    }

    .mw-md-600px {
        max-width: 600px !important;
    }

    .mw-md-650px {
        max-width: 650px !important;
    }

    .mw-md-700px {
        max-width: 700px !important;
    }

    .mw-md-750px {
        max-width: 750px !important;
    }

    .mw-md-800px {
        max-width: 800px !important;
    }

    .mw-md-850px {
        max-width: 850px !important;
    }

    .mw-md-900px {
        max-width: 900px !important;
    }

    .mw-md-950px {
        max-width: 950px !important;
    }

    .mw-md-1000px {
        max-width: 1000px !important;
    }

    .h-md-unset {
        height: unset !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-auto {
        height: auto !important;
    }

    .h-md-1px {
        height: 1px !important;
    }

    .h-md-2px {
        height: 2px !important;
    }

    .h-md-3px {
        height: 3px !important;
    }

    .h-md-4px {
        height: 4px !important;
    }

    .h-md-5px {
        height: 5px !important;
    }

    .h-md-6px {
        height: 6px !important;
    }

    .h-md-7px {
        height: 7px !important;
    }

    .h-md-8px {
        height: 8px !important;
    }

    .h-md-9px {
        height: 9px !important;
    }

    .h-md-10px {
        height: 10px !important;
    }

    .h-md-15px {
        height: 15px !important;
    }

    .h-md-20px {
        height: 20px !important;
    }

    .h-md-25px {
        height: 25px !important;
    }

    .h-md-30px {
        height: 30px !important;
    }

    .h-md-35px {
        height: 35px !important;
    }

    .h-md-40px {
        height: 40px !important;
    }

    .h-md-45px {
        height: 45px !important;
    }

    .h-md-50px {
        height: 50px !important;
    }

    .h-md-55px {
        height: 55px !important;
    }

    .h-md-60px {
        height: 60px !important;
    }

    .h-md-65px {
        height: 65px !important;
    }

    .h-md-70px {
        height: 70px !important;
    }

    .h-md-75px {
        height: 75px !important;
    }

    .h-md-80px {
        height: 80px !important;
    }

    .h-md-85px {
        height: 85px !important;
    }

    .h-md-90px {
        height: 90px !important;
    }

    .h-md-95px {
        height: 95px !important;
    }

    .h-md-100px {
        height: 100px !important;
    }

    .h-md-125px {
        height: 125px !important;
    }

    .h-md-150px {
        height: 150px !important;
    }

    .h-md-175px {
        height: 175px !important;
    }

    .h-md-200px {
        height: 200px !important;
    }

    .h-md-225px {
        height: 225px !important;
    }

    .h-md-250px {
        height: 250px !important;
    }

    .h-md-275px {
        height: 275px !important;
    }

    .h-md-300px {
        height: 300px !important;
    }

    .h-md-325px {
        height: 325px !important;
    }

    .h-md-350px {
        height: 350px !important;
    }

    .h-md-375px {
        height: 375px !important;
    }

    .h-md-400px {
        height: 400px !important;
    }

    .h-md-425px {
        height: 425px !important;
    }

    .h-md-450px {
        height: 450px !important;
    }

    .h-md-475px {
        height: 475px !important;
    }

    .h-md-500px {
        height: 500px !important;
    }

    .h-md-550px {
        height: 550px !important;
    }

    .h-md-600px {
        height: 600px !important;
    }

    .h-md-650px {
        height: 650px !important;
    }

    .h-md-700px {
        height: 700px !important;
    }

    .h-md-750px {
        height: 750px !important;
    }

    .h-md-800px {
        height: 800px !important;
    }

    .h-md-850px {
        height: 850px !important;
    }

    .h-md-900px {
        height: 900px !important;
    }

    .h-md-950px {
        height: 950px !important;
    }

    .h-md-1000px {
        height: 1000px !important;
    }

    .mh-md-unset {
        max-height: unset !important;
    }

    .mh-md-25 {
        max-height: 25% !important;
    }

    .mh-md-50 {
        max-height: 50% !important;
    }

    .mh-md-75 {
        max-height: 75% !important;
    }

    .mh-md-100 {
        max-height: 100% !important;
    }

    .mh-md-auto {
        max-height: auto !important;
    }

    .mh-md-1px {
        max-height: 1px !important;
    }

    .mh-md-2px {
        max-height: 2px !important;
    }

    .mh-md-3px {
        max-height: 3px !important;
    }

    .mh-md-4px {
        max-height: 4px !important;
    }

    .mh-md-5px {
        max-height: 5px !important;
    }

    .mh-md-6px {
        max-height: 6px !important;
    }

    .mh-md-7px {
        max-height: 7px !important;
    }

    .mh-md-8px {
        max-height: 8px !important;
    }

    .mh-md-9px {
        max-height: 9px !important;
    }

    .mh-md-10px {
        max-height: 10px !important;
    }

    .mh-md-15px {
        max-height: 15px !important;
    }

    .mh-md-20px {
        max-height: 20px !important;
    }

    .mh-md-25px {
        max-height: 25px !important;
    }

    .mh-md-30px {
        max-height: 30px !important;
    }

    .mh-md-35px {
        max-height: 35px !important;
    }

    .mh-md-40px {
        max-height: 40px !important;
    }

    .mh-md-45px {
        max-height: 45px !important;
    }

    .mh-md-50px {
        max-height: 50px !important;
    }

    .mh-md-55px {
        max-height: 55px !important;
    }

    .mh-md-60px {
        max-height: 60px !important;
    }

    .mh-md-65px {
        max-height: 65px !important;
    }

    .mh-md-70px {
        max-height: 70px !important;
    }

    .mh-md-75px {
        max-height: 75px !important;
    }

    .mh-md-80px {
        max-height: 80px !important;
    }

    .mh-md-85px {
        max-height: 85px !important;
    }

    .mh-md-90px {
        max-height: 90px !important;
    }

    .mh-md-95px {
        max-height: 95px !important;
    }

    .mh-md-100px {
        max-height: 100px !important;
    }

    .mh-md-125px {
        max-height: 125px !important;
    }

    .mh-md-150px {
        max-height: 150px !important;
    }

    .mh-md-175px {
        max-height: 175px !important;
    }

    .mh-md-200px {
        max-height: 200px !important;
    }

    .mh-md-225px {
        max-height: 225px !important;
    }

    .mh-md-250px {
        max-height: 250px !important;
    }

    .mh-md-275px {
        max-height: 275px !important;
    }

    .mh-md-300px {
        max-height: 300px !important;
    }

    .mh-md-325px {
        max-height: 325px !important;
    }

    .mh-md-350px {
        max-height: 350px !important;
    }

    .mh-md-375px {
        max-height: 375px !important;
    }

    .mh-md-400px {
        max-height: 400px !important;
    }

    .mh-md-425px {
        max-height: 425px !important;
    }

    .mh-md-450px {
        max-height: 450px !important;
    }

    .mh-md-475px {
        max-height: 475px !important;
    }

    .mh-md-500px {
        max-height: 500px !important;
    }

    .mh-md-550px {
        max-height: 550px !important;
    }

    .mh-md-600px {
        max-height: 600px !important;
    }

    .mh-md-650px {
        max-height: 650px !important;
    }

    .mh-md-700px {
        max-height: 700px !important;
    }

    .mh-md-750px {
        max-height: 750px !important;
    }

    .mh-md-800px {
        max-height: 800px !important;
    }

    .mh-md-850px {
        max-height: 850px !important;
    }

    .mh-md-900px {
        max-height: 900px !important;
    }

    .mh-md-950px {
        max-height: 950px !important;
    }

    .mh-md-1000px {
        max-height: 1000px !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 0.75rem !important;
    }

    .gap-md-4 {
        gap: 1rem !important;
    }

    .gap-md-5 {
        gap: 1.25rem !important;
    }

    .gap-md-6 {
        gap: 1.5rem !important;
    }

    .gap-md-7 {
        gap: 1.75rem !important;
    }

    .gap-md-8 {
        gap: 2rem !important;
    }

    .gap-md-9 {
        gap: 2.25rem !important;
    }

    .gap-md-10 {
        gap: 2.5rem !important;
    }

    .gap-md-11 {
        gap: 2.75rem !important;
    }

    .gap-md-12 {
        gap: 3rem !important;
    }

    .gap-md-13 {
        gap: 3.25rem !important;
    }

    .gap-md-14 {
        gap: 3.5rem !important;
    }

    .gap-md-15 {
        gap: 3.75rem !important;
    }

    .gap-md-16 {
        gap: 4rem !important;
    }

    .gap-md-17 {
        gap: 4.25rem !important;
    }

    .gap-md-18 {
        gap: 4.5rem !important;
    }

    .gap-md-19 {
        gap: 4.75rem !important;
    }

    .gap-md-20 {
        gap: 5rem !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 0.75rem !important;
    }

    .m-md-4 {
        margin: 1rem !important;
    }

    .m-md-5 {
        margin: 1.25rem !important;
    }

    .m-md-6 {
        margin: 1.5rem !important;
    }

    .m-md-7 {
        margin: 1.75rem !important;
    }

    .m-md-8 {
        margin: 2rem !important;
    }

    .m-md-9 {
        margin: 2.25rem !important;
    }

    .m-md-10 {
        margin: 2.5rem !important;
    }

    .m-md-11 {
        margin: 2.75rem !important;
    }

    .m-md-12 {
        margin: 3rem !important;
    }

    .m-md-13 {
        margin: 3.25rem !important;
    }

    .m-md-14 {
        margin: 3.5rem !important;
    }

    .m-md-15 {
        margin: 3.75rem !important;
    }

    .m-md-16 {
        margin: 4rem !important;
    }

    .m-md-17 {
        margin: 4.25rem !important;
    }

    .m-md-18 {
        margin: 4.5rem !important;
    }

    .m-md-19 {
        margin: 4.75rem !important;
    }

    .m-md-20 {
        margin: 5rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .mx-md-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-5 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .mx-md-6 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-7 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important;
    }

    .mx-md-8 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-md-9 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .mx-md-10 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .mx-md-11 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important;
    }

    .mx-md-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-13 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important;
    }

    .mx-md-14 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important;
    }

    .mx-md-15 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }

    .mx-md-16 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-md-17 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important;
    }

    .mx-md-18 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }

    .mx-md-19 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important;
    }

    .mx-md-20 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .my-md-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .my-md-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }

    .my-md-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-md-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .my-md-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-md-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important;
    }

    .my-md-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important;
    }

    .my-md-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .my-md-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }

    .my-md-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-md-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important;
    }

    .my-md-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .my-md-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important;
    }

    .my-md-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 0.75rem !important;
    }

    .mt-md-4 {
        margin-top: 1rem !important;
    }

    .mt-md-5 {
        margin-top: 1.25rem !important;
    }

    .mt-md-6 {
        margin-top: 1.5rem !important;
    }

    .mt-md-7 {
        margin-top: 1.75rem !important;
    }

    .mt-md-8 {
        margin-top: 2rem !important;
    }

    .mt-md-9 {
        margin-top: 2.25rem !important;
    }

    .mt-md-10 {
        margin-top: 2.5rem !important;
    }

    .mt-md-11 {
        margin-top: 2.75rem !important;
    }

    .mt-md-12 {
        margin-top: 3rem !important;
    }

    .mt-md-13 {
        margin-top: 3.25rem !important;
    }

    .mt-md-14 {
        margin-top: 3.5rem !important;
    }

    .mt-md-15 {
        margin-top: 3.75rem !important;
    }

    .mt-md-16 {
        margin-top: 4rem !important;
    }

    .mt-md-17 {
        margin-top: 4.25rem !important;
    }

    .mt-md-18 {
        margin-top: 4.5rem !important;
    }

    .mt-md-19 {
        margin-top: 4.75rem !important;
    }

    .mt-md-20 {
        margin-top: 5rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 0.75rem !important;
    }

    .me-md-4 {
        margin-right: 1rem !important;
    }

    .me-md-5 {
        margin-right: 1.25rem !important;
    }

    .me-md-6 {
        margin-right: 1.5rem !important;
    }

    .me-md-7 {
        margin-right: 1.75rem !important;
    }

    .me-md-8 {
        margin-right: 2rem !important;
    }

    .me-md-9 {
        margin-right: 2.25rem !important;
    }

    .me-md-10 {
        margin-right: 2.5rem !important;
    }

    .me-md-11 {
        margin-right: 2.75rem !important;
    }

    .me-md-12 {
        margin-right: 3rem !important;
    }

    .me-md-13 {
        margin-right: 3.25rem !important;
    }

    .me-md-14 {
        margin-right: 3.5rem !important;
    }

    .me-md-15 {
        margin-right: 3.75rem !important;
    }

    .me-md-16 {
        margin-right: 4rem !important;
    }

    .me-md-17 {
        margin-right: 4.25rem !important;
    }

    .me-md-18 {
        margin-right: 4.5rem !important;
    }

    .me-md-19 {
        margin-right: 4.75rem !important;
    }

    .me-md-20 {
        margin-right: 5rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 0.75rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1rem !important;
    }

    .mb-md-5 {
        margin-bottom: 1.25rem !important;
    }

    .mb-md-6 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-7 {
        margin-bottom: 1.75rem !important;
    }

    .mb-md-8 {
        margin-bottom: 2rem !important;
    }

    .mb-md-9 {
        margin-bottom: 2.25rem !important;
    }

    .mb-md-10 {
        margin-bottom: 2.5rem !important;
    }

    .mb-md-11 {
        margin-bottom: 2.75rem !important;
    }

    .mb-md-12 {
        margin-bottom: 3rem !important;
    }

    .mb-md-13 {
        margin-bottom: 3.25rem !important;
    }

    .mb-md-14 {
        margin-bottom: 3.5rem !important;
    }

    .mb-md-15 {
        margin-bottom: 3.75rem !important;
    }

    .mb-md-16 {
        margin-bottom: 4rem !important;
    }

    .mb-md-17 {
        margin-bottom: 4.25rem !important;
    }

    .mb-md-18 {
        margin-bottom: 4.5rem !important;
    }

    .mb-md-19 {
        margin-bottom: 4.75rem !important;
    }

    .mb-md-20 {
        margin-bottom: 5rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 0.75rem !important;
    }

    .ms-md-4 {
        margin-left: 1rem !important;
    }

    .ms-md-5 {
        margin-left: 1.25rem !important;
    }

    .ms-md-6 {
        margin-left: 1.5rem !important;
    }

    .ms-md-7 {
        margin-left: 1.75rem !important;
    }

    .ms-md-8 {
        margin-left: 2rem !important;
    }

    .ms-md-9 {
        margin-left: 2.25rem !important;
    }

    .ms-md-10 {
        margin-left: 2.5rem !important;
    }

    .ms-md-11 {
        margin-left: 2.75rem !important;
    }

    .ms-md-12 {
        margin-left: 3rem !important;
    }

    .ms-md-13 {
        margin-left: 3.25rem !important;
    }

    .ms-md-14 {
        margin-left: 3.5rem !important;
    }

    .ms-md-15 {
        margin-left: 3.75rem !important;
    }

    .ms-md-16 {
        margin-left: 4rem !important;
    }

    .ms-md-17 {
        margin-left: 4.25rem !important;
    }

    .ms-md-18 {
        margin-left: 4.5rem !important;
    }

    .ms-md-19 {
        margin-left: 4.75rem !important;
    }

    .ms-md-20 {
        margin-left: 5rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -0.75rem !important;
    }

    .m-md-n4 {
        margin: -1rem !important;
    }

    .m-md-n5 {
        margin: -1.25rem !important;
    }

    .m-md-n6 {
        margin: -1.5rem !important;
    }

    .m-md-n7 {
        margin: -1.75rem !important;
    }

    .m-md-n8 {
        margin: -2rem !important;
    }

    .m-md-n9 {
        margin: -2.25rem !important;
    }

    .m-md-n10 {
        margin: -2.5rem !important;
    }

    .m-md-n11 {
        margin: -2.75rem !important;
    }

    .m-md-n12 {
        margin: -3rem !important;
    }

    .m-md-n13 {
        margin: -3.25rem !important;
    }

    .m-md-n14 {
        margin: -3.5rem !important;
    }

    .m-md-n15 {
        margin: -3.75rem !important;
    }

    .m-md-n16 {
        margin: -4rem !important;
    }

    .m-md-n17 {
        margin: -4.25rem !important;
    }

    .m-md-n18 {
        margin: -4.5rem !important;
    }

    .m-md-n19 {
        margin: -4.75rem !important;
    }

    .m-md-n20 {
        margin: -5rem !important;
    }

    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-md-n3 {
        margin-right: -0.75rem !important;
        margin-left: -0.75rem !important;
    }

    .mx-md-n4 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-md-n5 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important;
    }

    .mx-md-n6 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-md-n7 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important;
    }

    .mx-md-n8 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .mx-md-n9 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important;
    }

    .mx-md-n10 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important;
    }

    .mx-md-n11 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important;
    }

    .mx-md-n12 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-md-n13 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important;
    }

    .mx-md-n14 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important;
    }

    .mx-md-n15 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important;
    }

    .mx-md-n16 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-md-n17 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important;
    }

    .mx-md-n18 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important;
    }

    .mx-md-n19 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important;
    }

    .mx-md-n20 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-md-n3 {
        margin-top: -0.75rem !important;
        margin-bottom: -0.75rem !important;
    }

    .my-md-n4 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-md-n5 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important;
    }

    .my-md-n6 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-md-n7 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important;
    }

    .my-md-n8 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .my-md-n9 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important;
    }

    .my-md-n10 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .my-md-n11 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important;
    }

    .my-md-n12 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-md-n13 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important;
    }

    .my-md-n14 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .my-md-n15 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important;
    }

    .my-md-n16 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-md-n17 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important;
    }

    .my-md-n18 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .my-md-n19 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important;
    }

    .my-md-n20 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-md-n3 {
        margin-top: -0.75rem !important;
    }

    .mt-md-n4 {
        margin-top: -1rem !important;
    }

    .mt-md-n5 {
        margin-top: -1.25rem !important;
    }

    .mt-md-n6 {
        margin-top: -1.5rem !important;
    }

    .mt-md-n7 {
        margin-top: -1.75rem !important;
    }

    .mt-md-n8 {
        margin-top: -2rem !important;
    }

    .mt-md-n9 {
        margin-top: -2.25rem !important;
    }

    .mt-md-n10 {
        margin-top: -2.5rem !important;
    }

    .mt-md-n11 {
        margin-top: -2.75rem !important;
    }

    .mt-md-n12 {
        margin-top: -3rem !important;
    }

    .mt-md-n13 {
        margin-top: -3.25rem !important;
    }

    .mt-md-n14 {
        margin-top: -3.5rem !important;
    }

    .mt-md-n15 {
        margin-top: -3.75rem !important;
    }

    .mt-md-n16 {
        margin-top: -4rem !important;
    }

    .mt-md-n17 {
        margin-top: -4.25rem !important;
    }

    .mt-md-n18 {
        margin-top: -4.5rem !important;
    }

    .mt-md-n19 {
        margin-top: -4.75rem !important;
    }

    .mt-md-n20 {
        margin-top: -5rem !important;
    }

    .me-md-n1 {
        margin-right: -0.25rem !important;
    }

    .me-md-n2 {
        margin-right: -0.5rem !important;
    }

    .me-md-n3 {
        margin-right: -0.75rem !important;
    }

    .me-md-n4 {
        margin-right: -1rem !important;
    }

    .me-md-n5 {
        margin-right: -1.25rem !important;
    }

    .me-md-n6 {
        margin-right: -1.5rem !important;
    }

    .me-md-n7 {
        margin-right: -1.75rem !important;
    }

    .me-md-n8 {
        margin-right: -2rem !important;
    }

    .me-md-n9 {
        margin-right: -2.25rem !important;
    }

    .me-md-n10 {
        margin-right: -2.5rem !important;
    }

    .me-md-n11 {
        margin-right: -2.75rem !important;
    }

    .me-md-n12 {
        margin-right: -3rem !important;
    }

    .me-md-n13 {
        margin-right: -3.25rem !important;
    }

    .me-md-n14 {
        margin-right: -3.5rem !important;
    }

    .me-md-n15 {
        margin-right: -3.75rem !important;
    }

    .me-md-n16 {
        margin-right: -4rem !important;
    }

    .me-md-n17 {
        margin-right: -4.25rem !important;
    }

    .me-md-n18 {
        margin-right: -4.5rem !important;
    }

    .me-md-n19 {
        margin-right: -4.75rem !important;
    }

    .me-md-n20 {
        margin-right: -5rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -0.75rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -1.25rem !important;
    }

    .mb-md-n6 {
        margin-bottom: -1.5rem !important;
    }

    .mb-md-n7 {
        margin-bottom: -1.75rem !important;
    }

    .mb-md-n8 {
        margin-bottom: -2rem !important;
    }

    .mb-md-n9 {
        margin-bottom: -2.25rem !important;
    }

    .mb-md-n10 {
        margin-bottom: -2.5rem !important;
    }

    .mb-md-n11 {
        margin-bottom: -2.75rem !important;
    }

    .mb-md-n12 {
        margin-bottom: -3rem !important;
    }

    .mb-md-n13 {
        margin-bottom: -3.25rem !important;
    }

    .mb-md-n14 {
        margin-bottom: -3.5rem !important;
    }

    .mb-md-n15 {
        margin-bottom: -3.75rem !important;
    }

    .mb-md-n16 {
        margin-bottom: -4rem !important;
    }

    .mb-md-n17 {
        margin-bottom: -4.25rem !important;
    }

    .mb-md-n18 {
        margin-bottom: -4.5rem !important;
    }

    .mb-md-n19 {
        margin-bottom: -4.75rem !important;
    }

    .mb-md-n20 {
        margin-bottom: -5rem !important;
    }

    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-md-n3 {
        margin-left: -0.75rem !important;
    }

    .ms-md-n4 {
        margin-left: -1rem !important;
    }

    .ms-md-n5 {
        margin-left: -1.25rem !important;
    }

    .ms-md-n6 {
        margin-left: -1.5rem !important;
    }

    .ms-md-n7 {
        margin-left: -1.75rem !important;
    }

    .ms-md-n8 {
        margin-left: -2rem !important;
    }

    .ms-md-n9 {
        margin-left: -2.25rem !important;
    }

    .ms-md-n10 {
        margin-left: -2.5rem !important;
    }

    .ms-md-n11 {
        margin-left: -2.75rem !important;
    }

    .ms-md-n12 {
        margin-left: -3rem !important;
    }

    .ms-md-n13 {
        margin-left: -3.25rem !important;
    }

    .ms-md-n14 {
        margin-left: -3.5rem !important;
    }

    .ms-md-n15 {
        margin-left: -3.75rem !important;
    }

    .ms-md-n16 {
        margin-left: -4rem !important;
    }

    .ms-md-n17 {
        margin-left: -4.25rem !important;
    }

    .ms-md-n18 {
        margin-left: -4.5rem !important;
    }

    .ms-md-n19 {
        margin-left: -4.75rem !important;
    }

    .ms-md-n20 {
        margin-left: -5rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 0.75rem !important;
    }

    .p-md-4 {
        padding: 1rem !important;
    }

    .p-md-5 {
        padding: 1.25rem !important;
    }

    .p-md-6 {
        padding: 1.5rem !important;
    }

    .p-md-7 {
        padding: 1.75rem !important;
    }

    .p-md-8 {
        padding: 2rem !important;
    }

    .p-md-9 {
        padding: 2.25rem !important;
    }

    .p-md-10 {
        padding: 2.5rem !important;
    }

    .p-md-11 {
        padding: 2.75rem !important;
    }

    .p-md-12 {
        padding: 3rem !important;
    }

    .p-md-13 {
        padding: 3.25rem !important;
    }

    .p-md-14 {
        padding: 3.5rem !important;
    }

    .p-md-15 {
        padding: 3.75rem !important;
    }

    .p-md-16 {
        padding: 4rem !important;
    }

    .p-md-17 {
        padding: 4.25rem !important;
    }

    .p-md-18 {
        padding: 4.5rem !important;
    }

    .p-md-19 {
        padding: 4.75rem !important;
    }

    .p-md-20 {
        padding: 5rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .px-md-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .px-md-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .px-md-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-md-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .px-md-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .px-md-11 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important;
    }

    .px-md-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-md-13 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important;
    }

    .px-md-14 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .px-md-15 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .px-md-16 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-md-17 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important;
    }

    .px-md-18 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .px-md-19 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important;
    }

    .px-md-20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-md-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .py-md-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .py-md-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-md-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .py-md-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-md-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    .py-md-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-md-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .py-md-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .py-md-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-md-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-md-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important;
    }

    .py-md-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .py-md-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important;
    }

    .py-md-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 0.75rem !important;
    }

    .pt-md-4 {
        padding-top: 1rem !important;
    }

    .pt-md-5 {
        padding-top: 1.25rem !important;
    }

    .pt-md-6 {
        padding-top: 1.5rem !important;
    }

    .pt-md-7 {
        padding-top: 1.75rem !important;
    }

    .pt-md-8 {
        padding-top: 2rem !important;
    }

    .pt-md-9 {
        padding-top: 2.25rem !important;
    }

    .pt-md-10 {
        padding-top: 2.5rem !important;
    }

    .pt-md-11 {
        padding-top: 2.75rem !important;
    }

    .pt-md-12 {
        padding-top: 3rem !important;
    }

    .pt-md-13 {
        padding-top: 3.25rem !important;
    }

    .pt-md-14 {
        padding-top: 3.5rem !important;
    }

    .pt-md-15 {
        padding-top: 3.75rem !important;
    }

    .pt-md-16 {
        padding-top: 4rem !important;
    }

    .pt-md-17 {
        padding-top: 4.25rem !important;
    }

    .pt-md-18 {
        padding-top: 4.5rem !important;
    }

    .pt-md-19 {
        padding-top: 4.75rem !important;
    }

    .pt-md-20 {
        padding-top: 5rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 0.75rem !important;
    }

    .pe-md-4 {
        padding-right: 1rem !important;
    }

    .pe-md-5 {
        padding-right: 1.25rem !important;
    }

    .pe-md-6 {
        padding-right: 1.5rem !important;
    }

    .pe-md-7 {
        padding-right: 1.75rem !important;
    }

    .pe-md-8 {
        padding-right: 2rem !important;
    }

    .pe-md-9 {
        padding-right: 2.25rem !important;
    }

    .pe-md-10 {
        padding-right: 2.5rem !important;
    }

    .pe-md-11 {
        padding-right: 2.75rem !important;
    }

    .pe-md-12 {
        padding-right: 3rem !important;
    }

    .pe-md-13 {
        padding-right: 3.25rem !important;
    }

    .pe-md-14 {
        padding-right: 3.5rem !important;
    }

    .pe-md-15 {
        padding-right: 3.75rem !important;
    }

    .pe-md-16 {
        padding-right: 4rem !important;
    }

    .pe-md-17 {
        padding-right: 4.25rem !important;
    }

    .pe-md-18 {
        padding-right: 4.5rem !important;
    }

    .pe-md-19 {
        padding-right: 4.75rem !important;
    }

    .pe-md-20 {
        padding-right: 5rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 0.75rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1rem !important;
    }

    .pb-md-5 {
        padding-bottom: 1.25rem !important;
    }

    .pb-md-6 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-7 {
        padding-bottom: 1.75rem !important;
    }

    .pb-md-8 {
        padding-bottom: 2rem !important;
    }

    .pb-md-9 {
        padding-bottom: 2.25rem !important;
    }

    .pb-md-10 {
        padding-bottom: 2.5rem !important;
    }

    .pb-md-11 {
        padding-bottom: 2.75rem !important;
    }

    .pb-md-12 {
        padding-bottom: 3rem !important;
    }

    .pb-md-13 {
        padding-bottom: 3.25rem !important;
    }

    .pb-md-14 {
        padding-bottom: 3.5rem !important;
    }

    .pb-md-15 {
        padding-bottom: 3.75rem !important;
    }

    .pb-md-16 {
        padding-bottom: 4rem !important;
    }

    .pb-md-17 {
        padding-bottom: 4.25rem !important;
    }

    .pb-md-18 {
        padding-bottom: 4.5rem !important;
    }

    .pb-md-19 {
        padding-bottom: 4.75rem !important;
    }

    .pb-md-20 {
        padding-bottom: 5rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 0.75rem !important;
    }

    .ps-md-4 {
        padding-left: 1rem !important;
    }

    .ps-md-5 {
        padding-left: 1.25rem !important;
    }

    .ps-md-6 {
        padding-left: 1.5rem !important;
    }

    .ps-md-7 {
        padding-left: 1.75rem !important;
    }

    .ps-md-8 {
        padding-left: 2rem !important;
    }

    .ps-md-9 {
        padding-left: 2.25rem !important;
    }

    .ps-md-10 {
        padding-left: 2.5rem !important;
    }

    .ps-md-11 {
        padding-left: 2.75rem !important;
    }

    .ps-md-12 {
        padding-left: 3rem !important;
    }

    .ps-md-13 {
        padding-left: 3.25rem !important;
    }

    .ps-md-14 {
        padding-left: 3.5rem !important;
    }

    .ps-md-15 {
        padding-left: 3.75rem !important;
    }

    .ps-md-16 {
        padding-left: 4rem !important;
    }

    .ps-md-17 {
        padding-left: 4.25rem !important;
    }

    .ps-md-18 {
        padding-left: 4.5rem !important;
    }

    .ps-md-19 {
        padding-left: 4.75rem !important;
    }

    .ps-md-20 {
        padding-left: 5rem !important;
    }

    .fs-md-1 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-md-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-md-3 {
        font-size: calc(1.26rem + 0.12vw) !important;
    }

    .fs-md-4 {
        font-size: 1.25rem !important;
    }

    .fs-md-5 {
        font-size: 1.15rem !important;
    }

    .fs-md-6 {
        font-size: 1.075rem !important;
    }

    .fs-md-7 {
        font-size: 0.95rem !important;
    }

    .fs-md-8 {
        font-size: 0.85rem !important;
    }

    .fs-md-9 {
        font-size: 0.75rem !important;
    }

    .fs-md-10 {
        font-size: 0.5rem !important;
    }

    .fs-md-base {
        font-size: 1rem !important;
    }

    .fs-md-fluid {
        font-size: 100% !important;
    }

    .fs-md-2x {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-md-2qx {
        font-size: calc(1.35rem + 1.2vw) !important;
    }

    .fs-md-2hx {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-md-2tx {
        font-size: calc(1.4rem + 1.8vw) !important;
    }

    .fs-md-3x {
        font-size: calc(1.425rem + 2.1vw) !important;
    }

    .fs-md-3qx {
        font-size: calc(1.45rem + 2.4vw) !important;
    }

    .fs-md-3hx {
        font-size: calc(1.475rem + 2.7vw) !important;
    }

    .fs-md-3tx {
        font-size: calc(1.5rem + 3vw) !important;
    }

    .fs-md-4x {
        font-size: calc(1.525rem + 3.3vw) !important;
    }

    .fs-md-4qx {
        font-size: calc(1.55rem + 3.6vw) !important;
    }

    .fs-md-4hx {
        font-size: calc(1.575rem + 3.9vw) !important;
    }

    .fs-md-4tx {
        font-size: calc(1.6rem + 4.2vw) !important;
    }

    .fs-md-5x {
        font-size: calc(1.625rem + 4.5vw) !important;
    }

    .fs-md-5qx {
        font-size: calc(1.65rem + 4.8vw) !important;
    }

    .fs-md-5hx {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-md-5tx {
        font-size: calc(1.7rem + 5.4vw) !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .min-w-md-unset {
        min-width: unset !important;
    }

    .min-w-md-25 {
        min-width: 25% !important;
    }

    .min-w-md-50 {
        min-width: 50% !important;
    }

    .min-w-md-75 {
        min-width: 75% !important;
    }

    .min-w-md-100 {
        min-width: 100% !important;
    }

    .min-w-md-auto {
        min-width: auto !important;
    }

    .min-w-md-1px {
        min-width: 1px !important;
    }

    .min-w-md-2px {
        min-width: 2px !important;
    }

    .min-w-md-3px {
        min-width: 3px !important;
    }

    .min-w-md-4px {
        min-width: 4px !important;
    }

    .min-w-md-5px {
        min-width: 5px !important;
    }

    .min-w-md-6px {
        min-width: 6px !important;
    }

    .min-w-md-7px {
        min-width: 7px !important;
    }

    .min-w-md-8px {
        min-width: 8px !important;
    }

    .min-w-md-9px {
        min-width: 9px !important;
    }

    .min-w-md-10px {
        min-width: 10px !important;
    }

    .min-w-md-15px {
        min-width: 15px !important;
    }

    .min-w-md-20px {
        min-width: 20px !important;
    }

    .min-w-md-25px {
        min-width: 25px !important;
    }

    .min-w-md-30px {
        min-width: 30px !important;
    }

    .min-w-md-35px {
        min-width: 35px !important;
    }

    .min-w-md-40px {
        min-width: 40px !important;
    }

    .min-w-md-45px {
        min-width: 45px !important;
    }

    .min-w-md-50px {
        min-width: 50px !important;
    }

    .min-w-md-55px {
        min-width: 55px !important;
    }

    .min-w-md-60px {
        min-width: 60px !important;
    }

    .min-w-md-65px {
        min-width: 65px !important;
    }

    .min-w-md-70px {
        min-width: 70px !important;
    }

    .min-w-md-75px {
        min-width: 75px !important;
    }

    .min-w-md-80px {
        min-width: 80px !important;
    }

    .min-w-md-85px {
        min-width: 85px !important;
    }

    .min-w-md-90px {
        min-width: 90px !important;
    }

    .min-w-md-95px {
        min-width: 95px !important;
    }

    .min-w-md-100px {
        min-width: 100px !important;
    }

    .min-w-md-125px {
        min-width: 125px !important;
    }

    .min-w-md-150px {
        min-width: 150px !important;
    }

    .min-w-md-175px {
        min-width: 175px !important;
    }

    .min-w-md-200px {
        min-width: 200px !important;
    }

    .min-w-md-225px {
        min-width: 225px !important;
    }

    .min-w-md-250px {
        min-width: 250px !important;
    }

    .min-w-md-275px {
        min-width: 275px !important;
    }

    .min-w-md-300px {
        min-width: 300px !important;
    }

    .min-w-md-325px {
        min-width: 325px !important;
    }

    .min-w-md-350px {
        min-width: 350px !important;
    }

    .min-w-md-375px {
        min-width: 375px !important;
    }

    .min-w-md-400px {
        min-width: 400px !important;
    }

    .min-w-md-425px {
        min-width: 425px !important;
    }

    .min-w-md-450px {
        min-width: 450px !important;
    }

    .min-w-md-475px {
        min-width: 475px !important;
    }

    .min-w-md-500px {
        min-width: 500px !important;
    }

    .min-w-md-550px {
        min-width: 550px !important;
    }

    .min-w-md-600px {
        min-width: 600px !important;
    }

    .min-w-md-650px {
        min-width: 650px !important;
    }

    .min-w-md-700px {
        min-width: 700px !important;
    }

    .min-w-md-750px {
        min-width: 750px !important;
    }

    .min-w-md-800px {
        min-width: 800px !important;
    }

    .min-w-md-850px {
        min-width: 850px !important;
    }

    .min-w-md-900px {
        min-width: 900px !important;
    }

    .min-w-md-950px {
        min-width: 950px !important;
    }

    .min-w-md-1000px {
        min-width: 1000px !important;
    }

    .min-h-md-unset {
        min-height: unset !important;
    }

    .min-h-md-25 {
        min-height: 25% !important;
    }

    .min-h-md-50 {
        min-height: 50% !important;
    }

    .min-h-md-75 {
        min-height: 75% !important;
    }

    .min-h-md-100 {
        min-height: 100% !important;
    }

    .min-h-md-auto {
        min-height: auto !important;
    }

    .min-h-md-1px {
        min-height: 1px !important;
    }

    .min-h-md-2px {
        min-height: 2px !important;
    }

    .min-h-md-3px {
        min-height: 3px !important;
    }

    .min-h-md-4px {
        min-height: 4px !important;
    }

    .min-h-md-5px {
        min-height: 5px !important;
    }

    .min-h-md-6px {
        min-height: 6px !important;
    }

    .min-h-md-7px {
        min-height: 7px !important;
    }

    .min-h-md-8px {
        min-height: 8px !important;
    }

    .min-h-md-9px {
        min-height: 9px !important;
    }

    .min-h-md-10px {
        min-height: 10px !important;
    }

    .min-h-md-15px {
        min-height: 15px !important;
    }

    .min-h-md-20px {
        min-height: 20px !important;
    }

    .min-h-md-25px {
        min-height: 25px !important;
    }

    .min-h-md-30px {
        min-height: 30px !important;
    }

    .min-h-md-35px {
        min-height: 35px !important;
    }

    .min-h-md-40px {
        min-height: 40px !important;
    }

    .min-h-md-45px {
        min-height: 45px !important;
    }

    .min-h-md-50px {
        min-height: 50px !important;
    }

    .min-h-md-55px {
        min-height: 55px !important;
    }

    .min-h-md-60px {
        min-height: 60px !important;
    }

    .min-h-md-65px {
        min-height: 65px !important;
    }

    .min-h-md-70px {
        min-height: 70px !important;
    }

    .min-h-md-75px {
        min-height: 75px !important;
    }

    .min-h-md-80px {
        min-height: 80px !important;
    }

    .min-h-md-85px {
        min-height: 85px !important;
    }

    .min-h-md-90px {
        min-height: 90px !important;
    }

    .min-h-md-95px {
        min-height: 95px !important;
    }

    .min-h-md-100px {
        min-height: 100px !important;
    }

    .min-h-md-125px {
        min-height: 125px !important;
    }

    .min-h-md-150px {
        min-height: 150px !important;
    }

    .min-h-md-175px {
        min-height: 175px !important;
    }

    .min-h-md-200px {
        min-height: 200px !important;
    }

    .min-h-md-225px {
        min-height: 225px !important;
    }

    .min-h-md-250px {
        min-height: 250px !important;
    }

    .min-h-md-275px {
        min-height: 275px !important;
    }

    .min-h-md-300px {
        min-height: 300px !important;
    }

    .min-h-md-325px {
        min-height: 325px !important;
    }

    .min-h-md-350px {
        min-height: 350px !important;
    }

    .min-h-md-375px {
        min-height: 375px !important;
    }

    .min-h-md-400px {
        min-height: 400px !important;
    }

    .min-h-md-425px {
        min-height: 425px !important;
    }

    .min-h-md-450px {
        min-height: 450px !important;
    }

    .min-h-md-475px {
        min-height: 475px !important;
    }

    .min-h-md-500px {
        min-height: 500px !important;
    }

    .min-h-md-550px {
        min-height: 550px !important;
    }

    .min-h-md-600px {
        min-height: 600px !important;
    }

    .min-h-md-650px {
        min-height: 650px !important;
    }

    .min-h-md-700px {
        min-height: 700px !important;
    }

    .min-h-md-750px {
        min-height: 750px !important;
    }

    .min-h-md-800px {
        min-height: 800px !important;
    }

    .min-h-md-850px {
        min-height: 850px !important;
    }

    .min-h-md-900px {
        min-height: 900px !important;
    }

    .min-h-md-950px {
        min-height: 950px !important;
    }

    .min-h-md-1000px {
        min-height: 1000px !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .position-lg-static {
        position: static !important;
    }

    .position-lg-relative {
        position: relative !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-fixed {
        position: fixed !important;
    }

    .position-lg-sticky {
        position: sticky !important;
    }

    .w-lg-unset {
        width: unset !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-1px {
        width: 1px !important;
    }

    .w-lg-2px {
        width: 2px !important;
    }

    .w-lg-3px {
        width: 3px !important;
    }

    .w-lg-4px {
        width: 4px !important;
    }

    .w-lg-5px {
        width: 5px !important;
    }

    .w-lg-6px {
        width: 6px !important;
    }

    .w-lg-7px {
        width: 7px !important;
    }

    .w-lg-8px {
        width: 8px !important;
    }

    .w-lg-9px {
        width: 9px !important;
    }

    .w-lg-10px {
        width: 10px !important;
    }

    .w-lg-15px {
        width: 15px !important;
    }

    .w-lg-20px {
        width: 20px !important;
    }

    .w-lg-25px {
        width: 25px !important;
    }

    .w-lg-30px {
        width: 30px !important;
    }

    .w-lg-35px {
        width: 35px !important;
    }

    .w-lg-40px {
        width: 40px !important;
    }

    .w-lg-45px {
        width: 45px !important;
    }

    .w-lg-50px {
        width: 50px !important;
    }

    .w-lg-55px {
        width: 55px !important;
    }

    .w-lg-60px {
        width: 60px !important;
    }

    .w-lg-65px {
        width: 65px !important;
    }

    .w-lg-70px {
        width: 70px !important;
    }

    .w-lg-75px {
        width: 75px !important;
    }

    .w-lg-80px {
        width: 80px !important;
    }

    .w-lg-85px {
        width: 85px !important;
    }

    .w-lg-90px {
        width: 90px !important;
    }

    .w-lg-95px {
        width: 95px !important;
    }

    .w-lg-100px {
        width: 100px !important;
    }

    .w-lg-125px {
        width: 125px !important;
    }

    .w-lg-150px {
        width: 150px !important;
    }

    .w-lg-175px {
        width: 175px !important;
    }

    .w-lg-200px {
        width: 200px !important;
    }

    .w-lg-225px {
        width: 225px !important;
    }

    .w-lg-250px {
        width: 250px !important;
    }

    .w-lg-275px {
        width: 275px !important;
    }

    .w-lg-300px {
        width: 300px !important;
    }

    .w-lg-325px {
        width: 325px !important;
    }

    .w-lg-350px {
        width: 350px !important;
    }

    .w-lg-375px {
        width: 375px !important;
    }

    .w-lg-400px {
        width: 400px !important;
    }

    .w-lg-425px {
        width: 425px !important;
    }

    .w-lg-450px {
        width: 450px !important;
    }

    .w-lg-475px {
        width: 475px !important;
    }

    .w-lg-500px {
        width: 500px !important;
    }

    .w-lg-550px {
        width: 550px !important;
    }

    .w-lg-600px {
        width: 600px !important;
    }

    .w-lg-650px {
        width: 650px !important;
    }

    .w-lg-700px {
        width: 700px !important;
    }

    .w-lg-750px {
        width: 750px !important;
    }

    .w-lg-800px {
        width: 800px !important;
    }

    .w-lg-850px {
        width: 850px !important;
    }

    .w-lg-900px {
        width: 900px !important;
    }

    .w-lg-950px {
        width: 950px !important;
    }

    .w-lg-1000px {
        width: 1000px !important;
    }

    .mw-lg-unset {
        max-width: unset !important;
    }

    .mw-lg-25 {
        max-width: 25% !important;
    }

    .mw-lg-50 {
        max-width: 50% !important;
    }

    .mw-lg-75 {
        max-width: 75% !important;
    }

    .mw-lg-100 {
        max-width: 100% !important;
    }

    .mw-lg-auto {
        max-width: auto !important;
    }

    .mw-lg-1px {
        max-width: 1px !important;
    }

    .mw-lg-2px {
        max-width: 2px !important;
    }

    .mw-lg-3px {
        max-width: 3px !important;
    }

    .mw-lg-4px {
        max-width: 4px !important;
    }

    .mw-lg-5px {
        max-width: 5px !important;
    }

    .mw-lg-6px {
        max-width: 6px !important;
    }

    .mw-lg-7px {
        max-width: 7px !important;
    }

    .mw-lg-8px {
        max-width: 8px !important;
    }

    .mw-lg-9px {
        max-width: 9px !important;
    }

    .mw-lg-10px {
        max-width: 10px !important;
    }

    .mw-lg-15px {
        max-width: 15px !important;
    }

    .mw-lg-20px {
        max-width: 20px !important;
    }

    .mw-lg-25px {
        max-width: 25px !important;
    }

    .mw-lg-30px {
        max-width: 30px !important;
    }

    .mw-lg-35px {
        max-width: 35px !important;
    }

    .mw-lg-40px {
        max-width: 40px !important;
    }

    .mw-lg-45px {
        max-width: 45px !important;
    }

    .mw-lg-50px {
        max-width: 50px !important;
    }

    .mw-lg-55px {
        max-width: 55px !important;
    }

    .mw-lg-60px {
        max-width: 60px !important;
    }

    .mw-lg-65px {
        max-width: 65px !important;
    }

    .mw-lg-70px {
        max-width: 70px !important;
    }

    .mw-lg-75px {
        max-width: 75px !important;
    }

    .mw-lg-80px {
        max-width: 80px !important;
    }

    .mw-lg-85px {
        max-width: 85px !important;
    }

    .mw-lg-90px {
        max-width: 90px !important;
    }

    .mw-lg-95px {
        max-width: 95px !important;
    }

    .mw-lg-100px {
        max-width: 100px !important;
    }

    .mw-lg-125px {
        max-width: 125px !important;
    }

    .mw-lg-150px {
        max-width: 150px !important;
    }

    .mw-lg-175px {
        max-width: 175px !important;
    }

    .mw-lg-200px {
        max-width: 200px !important;
    }

    .mw-lg-225px {
        max-width: 225px !important;
    }

    .mw-lg-250px {
        max-width: 250px !important;
    }

    .mw-lg-275px {
        max-width: 275px !important;
    }

    .mw-lg-300px {
        max-width: 300px !important;
    }

    .mw-lg-325px {
        max-width: 325px !important;
    }

    .mw-lg-350px {
        max-width: 350px !important;
    }

    .mw-lg-375px {
        max-width: 375px !important;
    }

    .mw-lg-400px {
        max-width: 400px !important;
    }

    .mw-lg-425px {
        max-width: 425px !important;
    }

    .mw-lg-450px {
        max-width: 450px !important;
    }

    .mw-lg-475px {
        max-width: 475px !important;
    }

    .mw-lg-500px {
        max-width: 500px !important;
    }

    .mw-lg-550px {
        max-width: 550px !important;
    }

    .mw-lg-600px {
        max-width: 600px !important;
    }

    .mw-lg-650px {
        max-width: 650px !important;
    }

    .mw-lg-700px {
        max-width: 700px !important;
    }

    .mw-lg-750px {
        max-width: 750px !important;
    }

    .mw-lg-800px {
        max-width: 800px !important;
    }

    .mw-lg-850px {
        max-width: 850px !important;
    }

    .mw-lg-900px {
        max-width: 900px !important;
    }

    .mw-lg-950px {
        max-width: 950px !important;
    }

    .mw-lg-1000px {
        max-width: 1000px !important;
    }

    .h-lg-unset {
        height: unset !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .h-lg-1px {
        height: 1px !important;
    }

    .h-lg-2px {
        height: 2px !important;
    }

    .h-lg-3px {
        height: 3px !important;
    }

    .h-lg-4px {
        height: 4px !important;
    }

    .h-lg-5px {
        height: 5px !important;
    }

    .h-lg-6px {
        height: 6px !important;
    }

    .h-lg-7px {
        height: 7px !important;
    }

    .h-lg-8px {
        height: 8px !important;
    }

    .h-lg-9px {
        height: 9px !important;
    }

    .h-lg-10px {
        height: 10px !important;
    }

    .h-lg-15px {
        height: 15px !important;
    }

    .h-lg-20px {
        height: 20px !important;
    }

    .h-lg-25px {
        height: 25px !important;
    }

    .h-lg-30px {
        height: 30px !important;
    }

    .h-lg-35px {
        height: 35px !important;
    }

    .h-lg-40px {
        height: 40px !important;
    }

    .h-lg-45px {
        height: 45px !important;
    }

    .h-lg-50px {
        height: 50px !important;
    }

    .h-lg-55px {
        height: 55px !important;
    }

    .h-lg-60px {
        height: 60px !important;
    }

    .h-lg-65px {
        height: 65px !important;
    }

    .h-lg-70px {
        height: 70px !important;
    }

    .h-lg-75px {
        height: 75px !important;
    }

    .h-lg-80px {
        height: 80px !important;
    }

    .h-lg-85px {
        height: 85px !important;
    }

    .h-lg-90px {
        height: 90px !important;
    }

    .h-lg-95px {
        height: 95px !important;
    }

    .h-lg-100px {
        height: 100px !important;
    }

    .h-lg-125px {
        height: 125px !important;
    }

    .h-lg-150px {
        height: 150px !important;
    }

    .h-lg-175px {
        height: 175px !important;
    }

    .h-lg-200px {
        height: 200px !important;
    }

    .h-lg-225px {
        height: 225px !important;
    }

    .h-lg-250px {
        height: 250px !important;
    }

    .h-lg-275px {
        height: 275px !important;
    }

    .h-lg-300px {
        height: 300px !important;
    }

    .h-lg-325px {
        height: 325px !important;
    }

    .h-lg-350px {
        height: 350px !important;
    }

    .h-lg-375px {
        height: 375px !important;
    }

    .h-lg-400px {
        height: 400px !important;
    }

    .h-lg-425px {
        height: 425px !important;
    }

    .h-lg-450px {
        height: 450px !important;
    }

    .h-lg-475px {
        height: 475px !important;
    }

    .h-lg-500px {
        height: 500px !important;
    }

    .h-lg-550px {
        height: 550px !important;
    }

    .h-lg-600px {
        height: 600px !important;
    }

    .h-lg-650px {
        height: 650px !important;
    }

    .h-lg-700px {
        height: 700px !important;
    }

    .h-lg-750px {
        height: 750px !important;
    }

    .h-lg-800px {
        height: 800px !important;
    }

    .h-lg-850px {
        height: 850px !important;
    }

    .h-lg-900px {
        height: 900px !important;
    }

    .h-lg-950px {
        height: 950px !important;
    }

    .h-lg-1000px {
        height: 1000px !important;
    }

    .mh-lg-unset {
        max-height: unset !important;
    }

    .mh-lg-25 {
        max-height: 25% !important;
    }

    .mh-lg-50 {
        max-height: 50% !important;
    }

    .mh-lg-75 {
        max-height: 75% !important;
    }

    .mh-lg-100 {
        max-height: 100% !important;
    }

    .mh-lg-auto {
        max-height: auto !important;
    }

    .mh-lg-1px {
        max-height: 1px !important;
    }

    .mh-lg-2px {
        max-height: 2px !important;
    }

    .mh-lg-3px {
        max-height: 3px !important;
    }

    .mh-lg-4px {
        max-height: 4px !important;
    }

    .mh-lg-5px {
        max-height: 5px !important;
    }

    .mh-lg-6px {
        max-height: 6px !important;
    }

    .mh-lg-7px {
        max-height: 7px !important;
    }

    .mh-lg-8px {
        max-height: 8px !important;
    }

    .mh-lg-9px {
        max-height: 9px !important;
    }

    .mh-lg-10px {
        max-height: 10px !important;
    }

    .mh-lg-15px {
        max-height: 15px !important;
    }

    .mh-lg-20px {
        max-height: 20px !important;
    }

    .mh-lg-25px {
        max-height: 25px !important;
    }

    .mh-lg-30px {
        max-height: 30px !important;
    }

    .mh-lg-35px {
        max-height: 35px !important;
    }

    .mh-lg-40px {
        max-height: 40px !important;
    }

    .mh-lg-45px {
        max-height: 45px !important;
    }

    .mh-lg-50px {
        max-height: 50px !important;
    }

    .mh-lg-55px {
        max-height: 55px !important;
    }

    .mh-lg-60px {
        max-height: 60px !important;
    }

    .mh-lg-65px {
        max-height: 65px !important;
    }

    .mh-lg-70px {
        max-height: 70px !important;
    }

    .mh-lg-75px {
        max-height: 75px !important;
    }

    .mh-lg-80px {
        max-height: 80px !important;
    }

    .mh-lg-85px {
        max-height: 85px !important;
    }

    .mh-lg-90px {
        max-height: 90px !important;
    }

    .mh-lg-95px {
        max-height: 95px !important;
    }

    .mh-lg-100px {
        max-height: 100px !important;
    }

    .mh-lg-125px {
        max-height: 125px !important;
    }

    .mh-lg-150px {
        max-height: 150px !important;
    }

    .mh-lg-175px {
        max-height: 175px !important;
    }

    .mh-lg-200px {
        max-height: 200px !important;
    }

    .mh-lg-225px {
        max-height: 225px !important;
    }

    .mh-lg-250px {
        max-height: 250px !important;
    }

    .mh-lg-275px {
        max-height: 275px !important;
    }

    .mh-lg-300px {
        max-height: 300px !important;
    }

    .mh-lg-325px {
        max-height: 325px !important;
    }

    .mh-lg-350px {
        max-height: 350px !important;
    }

    .mh-lg-375px {
        max-height: 375px !important;
    }

    .mh-lg-400px {
        max-height: 400px !important;
    }

    .mh-lg-425px {
        max-height: 425px !important;
    }

    .mh-lg-450px {
        max-height: 450px !important;
    }

    .mh-lg-475px {
        max-height: 475px !important;
    }

    .mh-lg-500px {
        max-height: 500px !important;
    }

    .mh-lg-550px {
        max-height: 550px !important;
    }

    .mh-lg-600px {
        max-height: 600px !important;
    }

    .mh-lg-650px {
        max-height: 650px !important;
    }

    .mh-lg-700px {
        max-height: 700px !important;
    }

    .mh-lg-750px {
        max-height: 750px !important;
    }

    .mh-lg-800px {
        max-height: 800px !important;
    }

    .mh-lg-850px {
        max-height: 850px !important;
    }

    .mh-lg-900px {
        max-height: 900px !important;
    }

    .mh-lg-950px {
        max-height: 950px !important;
    }

    .mh-lg-1000px {
        max-height: 1000px !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 0.75rem !important;
    }

    .gap-lg-4 {
        gap: 1rem !important;
    }

    .gap-lg-5 {
        gap: 1.25rem !important;
    }

    .gap-lg-6 {
        gap: 1.5rem !important;
    }

    .gap-lg-7 {
        gap: 1.75rem !important;
    }

    .gap-lg-8 {
        gap: 2rem !important;
    }

    .gap-lg-9 {
        gap: 2.25rem !important;
    }

    .gap-lg-10 {
        gap: 2.5rem !important;
    }

    .gap-lg-11 {
        gap: 2.75rem !important;
    }

    .gap-lg-12 {
        gap: 3rem !important;
    }

    .gap-lg-13 {
        gap: 3.25rem !important;
    }

    .gap-lg-14 {
        gap: 3.5rem !important;
    }

    .gap-lg-15 {
        gap: 3.75rem !important;
    }

    .gap-lg-16 {
        gap: 4rem !important;
    }

    .gap-lg-17 {
        gap: 4.25rem !important;
    }

    .gap-lg-18 {
        gap: 4.5rem !important;
    }

    .gap-lg-19 {
        gap: 4.75rem !important;
    }

    .gap-lg-20 {
        gap: 5rem !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 0.75rem !important;
    }

    .m-lg-4 {
        margin: 1rem !important;
    }

    .m-lg-5 {
        margin: 1.25rem !important;
    }

    .m-lg-6 {
        margin: 1.5rem !important;
    }

    .m-lg-7 {
        margin: 1.75rem !important;
    }

    .m-lg-8 {
        margin: 2rem !important;
    }

    .m-lg-9 {
        margin: 2.25rem !important;
    }

    .m-lg-10 {
        margin: 2.5rem !important;
    }

    .m-lg-11 {
        margin: 2.75rem !important;
    }

    .m-lg-12 {
        margin: 3rem !important;
    }

    .m-lg-13 {
        margin: 3.25rem !important;
    }

    .m-lg-14 {
        margin: 3.5rem !important;
    }

    .m-lg-15 {
        margin: 3.75rem !important;
    }

    .m-lg-16 {
        margin: 4rem !important;
    }

    .m-lg-17 {
        margin: 4.25rem !important;
    }

    .m-lg-18 {
        margin: 4.5rem !important;
    }

    .m-lg-19 {
        margin: 4.75rem !important;
    }

    .m-lg-20 {
        margin: 5rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .mx-lg-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-5 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .mx-lg-6 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-7 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important;
    }

    .mx-lg-8 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-lg-9 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .mx-lg-10 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .mx-lg-11 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important;
    }

    .mx-lg-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-13 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important;
    }

    .mx-lg-14 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important;
    }

    .mx-lg-15 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }

    .mx-lg-16 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-lg-17 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important;
    }

    .mx-lg-18 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }

    .mx-lg-19 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important;
    }

    .mx-lg-20 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .my-lg-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .my-lg-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }

    .my-lg-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-lg-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .my-lg-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-lg-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important;
    }

    .my-lg-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important;
    }

    .my-lg-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .my-lg-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }

    .my-lg-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-lg-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important;
    }

    .my-lg-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .my-lg-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important;
    }

    .my-lg-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 0.75rem !important;
    }

    .mt-lg-4 {
        margin-top: 1rem !important;
    }

    .mt-lg-5 {
        margin-top: 1.25rem !important;
    }

    .mt-lg-6 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-7 {
        margin-top: 1.75rem !important;
    }

    .mt-lg-8 {
        margin-top: 2rem !important;
    }

    .mt-lg-9 {
        margin-top: 2.25rem !important;
    }

    .mt-lg-10 {
        margin-top: 2.5rem !important;
    }

    .mt-lg-11 {
        margin-top: 2.75rem !important;
    }

    .mt-lg-12 {
        margin-top: 3rem !important;
    }

    .mt-lg-13 {
        margin-top: 3.25rem !important;
    }

    .mt-lg-14 {
        margin-top: 3.5rem !important;
    }

    .mt-lg-15 {
        margin-top: 3.75rem !important;
    }

    .mt-lg-16 {
        margin-top: 4rem !important;
    }

    .mt-lg-17 {
        margin-top: 4.25rem !important;
    }

    .mt-lg-18 {
        margin-top: 4.5rem !important;
    }

    .mt-lg-19 {
        margin-top: 4.75rem !important;
    }

    .mt-lg-20 {
        margin-top: 5rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 0.75rem !important;
    }

    .me-lg-4 {
        margin-right: 1rem !important;
    }

    .me-lg-5 {
        margin-right: 1.25rem !important;
    }

    .me-lg-6 {
        margin-right: 1.5rem !important;
    }

    .me-lg-7 {
        margin-right: 1.75rem !important;
    }

    .me-lg-8 {
        margin-right: 2rem !important;
    }

    .me-lg-9 {
        margin-right: 2.25rem !important;
    }

    .me-lg-10 {
        margin-right: 2.5rem !important;
    }

    .me-lg-11 {
        margin-right: 2.75rem !important;
    }

    .me-lg-12 {
        margin-right: 3rem !important;
    }

    .me-lg-13 {
        margin-right: 3.25rem !important;
    }

    .me-lg-14 {
        margin-right: 3.5rem !important;
    }

    .me-lg-15 {
        margin-right: 3.75rem !important;
    }

    .me-lg-16 {
        margin-right: 4rem !important;
    }

    .me-lg-17 {
        margin-right: 4.25rem !important;
    }

    .me-lg-18 {
        margin-right: 4.5rem !important;
    }

    .me-lg-19 {
        margin-right: 4.75rem !important;
    }

    .me-lg-20 {
        margin-right: 5rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 0.75rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 1.25rem !important;
    }

    .mb-lg-6 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 1.75rem !important;
    }

    .mb-lg-8 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-9 {
        margin-bottom: 2.25rem !important;
    }

    .mb-lg-10 {
        margin-bottom: 2.5rem !important;
    }

    .mb-lg-11 {
        margin-bottom: 2.75rem !important;
    }

    .mb-lg-12 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-13 {
        margin-bottom: 3.25rem !important;
    }

    .mb-lg-14 {
        margin-bottom: 3.5rem !important;
    }

    .mb-lg-15 {
        margin-bottom: 3.75rem !important;
    }

    .mb-lg-16 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-17 {
        margin-bottom: 4.25rem !important;
    }

    .mb-lg-18 {
        margin-bottom: 4.5rem !important;
    }

    .mb-lg-19 {
        margin-bottom: 4.75rem !important;
    }

    .mb-lg-20 {
        margin-bottom: 5rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 0.75rem !important;
    }

    .ms-lg-4 {
        margin-left: 1rem !important;
    }

    .ms-lg-5 {
        margin-left: 1.25rem !important;
    }

    .ms-lg-6 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-7 {
        margin-left: 1.75rem !important;
    }

    .ms-lg-8 {
        margin-left: 2rem !important;
    }

    .ms-lg-9 {
        margin-left: 2.25rem !important;
    }

    .ms-lg-10 {
        margin-left: 2.5rem !important;
    }

    .ms-lg-11 {
        margin-left: 2.75rem !important;
    }

    .ms-lg-12 {
        margin-left: 3rem !important;
    }

    .ms-lg-13 {
        margin-left: 3.25rem !important;
    }

    .ms-lg-14 {
        margin-left: 3.5rem !important;
    }

    .ms-lg-15 {
        margin-left: 3.75rem !important;
    }

    .ms-lg-16 {
        margin-left: 4rem !important;
    }

    .ms-lg-17 {
        margin-left: 4.25rem !important;
    }

    .ms-lg-18 {
        margin-left: 4.5rem !important;
    }

    .ms-lg-19 {
        margin-left: 4.75rem !important;
    }

    .ms-lg-20 {
        margin-left: 5rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -0.75rem !important;
    }

    .m-lg-n4 {
        margin: -1rem !important;
    }

    .m-lg-n5 {
        margin: -1.25rem !important;
    }

    .m-lg-n6 {
        margin: -1.5rem !important;
    }

    .m-lg-n7 {
        margin: -1.75rem !important;
    }

    .m-lg-n8 {
        margin: -2rem !important;
    }

    .m-lg-n9 {
        margin: -2.25rem !important;
    }

    .m-lg-n10 {
        margin: -2.5rem !important;
    }

    .m-lg-n11 {
        margin: -2.75rem !important;
    }

    .m-lg-n12 {
        margin: -3rem !important;
    }

    .m-lg-n13 {
        margin: -3.25rem !important;
    }

    .m-lg-n14 {
        margin: -3.5rem !important;
    }

    .m-lg-n15 {
        margin: -3.75rem !important;
    }

    .m-lg-n16 {
        margin: -4rem !important;
    }

    .m-lg-n17 {
        margin: -4.25rem !important;
    }

    .m-lg-n18 {
        margin: -4.5rem !important;
    }

    .m-lg-n19 {
        margin: -4.75rem !important;
    }

    .m-lg-n20 {
        margin: -5rem !important;
    }

    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-right: -0.75rem !important;
        margin-left: -0.75rem !important;
    }

    .mx-lg-n4 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-lg-n5 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important;
    }

    .mx-lg-n6 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-lg-n7 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important;
    }

    .mx-lg-n8 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .mx-lg-n9 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important;
    }

    .mx-lg-n10 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important;
    }

    .mx-lg-n11 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important;
    }

    .mx-lg-n12 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-lg-n13 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important;
    }

    .mx-lg-n14 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important;
    }

    .mx-lg-n15 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important;
    }

    .mx-lg-n16 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-lg-n17 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important;
    }

    .mx-lg-n18 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important;
    }

    .mx-lg-n19 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important;
    }

    .mx-lg-n20 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-lg-n3 {
        margin-top: -0.75rem !important;
        margin-bottom: -0.75rem !important;
    }

    .my-lg-n4 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-lg-n5 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important;
    }

    .my-lg-n6 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-lg-n7 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important;
    }

    .my-lg-n8 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .my-lg-n9 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important;
    }

    .my-lg-n10 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .my-lg-n11 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important;
    }

    .my-lg-n12 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-lg-n13 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important;
    }

    .my-lg-n14 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .my-lg-n15 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important;
    }

    .my-lg-n16 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-lg-n17 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important;
    }

    .my-lg-n18 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .my-lg-n19 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important;
    }

    .my-lg-n20 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-lg-n3 {
        margin-top: -0.75rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1rem !important;
    }

    .mt-lg-n5 {
        margin-top: -1.25rem !important;
    }

    .mt-lg-n6 {
        margin-top: -1.5rem !important;
    }

    .mt-lg-n7 {
        margin-top: -1.75rem !important;
    }

    .mt-lg-n8 {
        margin-top: -2rem !important;
    }

    .mt-lg-n9 {
        margin-top: -2.25rem !important;
    }

    .mt-lg-n10 {
        margin-top: -2.5rem !important;
    }

    .mt-lg-n11 {
        margin-top: -2.75rem !important;
    }

    .mt-lg-n12 {
        margin-top: -3rem !important;
    }

    .mt-lg-n13 {
        margin-top: -3.25rem !important;
    }

    .mt-lg-n14 {
        margin-top: -3.5rem !important;
    }

    .mt-lg-n15 {
        margin-top: -3.75rem !important;
    }

    .mt-lg-n16 {
        margin-top: -4rem !important;
    }

    .mt-lg-n17 {
        margin-top: -4.25rem !important;
    }

    .mt-lg-n18 {
        margin-top: -4.5rem !important;
    }

    .mt-lg-n19 {
        margin-top: -4.75rem !important;
    }

    .mt-lg-n20 {
        margin-top: -5rem !important;
    }

    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .me-lg-n3 {
        margin-right: -0.75rem !important;
    }

    .me-lg-n4 {
        margin-right: -1rem !important;
    }

    .me-lg-n5 {
        margin-right: -1.25rem !important;
    }

    .me-lg-n6 {
        margin-right: -1.5rem !important;
    }

    .me-lg-n7 {
        margin-right: -1.75rem !important;
    }

    .me-lg-n8 {
        margin-right: -2rem !important;
    }

    .me-lg-n9 {
        margin-right: -2.25rem !important;
    }

    .me-lg-n10 {
        margin-right: -2.5rem !important;
    }

    .me-lg-n11 {
        margin-right: -2.75rem !important;
    }

    .me-lg-n12 {
        margin-right: -3rem !important;
    }

    .me-lg-n13 {
        margin-right: -3.25rem !important;
    }

    .me-lg-n14 {
        margin-right: -3.5rem !important;
    }

    .me-lg-n15 {
        margin-right: -3.75rem !important;
    }

    .me-lg-n16 {
        margin-right: -4rem !important;
    }

    .me-lg-n17 {
        margin-right: -4.25rem !important;
    }

    .me-lg-n18 {
        margin-right: -4.5rem !important;
    }

    .me-lg-n19 {
        margin-right: -4.75rem !important;
    }

    .me-lg-n20 {
        margin-right: -5rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -0.75rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -1.25rem !important;
    }

    .mb-lg-n6 {
        margin-bottom: -1.5rem !important;
    }

    .mb-lg-n7 {
        margin-bottom: -1.75rem !important;
    }

    .mb-lg-n8 {
        margin-bottom: -2rem !important;
    }

    .mb-lg-n9 {
        margin-bottom: -2.25rem !important;
    }

    .mb-lg-n10 {
        margin-bottom: -2.5rem !important;
    }

    .mb-lg-n11 {
        margin-bottom: -2.75rem !important;
    }

    .mb-lg-n12 {
        margin-bottom: -3rem !important;
    }

    .mb-lg-n13 {
        margin-bottom: -3.25rem !important;
    }

    .mb-lg-n14 {
        margin-bottom: -3.5rem !important;
    }

    .mb-lg-n15 {
        margin-bottom: -3.75rem !important;
    }

    .mb-lg-n16 {
        margin-bottom: -4rem !important;
    }

    .mb-lg-n17 {
        margin-bottom: -4.25rem !important;
    }

    .mb-lg-n18 {
        margin-bottom: -4.5rem !important;
    }

    .mb-lg-n19 {
        margin-bottom: -4.75rem !important;
    }

    .mb-lg-n20 {
        margin-bottom: -5rem !important;
    }

    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-lg-n3 {
        margin-left: -0.75rem !important;
    }

    .ms-lg-n4 {
        margin-left: -1rem !important;
    }

    .ms-lg-n5 {
        margin-left: -1.25rem !important;
    }

    .ms-lg-n6 {
        margin-left: -1.5rem !important;
    }

    .ms-lg-n7 {
        margin-left: -1.75rem !important;
    }

    .ms-lg-n8 {
        margin-left: -2rem !important;
    }

    .ms-lg-n9 {
        margin-left: -2.25rem !important;
    }

    .ms-lg-n10 {
        margin-left: -2.5rem !important;
    }

    .ms-lg-n11 {
        margin-left: -2.75rem !important;
    }

    .ms-lg-n12 {
        margin-left: -3rem !important;
    }

    .ms-lg-n13 {
        margin-left: -3.25rem !important;
    }

    .ms-lg-n14 {
        margin-left: -3.5rem !important;
    }

    .ms-lg-n15 {
        margin-left: -3.75rem !important;
    }

    .ms-lg-n16 {
        margin-left: -4rem !important;
    }

    .ms-lg-n17 {
        margin-left: -4.25rem !important;
    }

    .ms-lg-n18 {
        margin-left: -4.5rem !important;
    }

    .ms-lg-n19 {
        margin-left: -4.75rem !important;
    }

    .ms-lg-n20 {
        margin-left: -5rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 0.75rem !important;
    }

    .p-lg-4 {
        padding: 1rem !important;
    }

    .p-lg-5 {
        padding: 1.25rem !important;
    }

    .p-lg-6 {
        padding: 1.5rem !important;
    }

    .p-lg-7 {
        padding: 1.75rem !important;
    }

    .p-lg-8 {
        padding: 2rem !important;
    }

    .p-lg-9 {
        padding: 2.25rem !important;
    }

    .p-lg-10 {
        padding: 2.5rem !important;
    }

    .p-lg-11 {
        padding: 2.75rem !important;
    }

    .p-lg-12 {
        padding: 3rem !important;
    }

    .p-lg-13 {
        padding: 3.25rem !important;
    }

    .p-lg-14 {
        padding: 3.5rem !important;
    }

    .p-lg-15 {
        padding: 3.75rem !important;
    }

    .p-lg-16 {
        padding: 4rem !important;
    }

    .p-lg-17 {
        padding: 4.25rem !important;
    }

    .p-lg-18 {
        padding: 4.5rem !important;
    }

    .p-lg-19 {
        padding: 4.75rem !important;
    }

    .p-lg-20 {
        padding: 5rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .px-lg-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .px-lg-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .px-lg-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-lg-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .px-lg-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .px-lg-11 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important;
    }

    .px-lg-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-lg-13 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important;
    }

    .px-lg-14 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .px-lg-15 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .px-lg-16 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-lg-17 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important;
    }

    .px-lg-18 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .px-lg-19 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important;
    }

    .px-lg-20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-lg-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .py-lg-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .py-lg-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .py-lg-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-lg-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    .py-lg-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-lg-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .py-lg-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .py-lg-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-lg-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-lg-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important;
    }

    .py-lg-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .py-lg-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important;
    }

    .py-lg-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 0.75rem !important;
    }

    .pt-lg-4 {
        padding-top: 1rem !important;
    }

    .pt-lg-5 {
        padding-top: 1.25rem !important;
    }

    .pt-lg-6 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-7 {
        padding-top: 1.75rem !important;
    }

    .pt-lg-8 {
        padding-top: 2rem !important;
    }

    .pt-lg-9 {
        padding-top: 2.25rem !important;
    }

    .pt-lg-10 {
        padding-top: 2.5rem !important;
    }

    .pt-lg-11 {
        padding-top: 2.75rem !important;
    }

    .pt-lg-12 {
        padding-top: 3rem !important;
    }

    .pt-lg-13 {
        padding-top: 3.25rem !important;
    }

    .pt-lg-14 {
        padding-top: 3.5rem !important;
    }

    .pt-lg-15 {
        padding-top: 3.75rem !important;
    }

    .pt-lg-16 {
        padding-top: 4rem !important;
    }

    .pt-lg-17 {
        padding-top: 4.25rem !important;
    }

    .pt-lg-18 {
        padding-top: 4.5rem !important;
    }

    .pt-lg-19 {
        padding-top: 4.75rem !important;
    }

    .pt-lg-20 {
        padding-top: 5rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 0.75rem !important;
    }

    .pe-lg-4 {
        padding-right: 1rem !important;
    }

    .pe-lg-5 {
        padding-right: 1.25rem !important;
    }

    .pe-lg-6 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-7 {
        padding-right: 1.75rem !important;
    }

    .pe-lg-8 {
        padding-right: 2rem !important;
    }

    .pe-lg-9 {
        padding-right: 2.25rem !important;
    }

    .pe-lg-10 {
        padding-right: 2.5rem !important;
    }

    .pe-lg-11 {
        padding-right: 2.75rem !important;
    }

    .pe-lg-12 {
        padding-right: 3rem !important;
    }

    .pe-lg-13 {
        padding-right: 3.25rem !important;
    }

    .pe-lg-14 {
        padding-right: 3.5rem !important;
    }

    .pe-lg-15 {
        padding-right: 3.75rem !important;
    }

    .pe-lg-16 {
        padding-right: 4rem !important;
    }

    .pe-lg-17 {
        padding-right: 4.25rem !important;
    }

    .pe-lg-18 {
        padding-right: 4.5rem !important;
    }

    .pe-lg-19 {
        padding-right: 4.75rem !important;
    }

    .pe-lg-20 {
        padding-right: 5rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 0.75rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 1.25rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-7 {
        padding-bottom: 1.75rem !important;
    }

    .pb-lg-8 {
        padding-bottom: 2rem !important;
    }

    .pb-lg-9 {
        padding-bottom: 2.25rem !important;
    }

    .pb-lg-10 {
        padding-bottom: 2.5rem !important;
    }

    .pb-lg-11 {
        padding-bottom: 2.75rem !important;
    }

    .pb-lg-12 {
        padding-bottom: 3rem !important;
    }

    .pb-lg-13 {
        padding-bottom: 3.25rem !important;
    }

    .pb-lg-14 {
        padding-bottom: 3.5rem !important;
    }

    .pb-lg-15 {
        padding-bottom: 3.75rem !important;
    }

    .pb-lg-16 {
        padding-bottom: 4rem !important;
    }

    .pb-lg-17 {
        padding-bottom: 4.25rem !important;
    }

    .pb-lg-18 {
        padding-bottom: 4.5rem !important;
    }

    .pb-lg-19 {
        padding-bottom: 4.75rem !important;
    }

    .pb-lg-20 {
        padding-bottom: 5rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 0.75rem !important;
    }

    .ps-lg-4 {
        padding-left: 1rem !important;
    }

    .ps-lg-5 {
        padding-left: 1.25rem !important;
    }

    .ps-lg-6 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-7 {
        padding-left: 1.75rem !important;
    }

    .ps-lg-8 {
        padding-left: 2rem !important;
    }

    .ps-lg-9 {
        padding-left: 2.25rem !important;
    }

    .ps-lg-10 {
        padding-left: 2.5rem !important;
    }

    .ps-lg-11 {
        padding-left: 2.75rem !important;
    }

    .ps-lg-12 {
        padding-left: 3rem !important;
    }

    .ps-lg-13 {
        padding-left: 3.25rem !important;
    }

    .ps-lg-14 {
        padding-left: 3.5rem !important;
    }

    .ps-lg-15 {
        padding-left: 3.75rem !important;
    }

    .ps-lg-16 {
        padding-left: 4rem !important;
    }

    .ps-lg-17 {
        padding-left: 4.25rem !important;
    }

    .ps-lg-18 {
        padding-left: 4.5rem !important;
    }

    .ps-lg-19 {
        padding-left: 4.75rem !important;
    }

    .ps-lg-20 {
        padding-left: 5rem !important;
    }

    .fs-lg-1 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-lg-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-lg-3 {
        font-size: calc(1.26rem + 0.12vw) !important;
    }

    .fs-lg-4 {
        font-size: 1.25rem !important;
    }

    .fs-lg-5 {
        font-size: 1.15rem !important;
    }

    .fs-lg-6 {
        font-size: 1.075rem !important;
    }

    .fs-lg-7 {
        font-size: 0.95rem !important;
    }

    .fs-lg-8 {
        font-size: 0.85rem !important;
    }

    .fs-lg-9 {
        font-size: 0.75rem !important;
    }

    .fs-lg-10 {
        font-size: 0.5rem !important;
    }

    .fs-lg-base {
        font-size: 1rem !important;
    }

    .fs-lg-fluid {
        font-size: 100% !important;
    }

    .fs-lg-2x {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-lg-2qx {
        font-size: calc(1.35rem + 1.2vw) !important;
    }

    .fs-lg-2hx {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-lg-2tx {
        font-size: calc(1.4rem + 1.8vw) !important;
    }

    .fs-lg-3x {
        font-size: calc(1.425rem + 2.1vw) !important;
    }

    .fs-lg-3qx {
        font-size: calc(1.45rem + 2.4vw) !important;
    }

    .fs-lg-3hx {
        font-size: calc(1.475rem + 2.7vw) !important;
    }

    .fs-lg-3tx {
        font-size: calc(1.5rem + 3vw) !important;
    }

    .fs-lg-4x {
        font-size: calc(1.525rem + 3.3vw) !important;
    }

    .fs-lg-4qx {
        font-size: calc(1.55rem + 3.6vw) !important;
    }

    .fs-lg-4hx {
        font-size: calc(1.575rem + 3.9vw) !important;
    }

    .fs-lg-4tx {
        font-size: calc(1.6rem + 4.2vw) !important;
    }

    .fs-lg-5x {
        font-size: calc(1.625rem + 4.5vw) !important;
    }

    .fs-lg-5qx {
        font-size: calc(1.65rem + 4.8vw) !important;
    }

    .fs-lg-5hx {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-lg-5tx {
        font-size: calc(1.7rem + 5.4vw) !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .min-w-lg-unset {
        min-width: unset !important;
    }

    .min-w-lg-25 {
        min-width: 25% !important;
    }

    .min-w-lg-50 {
        min-width: 50% !important;
    }

    .min-w-lg-75 {
        min-width: 75% !important;
    }

    .min-w-lg-100 {
        min-width: 100% !important;
    }

    .min-w-lg-auto {
        min-width: auto !important;
    }

    .min-w-lg-1px {
        min-width: 1px !important;
    }

    .min-w-lg-2px {
        min-width: 2px !important;
    }

    .min-w-lg-3px {
        min-width: 3px !important;
    }

    .min-w-lg-4px {
        min-width: 4px !important;
    }

    .min-w-lg-5px {
        min-width: 5px !important;
    }

    .min-w-lg-6px {
        min-width: 6px !important;
    }

    .min-w-lg-7px {
        min-width: 7px !important;
    }

    .min-w-lg-8px {
        min-width: 8px !important;
    }

    .min-w-lg-9px {
        min-width: 9px !important;
    }

    .min-w-lg-10px {
        min-width: 10px !important;
    }

    .min-w-lg-15px {
        min-width: 15px !important;
    }

    .min-w-lg-20px {
        min-width: 20px !important;
    }

    .min-w-lg-25px {
        min-width: 25px !important;
    }

    .min-w-lg-30px {
        min-width: 30px !important;
    }

    .min-w-lg-35px {
        min-width: 35px !important;
    }

    .min-w-lg-40px {
        min-width: 40px !important;
    }

    .min-w-lg-45px {
        min-width: 45px !important;
    }

    .min-w-lg-50px {
        min-width: 50px !important;
    }

    .min-w-lg-55px {
        min-width: 55px !important;
    }

    .min-w-lg-60px {
        min-width: 60px !important;
    }

    .min-w-lg-65px {
        min-width: 65px !important;
    }

    .min-w-lg-70px {
        min-width: 70px !important;
    }

    .min-w-lg-75px {
        min-width: 75px !important;
    }

    .min-w-lg-80px {
        min-width: 80px !important;
    }

    .min-w-lg-85px {
        min-width: 85px !important;
    }

    .min-w-lg-90px {
        min-width: 90px !important;
    }

    .min-w-lg-95px {
        min-width: 95px !important;
    }

    .min-w-lg-100px {
        min-width: 100px !important;
    }

    .min-w-lg-125px {
        min-width: 125px !important;
    }

    .min-w-lg-150px {
        min-width: 150px !important;
    }

    .min-w-lg-175px {
        min-width: 175px !important;
    }

    .min-w-lg-200px {
        min-width: 200px !important;
    }

    .min-w-lg-225px {
        min-width: 225px !important;
    }

    .min-w-lg-250px {
        min-width: 250px !important;
    }

    .min-w-lg-275px {
        min-width: 275px !important;
    }

    .min-w-lg-300px {
        min-width: 300px !important;
    }

    .min-w-lg-325px {
        min-width: 325px !important;
    }

    .min-w-lg-350px {
        min-width: 350px !important;
    }

    .min-w-lg-375px {
        min-width: 375px !important;
    }

    .min-w-lg-400px {
        min-width: 400px !important;
    }

    .min-w-lg-425px {
        min-width: 425px !important;
    }

    .min-w-lg-450px {
        min-width: 450px !important;
    }

    .min-w-lg-475px {
        min-width: 475px !important;
    }

    .min-w-lg-500px {
        min-width: 500px !important;
    }

    .min-w-lg-550px {
        min-width: 550px !important;
    }

    .min-w-lg-600px {
        min-width: 600px !important;
    }

    .min-w-lg-650px {
        min-width: 650px !important;
    }

    .min-w-lg-700px {
        min-width: 700px !important;
    }

    .min-w-lg-750px {
        min-width: 750px !important;
    }

    .min-w-lg-800px {
        min-width: 800px !important;
    }

    .min-w-lg-850px {
        min-width: 850px !important;
    }

    .min-w-lg-900px {
        min-width: 900px !important;
    }

    .min-w-lg-950px {
        min-width: 950px !important;
    }

    .min-w-lg-1000px {
        min-width: 1000px !important;
    }

    .min-h-lg-unset {
        min-height: unset !important;
    }

    .min-h-lg-25 {
        min-height: 25% !important;
    }

    .min-h-lg-50 {
        min-height: 50% !important;
    }

    .min-h-lg-75 {
        min-height: 75% !important;
    }

    .min-h-lg-100 {
        min-height: 100% !important;
    }

    .min-h-lg-auto {
        min-height: auto !important;
    }

    .min-h-lg-1px {
        min-height: 1px !important;
    }

    .min-h-lg-2px {
        min-height: 2px !important;
    }

    .min-h-lg-3px {
        min-height: 3px !important;
    }

    .min-h-lg-4px {
        min-height: 4px !important;
    }

    .min-h-lg-5px {
        min-height: 5px !important;
    }

    .min-h-lg-6px {
        min-height: 6px !important;
    }

    .min-h-lg-7px {
        min-height: 7px !important;
    }

    .min-h-lg-8px {
        min-height: 8px !important;
    }

    .min-h-lg-9px {
        min-height: 9px !important;
    }

    .min-h-lg-10px {
        min-height: 10px !important;
    }

    .min-h-lg-15px {
        min-height: 15px !important;
    }

    .min-h-lg-20px {
        min-height: 20px !important;
    }

    .min-h-lg-25px {
        min-height: 25px !important;
    }

    .min-h-lg-30px {
        min-height: 30px !important;
    }

    .min-h-lg-35px {
        min-height: 35px !important;
    }

    .min-h-lg-40px {
        min-height: 40px !important;
    }

    .min-h-lg-45px {
        min-height: 45px !important;
    }

    .min-h-lg-50px {
        min-height: 50px !important;
    }

    .min-h-lg-55px {
        min-height: 55px !important;
    }

    .min-h-lg-60px {
        min-height: 60px !important;
    }

    .min-h-lg-65px {
        min-height: 65px !important;
    }

    .min-h-lg-70px {
        min-height: 70px !important;
    }

    .min-h-lg-75px {
        min-height: 75px !important;
    }

    .min-h-lg-80px {
        min-height: 80px !important;
    }

    .min-h-lg-85px {
        min-height: 85px !important;
    }

    .min-h-lg-90px {
        min-height: 90px !important;
    }

    .min-h-lg-95px {
        min-height: 95px !important;
    }

    .min-h-lg-100px {
        min-height: 100px !important;
    }

    .min-h-lg-125px {
        min-height: 125px !important;
    }

    .min-h-lg-150px {
        min-height: 150px !important;
    }

    .min-h-lg-175px {
        min-height: 175px !important;
    }

    .min-h-lg-200px {
        min-height: 200px !important;
    }

    .min-h-lg-225px {
        min-height: 225px !important;
    }

    .min-h-lg-250px {
        min-height: 250px !important;
    }

    .min-h-lg-275px {
        min-height: 275px !important;
    }

    .min-h-lg-300px {
        min-height: 300px !important;
    }

    .min-h-lg-325px {
        min-height: 325px !important;
    }

    .min-h-lg-350px {
        min-height: 350px !important;
    }

    .min-h-lg-375px {
        min-height: 375px !important;
    }

    .min-h-lg-400px {
        min-height: 400px !important;
    }

    .min-h-lg-425px {
        min-height: 425px !important;
    }

    .min-h-lg-450px {
        min-height: 450px !important;
    }

    .min-h-lg-475px {
        min-height: 475px !important;
    }

    .min-h-lg-500px {
        min-height: 500px !important;
    }

    .min-h-lg-550px {
        min-height: 550px !important;
    }

    .min-h-lg-600px {
        min-height: 600px !important;
    }

    .min-h-lg-650px {
        min-height: 650px !important;
    }

    .min-h-lg-700px {
        min-height: 700px !important;
    }

    .min-h-lg-750px {
        min-height: 750px !important;
    }

    .min-h-lg-800px {
        min-height: 800px !important;
    }

    .min-h-lg-850px {
        min-height: 850px !important;
    }

    .min-h-lg-900px {
        min-height: 900px !important;
    }

    .min-h-lg-950px {
        min-height: 950px !important;
    }

    .min-h-lg-1000px {
        min-height: 1000px !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .position-xl-static {
        position: static !important;
    }

    .position-xl-relative {
        position: relative !important;
    }

    .position-xl-absolute {
        position: absolute !important;
    }

    .position-xl-fixed {
        position: fixed !important;
    }

    .position-xl-sticky {
        position: sticky !important;
    }

    .w-xl-unset {
        width: unset !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-1px {
        width: 1px !important;
    }

    .w-xl-2px {
        width: 2px !important;
    }

    .w-xl-3px {
        width: 3px !important;
    }

    .w-xl-4px {
        width: 4px !important;
    }

    .w-xl-5px {
        width: 5px !important;
    }

    .w-xl-6px {
        width: 6px !important;
    }

    .w-xl-7px {
        width: 7px !important;
    }

    .w-xl-8px {
        width: 8px !important;
    }

    .w-xl-9px {
        width: 9px !important;
    }

    .w-xl-10px {
        width: 10px !important;
    }

    .w-xl-15px {
        width: 15px !important;
    }

    .w-xl-20px {
        width: 20px !important;
    }

    .w-xl-25px {
        width: 25px !important;
    }

    .w-xl-30px {
        width: 30px !important;
    }

    .w-xl-35px {
        width: 35px !important;
    }

    .w-xl-40px {
        width: 40px !important;
    }

    .w-xl-45px {
        width: 45px !important;
    }

    .w-xl-50px {
        width: 50px !important;
    }

    .w-xl-55px {
        width: 55px !important;
    }

    .w-xl-60px {
        width: 60px !important;
    }

    .w-xl-65px {
        width: 65px !important;
    }

    .w-xl-70px {
        width: 70px !important;
    }

    .w-xl-75px {
        width: 75px !important;
    }

    .w-xl-80px {
        width: 80px !important;
    }

    .w-xl-85px {
        width: 85px !important;
    }

    .w-xl-90px {
        width: 90px !important;
    }

    .w-xl-95px {
        width: 95px !important;
    }

    .w-xl-100px {
        width: 100px !important;
    }

    .w-xl-125px {
        width: 125px !important;
    }

    .w-xl-150px {
        width: 150px !important;
    }

    .w-xl-175px {
        width: 175px !important;
    }

    .w-xl-200px {
        width: 200px !important;
    }

    .w-xl-225px {
        width: 225px !important;
    }

    .w-xl-250px {
        width: 250px !important;
    }

    .w-xl-275px {
        width: 275px !important;
    }

    .w-xl-300px {
        width: 300px !important;
    }

    .w-xl-325px {
        width: 325px !important;
    }

    .w-xl-350px {
        width: 350px !important;
    }

    .w-xl-375px {
        width: 375px !important;
    }

    .w-xl-400px {
        width: 400px !important;
    }

    .w-xl-425px {
        width: 425px !important;
    }

    .w-xl-450px {
        width: 450px !important;
    }

    .w-xl-475px {
        width: 475px !important;
    }

    .w-xl-500px {
        width: 500px !important;
    }

    .w-xl-550px {
        width: 550px !important;
    }

    .w-xl-600px {
        width: 600px !important;
    }

    .w-xl-650px {
        width: 650px !important;
    }

    .w-xl-700px {
        width: 700px !important;
    }

    .w-xl-750px {
        width: 750px !important;
    }

    .w-xl-800px {
        width: 800px !important;
    }

    .w-xl-850px {
        width: 850px !important;
    }

    .w-xl-900px {
        width: 900px !important;
    }

    .w-xl-950px {
        width: 950px !important;
    }

    .w-xl-1000px {
        width: 1000px !important;
    }

    .mw-xl-unset {
        max-width: unset !important;
    }

    .mw-xl-25 {
        max-width: 25% !important;
    }

    .mw-xl-50 {
        max-width: 50% !important;
    }

    .mw-xl-75 {
        max-width: 75% !important;
    }

    .mw-xl-100 {
        max-width: 100% !important;
    }

    .mw-xl-auto {
        max-width: auto !important;
    }

    .mw-xl-1px {
        max-width: 1px !important;
    }

    .mw-xl-2px {
        max-width: 2px !important;
    }

    .mw-xl-3px {
        max-width: 3px !important;
    }

    .mw-xl-4px {
        max-width: 4px !important;
    }

    .mw-xl-5px {
        max-width: 5px !important;
    }

    .mw-xl-6px {
        max-width: 6px !important;
    }

    .mw-xl-7px {
        max-width: 7px !important;
    }

    .mw-xl-8px {
        max-width: 8px !important;
    }

    .mw-xl-9px {
        max-width: 9px !important;
    }

    .mw-xl-10px {
        max-width: 10px !important;
    }

    .mw-xl-15px {
        max-width: 15px !important;
    }

    .mw-xl-20px {
        max-width: 20px !important;
    }

    .mw-xl-25px {
        max-width: 25px !important;
    }

    .mw-xl-30px {
        max-width: 30px !important;
    }

    .mw-xl-35px {
        max-width: 35px !important;
    }

    .mw-xl-40px {
        max-width: 40px !important;
    }

    .mw-xl-45px {
        max-width: 45px !important;
    }

    .mw-xl-50px {
        max-width: 50px !important;
    }

    .mw-xl-55px {
        max-width: 55px !important;
    }

    .mw-xl-60px {
        max-width: 60px !important;
    }

    .mw-xl-65px {
        max-width: 65px !important;
    }

    .mw-xl-70px {
        max-width: 70px !important;
    }

    .mw-xl-75px {
        max-width: 75px !important;
    }

    .mw-xl-80px {
        max-width: 80px !important;
    }

    .mw-xl-85px {
        max-width: 85px !important;
    }

    .mw-xl-90px {
        max-width: 90px !important;
    }

    .mw-xl-95px {
        max-width: 95px !important;
    }

    .mw-xl-100px {
        max-width: 100px !important;
    }

    .mw-xl-125px {
        max-width: 125px !important;
    }

    .mw-xl-150px {
        max-width: 150px !important;
    }

    .mw-xl-175px {
        max-width: 175px !important;
    }

    .mw-xl-200px {
        max-width: 200px !important;
    }

    .mw-xl-225px {
        max-width: 225px !important;
    }

    .mw-xl-250px {
        max-width: 250px !important;
    }

    .mw-xl-275px {
        max-width: 275px !important;
    }

    .mw-xl-300px {
        max-width: 300px !important;
    }

    .mw-xl-325px {
        max-width: 325px !important;
    }

    .mw-xl-350px {
        max-width: 350px !important;
    }

    .mw-xl-375px {
        max-width: 375px !important;
    }

    .mw-xl-400px {
        max-width: 400px !important;
    }

    .mw-xl-425px {
        max-width: 425px !important;
    }

    .mw-xl-450px {
        max-width: 450px !important;
    }

    .mw-xl-475px {
        max-width: 475px !important;
    }

    .mw-xl-500px {
        max-width: 500px !important;
    }

    .mw-xl-550px {
        max-width: 550px !important;
    }

    .mw-xl-600px {
        max-width: 600px !important;
    }

    .mw-xl-650px {
        max-width: 650px !important;
    }

    .mw-xl-700px {
        max-width: 700px !important;
    }

    .mw-xl-750px {
        max-width: 750px !important;
    }

    .mw-xl-800px {
        max-width: 800px !important;
    }

    .mw-xl-850px {
        max-width: 850px !important;
    }

    .mw-xl-900px {
        max-width: 900px !important;
    }

    .mw-xl-950px {
        max-width: 950px !important;
    }

    .mw-xl-1000px {
        max-width: 1000px !important;
    }

    .h-xl-unset {
        height: unset !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }

    .h-xl-1px {
        height: 1px !important;
    }

    .h-xl-2px {
        height: 2px !important;
    }

    .h-xl-3px {
        height: 3px !important;
    }

    .h-xl-4px {
        height: 4px !important;
    }

    .h-xl-5px {
        height: 5px !important;
    }

    .h-xl-6px {
        height: 6px !important;
    }

    .h-xl-7px {
        height: 7px !important;
    }

    .h-xl-8px {
        height: 8px !important;
    }

    .h-xl-9px {
        height: 9px !important;
    }

    .h-xl-10px {
        height: 10px !important;
    }

    .h-xl-15px {
        height: 15px !important;
    }

    .h-xl-20px {
        height: 20px !important;
    }

    .h-xl-25px {
        height: 25px !important;
    }

    .h-xl-30px {
        height: 30px !important;
    }

    .h-xl-35px {
        height: 35px !important;
    }

    .h-xl-40px {
        height: 40px !important;
    }

    .h-xl-45px {
        height: 45px !important;
    }

    .h-xl-50px {
        height: 50px !important;
    }

    .h-xl-55px {
        height: 55px !important;
    }

    .h-xl-60px {
        height: 60px !important;
    }

    .h-xl-65px {
        height: 65px !important;
    }

    .h-xl-70px {
        height: 70px !important;
    }

    .h-xl-75px {
        height: 75px !important;
    }

    .h-xl-80px {
        height: 80px !important;
    }

    .h-xl-85px {
        height: 85px !important;
    }

    .h-xl-90px {
        height: 90px !important;
    }

    .h-xl-95px {
        height: 95px !important;
    }

    .h-xl-100px {
        height: 100px !important;
    }

    .h-xl-125px {
        height: 125px !important;
    }

    .h-xl-150px {
        height: 150px !important;
    }

    .h-xl-175px {
        height: 175px !important;
    }

    .h-xl-200px {
        height: 200px !important;
    }

    .h-xl-225px {
        height: 225px !important;
    }

    .h-xl-250px {
        height: 250px !important;
    }

    .h-xl-275px {
        height: 275px !important;
    }

    .h-xl-300px {
        height: 300px !important;
    }

    .h-xl-325px {
        height: 325px !important;
    }

    .h-xl-350px {
        height: 350px !important;
    }

    .h-xl-375px {
        height: 375px !important;
    }

    .h-xl-400px {
        height: 400px !important;
    }

    .h-xl-425px {
        height: 425px !important;
    }

    .h-xl-450px {
        height: 450px !important;
    }

    .h-xl-475px {
        height: 475px !important;
    }

    .h-xl-500px {
        height: 500px !important;
    }

    .h-xl-550px {
        height: 550px !important;
    }

    .h-xl-600px {
        height: 600px !important;
    }

    .h-xl-650px {
        height: 650px !important;
    }

    .h-xl-700px {
        height: 700px !important;
    }

    .h-xl-750px {
        height: 750px !important;
    }

    .h-xl-800px {
        height: 800px !important;
    }

    .h-xl-850px {
        height: 850px !important;
    }

    .h-xl-900px {
        height: 900px !important;
    }

    .h-xl-950px {
        height: 950px !important;
    }

    .h-xl-1000px {
        height: 1000px !important;
    }

    .mh-xl-unset {
        max-height: unset !important;
    }

    .mh-xl-25 {
        max-height: 25% !important;
    }

    .mh-xl-50 {
        max-height: 50% !important;
    }

    .mh-xl-75 {
        max-height: 75% !important;
    }

    .mh-xl-100 {
        max-height: 100% !important;
    }

    .mh-xl-auto {
        max-height: auto !important;
    }

    .mh-xl-1px {
        max-height: 1px !important;
    }

    .mh-xl-2px {
        max-height: 2px !important;
    }

    .mh-xl-3px {
        max-height: 3px !important;
    }

    .mh-xl-4px {
        max-height: 4px !important;
    }

    .mh-xl-5px {
        max-height: 5px !important;
    }

    .mh-xl-6px {
        max-height: 6px !important;
    }

    .mh-xl-7px {
        max-height: 7px !important;
    }

    .mh-xl-8px {
        max-height: 8px !important;
    }

    .mh-xl-9px {
        max-height: 9px !important;
    }

    .mh-xl-10px {
        max-height: 10px !important;
    }

    .mh-xl-15px {
        max-height: 15px !important;
    }

    .mh-xl-20px {
        max-height: 20px !important;
    }

    .mh-xl-25px {
        max-height: 25px !important;
    }

    .mh-xl-30px {
        max-height: 30px !important;
    }

    .mh-xl-35px {
        max-height: 35px !important;
    }

    .mh-xl-40px {
        max-height: 40px !important;
    }

    .mh-xl-45px {
        max-height: 45px !important;
    }

    .mh-xl-50px {
        max-height: 50px !important;
    }

    .mh-xl-55px {
        max-height: 55px !important;
    }

    .mh-xl-60px {
        max-height: 60px !important;
    }

    .mh-xl-65px {
        max-height: 65px !important;
    }

    .mh-xl-70px {
        max-height: 70px !important;
    }

    .mh-xl-75px {
        max-height: 75px !important;
    }

    .mh-xl-80px {
        max-height: 80px !important;
    }

    .mh-xl-85px {
        max-height: 85px !important;
    }

    .mh-xl-90px {
        max-height: 90px !important;
    }

    .mh-xl-95px {
        max-height: 95px !important;
    }

    .mh-xl-100px {
        max-height: 100px !important;
    }

    .mh-xl-125px {
        max-height: 125px !important;
    }

    .mh-xl-150px {
        max-height: 150px !important;
    }

    .mh-xl-175px {
        max-height: 175px !important;
    }

    .mh-xl-200px {
        max-height: 200px !important;
    }

    .mh-xl-225px {
        max-height: 225px !important;
    }

    .mh-xl-250px {
        max-height: 250px !important;
    }

    .mh-xl-275px {
        max-height: 275px !important;
    }

    .mh-xl-300px {
        max-height: 300px !important;
    }

    .mh-xl-325px {
        max-height: 325px !important;
    }

    .mh-xl-350px {
        max-height: 350px !important;
    }

    .mh-xl-375px {
        max-height: 375px !important;
    }

    .mh-xl-400px {
        max-height: 400px !important;
    }

    .mh-xl-425px {
        max-height: 425px !important;
    }

    .mh-xl-450px {
        max-height: 450px !important;
    }

    .mh-xl-475px {
        max-height: 475px !important;
    }

    .mh-xl-500px {
        max-height: 500px !important;
    }

    .mh-xl-550px {
        max-height: 550px !important;
    }

    .mh-xl-600px {
        max-height: 600px !important;
    }

    .mh-xl-650px {
        max-height: 650px !important;
    }

    .mh-xl-700px {
        max-height: 700px !important;
    }

    .mh-xl-750px {
        max-height: 750px !important;
    }

    .mh-xl-800px {
        max-height: 800px !important;
    }

    .mh-xl-850px {
        max-height: 850px !important;
    }

    .mh-xl-900px {
        max-height: 900px !important;
    }

    .mh-xl-950px {
        max-height: 950px !important;
    }

    .mh-xl-1000px {
        max-height: 1000px !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 0.75rem !important;
    }

    .gap-xl-4 {
        gap: 1rem !important;
    }

    .gap-xl-5 {
        gap: 1.25rem !important;
    }

    .gap-xl-6 {
        gap: 1.5rem !important;
    }

    .gap-xl-7 {
        gap: 1.75rem !important;
    }

    .gap-xl-8 {
        gap: 2rem !important;
    }

    .gap-xl-9 {
        gap: 2.25rem !important;
    }

    .gap-xl-10 {
        gap: 2.5rem !important;
    }

    .gap-xl-11 {
        gap: 2.75rem !important;
    }

    .gap-xl-12 {
        gap: 3rem !important;
    }

    .gap-xl-13 {
        gap: 3.25rem !important;
    }

    .gap-xl-14 {
        gap: 3.5rem !important;
    }

    .gap-xl-15 {
        gap: 3.75rem !important;
    }

    .gap-xl-16 {
        gap: 4rem !important;
    }

    .gap-xl-17 {
        gap: 4.25rem !important;
    }

    .gap-xl-18 {
        gap: 4.5rem !important;
    }

    .gap-xl-19 {
        gap: 4.75rem !important;
    }

    .gap-xl-20 {
        gap: 5rem !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 0.75rem !important;
    }

    .m-xl-4 {
        margin: 1rem !important;
    }

    .m-xl-5 {
        margin: 1.25rem !important;
    }

    .m-xl-6 {
        margin: 1.5rem !important;
    }

    .m-xl-7 {
        margin: 1.75rem !important;
    }

    .m-xl-8 {
        margin: 2rem !important;
    }

    .m-xl-9 {
        margin: 2.25rem !important;
    }

    .m-xl-10 {
        margin: 2.5rem !important;
    }

    .m-xl-11 {
        margin: 2.75rem !important;
    }

    .m-xl-12 {
        margin: 3rem !important;
    }

    .m-xl-13 {
        margin: 3.25rem !important;
    }

    .m-xl-14 {
        margin: 3.5rem !important;
    }

    .m-xl-15 {
        margin: 3.75rem !important;
    }

    .m-xl-16 {
        margin: 4rem !important;
    }

    .m-xl-17 {
        margin: 4.25rem !important;
    }

    .m-xl-18 {
        margin: 4.5rem !important;
    }

    .m-xl-19 {
        margin: 4.75rem !important;
    }

    .m-xl-20 {
        margin: 5rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .mx-xl-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-5 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .mx-xl-6 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-7 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important;
    }

    .mx-xl-8 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-xl-9 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .mx-xl-10 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .mx-xl-11 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important;
    }

    .mx-xl-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-13 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important;
    }

    .mx-xl-14 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important;
    }

    .mx-xl-15 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }

    .mx-xl-16 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xl-17 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important;
    }

    .mx-xl-18 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }

    .mx-xl-19 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important;
    }

    .mx-xl-20 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .my-xl-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .my-xl-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }

    .my-xl-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-xl-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .my-xl-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-xl-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important;
    }

    .my-xl-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important;
    }

    .my-xl-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .my-xl-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }

    .my-xl-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-xl-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important;
    }

    .my-xl-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .my-xl-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important;
    }

    .my-xl-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 0.75rem !important;
    }

    .mt-xl-4 {
        margin-top: 1rem !important;
    }

    .mt-xl-5 {
        margin-top: 1.25rem !important;
    }

    .mt-xl-6 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-7 {
        margin-top: 1.75rem !important;
    }

    .mt-xl-8 {
        margin-top: 2rem !important;
    }

    .mt-xl-9 {
        margin-top: 2.25rem !important;
    }

    .mt-xl-10 {
        margin-top: 2.5rem !important;
    }

    .mt-xl-11 {
        margin-top: 2.75rem !important;
    }

    .mt-xl-12 {
        margin-top: 3rem !important;
    }

    .mt-xl-13 {
        margin-top: 3.25rem !important;
    }

    .mt-xl-14 {
        margin-top: 3.5rem !important;
    }

    .mt-xl-15 {
        margin-top: 3.75rem !important;
    }

    .mt-xl-16 {
        margin-top: 4rem !important;
    }

    .mt-xl-17 {
        margin-top: 4.25rem !important;
    }

    .mt-xl-18 {
        margin-top: 4.5rem !important;
    }

    .mt-xl-19 {
        margin-top: 4.75rem !important;
    }

    .mt-xl-20 {
        margin-top: 5rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 0.75rem !important;
    }

    .me-xl-4 {
        margin-right: 1rem !important;
    }

    .me-xl-5 {
        margin-right: 1.25rem !important;
    }

    .me-xl-6 {
        margin-right: 1.5rem !important;
    }

    .me-xl-7 {
        margin-right: 1.75rem !important;
    }

    .me-xl-8 {
        margin-right: 2rem !important;
    }

    .me-xl-9 {
        margin-right: 2.25rem !important;
    }

    .me-xl-10 {
        margin-right: 2.5rem !important;
    }

    .me-xl-11 {
        margin-right: 2.75rem !important;
    }

    .me-xl-12 {
        margin-right: 3rem !important;
    }

    .me-xl-13 {
        margin-right: 3.25rem !important;
    }

    .me-xl-14 {
        margin-right: 3.5rem !important;
    }

    .me-xl-15 {
        margin-right: 3.75rem !important;
    }

    .me-xl-16 {
        margin-right: 4rem !important;
    }

    .me-xl-17 {
        margin-right: 4.25rem !important;
    }

    .me-xl-18 {
        margin-right: 4.5rem !important;
    }

    .me-xl-19 {
        margin-right: 4.75rem !important;
    }

    .me-xl-20 {
        margin-right: 5rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 0.75rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 1.25rem !important;
    }

    .mb-xl-6 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 1.75rem !important;
    }

    .mb-xl-8 {
        margin-bottom: 2rem !important;
    }

    .mb-xl-9 {
        margin-bottom: 2.25rem !important;
    }

    .mb-xl-10 {
        margin-bottom: 2.5rem !important;
    }

    .mb-xl-11 {
        margin-bottom: 2.75rem !important;
    }

    .mb-xl-12 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-13 {
        margin-bottom: 3.25rem !important;
    }

    .mb-xl-14 {
        margin-bottom: 3.5rem !important;
    }

    .mb-xl-15 {
        margin-bottom: 3.75rem !important;
    }

    .mb-xl-16 {
        margin-bottom: 4rem !important;
    }

    .mb-xl-17 {
        margin-bottom: 4.25rem !important;
    }

    .mb-xl-18 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xl-19 {
        margin-bottom: 4.75rem !important;
    }

    .mb-xl-20 {
        margin-bottom: 5rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 0.75rem !important;
    }

    .ms-xl-4 {
        margin-left: 1rem !important;
    }

    .ms-xl-5 {
        margin-left: 1.25rem !important;
    }

    .ms-xl-6 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-7 {
        margin-left: 1.75rem !important;
    }

    .ms-xl-8 {
        margin-left: 2rem !important;
    }

    .ms-xl-9 {
        margin-left: 2.25rem !important;
    }

    .ms-xl-10 {
        margin-left: 2.5rem !important;
    }

    .ms-xl-11 {
        margin-left: 2.75rem !important;
    }

    .ms-xl-12 {
        margin-left: 3rem !important;
    }

    .ms-xl-13 {
        margin-left: 3.25rem !important;
    }

    .ms-xl-14 {
        margin-left: 3.5rem !important;
    }

    .ms-xl-15 {
        margin-left: 3.75rem !important;
    }

    .ms-xl-16 {
        margin-left: 4rem !important;
    }

    .ms-xl-17 {
        margin-left: 4.25rem !important;
    }

    .ms-xl-18 {
        margin-left: 4.5rem !important;
    }

    .ms-xl-19 {
        margin-left: 4.75rem !important;
    }

    .ms-xl-20 {
        margin-left: 5rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -0.75rem !important;
    }

    .m-xl-n4 {
        margin: -1rem !important;
    }

    .m-xl-n5 {
        margin: -1.25rem !important;
    }

    .m-xl-n6 {
        margin: -1.5rem !important;
    }

    .m-xl-n7 {
        margin: -1.75rem !important;
    }

    .m-xl-n8 {
        margin: -2rem !important;
    }

    .m-xl-n9 {
        margin: -2.25rem !important;
    }

    .m-xl-n10 {
        margin: -2.5rem !important;
    }

    .m-xl-n11 {
        margin: -2.75rem !important;
    }

    .m-xl-n12 {
        margin: -3rem !important;
    }

    .m-xl-n13 {
        margin: -3.25rem !important;
    }

    .m-xl-n14 {
        margin: -3.5rem !important;
    }

    .m-xl-n15 {
        margin: -3.75rem !important;
    }

    .m-xl-n16 {
        margin: -4rem !important;
    }

    .m-xl-n17 {
        margin: -4.25rem !important;
    }

    .m-xl-n18 {
        margin: -4.5rem !important;
    }

    .m-xl-n19 {
        margin: -4.75rem !important;
    }

    .m-xl-n20 {
        margin: -5rem !important;
    }

    .mx-xl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xl-n3 {
        margin-right: -0.75rem !important;
        margin-left: -0.75rem !important;
    }

    .mx-xl-n4 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xl-n5 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important;
    }

    .mx-xl-n6 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xl-n7 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important;
    }

    .mx-xl-n8 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .mx-xl-n9 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important;
    }

    .mx-xl-n10 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important;
    }

    .mx-xl-n11 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important;
    }

    .mx-xl-n12 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-xl-n13 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important;
    }

    .mx-xl-n14 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important;
    }

    .mx-xl-n15 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important;
    }

    .mx-xl-n16 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-xl-n17 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important;
    }

    .mx-xl-n18 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important;
    }

    .mx-xl-n19 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important;
    }

    .mx-xl-n20 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xl-n3 {
        margin-top: -0.75rem !important;
        margin-bottom: -0.75rem !important;
    }

    .my-xl-n4 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xl-n5 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important;
    }

    .my-xl-n6 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xl-n7 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important;
    }

    .my-xl-n8 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .my-xl-n9 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important;
    }

    .my-xl-n10 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .my-xl-n11 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important;
    }

    .my-xl-n12 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-xl-n13 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important;
    }

    .my-xl-n14 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .my-xl-n15 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important;
    }

    .my-xl-n16 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-xl-n17 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important;
    }

    .my-xl-n18 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .my-xl-n19 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important;
    }

    .my-xl-n20 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xl-n3 {
        margin-top: -0.75rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1rem !important;
    }

    .mt-xl-n5 {
        margin-top: -1.25rem !important;
    }

    .mt-xl-n6 {
        margin-top: -1.5rem !important;
    }

    .mt-xl-n7 {
        margin-top: -1.75rem !important;
    }

    .mt-xl-n8 {
        margin-top: -2rem !important;
    }

    .mt-xl-n9 {
        margin-top: -2.25rem !important;
    }

    .mt-xl-n10 {
        margin-top: -2.5rem !important;
    }

    .mt-xl-n11 {
        margin-top: -2.75rem !important;
    }

    .mt-xl-n12 {
        margin-top: -3rem !important;
    }

    .mt-xl-n13 {
        margin-top: -3.25rem !important;
    }

    .mt-xl-n14 {
        margin-top: -3.5rem !important;
    }

    .mt-xl-n15 {
        margin-top: -3.75rem !important;
    }

    .mt-xl-n16 {
        margin-top: -4rem !important;
    }

    .mt-xl-n17 {
        margin-top: -4.25rem !important;
    }

    .mt-xl-n18 {
        margin-top: -4.5rem !important;
    }

    .mt-xl-n19 {
        margin-top: -4.75rem !important;
    }

    .mt-xl-n20 {
        margin-top: -5rem !important;
    }

    .me-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xl-n3 {
        margin-right: -0.75rem !important;
    }

    .me-xl-n4 {
        margin-right: -1rem !important;
    }

    .me-xl-n5 {
        margin-right: -1.25rem !important;
    }

    .me-xl-n6 {
        margin-right: -1.5rem !important;
    }

    .me-xl-n7 {
        margin-right: -1.75rem !important;
    }

    .me-xl-n8 {
        margin-right: -2rem !important;
    }

    .me-xl-n9 {
        margin-right: -2.25rem !important;
    }

    .me-xl-n10 {
        margin-right: -2.5rem !important;
    }

    .me-xl-n11 {
        margin-right: -2.75rem !important;
    }

    .me-xl-n12 {
        margin-right: -3rem !important;
    }

    .me-xl-n13 {
        margin-right: -3.25rem !important;
    }

    .me-xl-n14 {
        margin-right: -3.5rem !important;
    }

    .me-xl-n15 {
        margin-right: -3.75rem !important;
    }

    .me-xl-n16 {
        margin-right: -4rem !important;
    }

    .me-xl-n17 {
        margin-right: -4.25rem !important;
    }

    .me-xl-n18 {
        margin-right: -4.5rem !important;
    }

    .me-xl-n19 {
        margin-right: -4.75rem !important;
    }

    .me-xl-n20 {
        margin-right: -5rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -0.75rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -1.25rem !important;
    }

    .mb-xl-n6 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xl-n7 {
        margin-bottom: -1.75rem !important;
    }

    .mb-xl-n8 {
        margin-bottom: -2rem !important;
    }

    .mb-xl-n9 {
        margin-bottom: -2.25rem !important;
    }

    .mb-xl-n10 {
        margin-bottom: -2.5rem !important;
    }

    .mb-xl-n11 {
        margin-bottom: -2.75rem !important;
    }

    .mb-xl-n12 {
        margin-bottom: -3rem !important;
    }

    .mb-xl-n13 {
        margin-bottom: -3.25rem !important;
    }

    .mb-xl-n14 {
        margin-bottom: -3.5rem !important;
    }

    .mb-xl-n15 {
        margin-bottom: -3.75rem !important;
    }

    .mb-xl-n16 {
        margin-bottom: -4rem !important;
    }

    .mb-xl-n17 {
        margin-bottom: -4.25rem !important;
    }

    .mb-xl-n18 {
        margin-bottom: -4.5rem !important;
    }

    .mb-xl-n19 {
        margin-bottom: -4.75rem !important;
    }

    .mb-xl-n20 {
        margin-bottom: -5rem !important;
    }

    .ms-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xl-n3 {
        margin-left: -0.75rem !important;
    }

    .ms-xl-n4 {
        margin-left: -1rem !important;
    }

    .ms-xl-n5 {
        margin-left: -1.25rem !important;
    }

    .ms-xl-n6 {
        margin-left: -1.5rem !important;
    }

    .ms-xl-n7 {
        margin-left: -1.75rem !important;
    }

    .ms-xl-n8 {
        margin-left: -2rem !important;
    }

    .ms-xl-n9 {
        margin-left: -2.25rem !important;
    }

    .ms-xl-n10 {
        margin-left: -2.5rem !important;
    }

    .ms-xl-n11 {
        margin-left: -2.75rem !important;
    }

    .ms-xl-n12 {
        margin-left: -3rem !important;
    }

    .ms-xl-n13 {
        margin-left: -3.25rem !important;
    }

    .ms-xl-n14 {
        margin-left: -3.5rem !important;
    }

    .ms-xl-n15 {
        margin-left: -3.75rem !important;
    }

    .ms-xl-n16 {
        margin-left: -4rem !important;
    }

    .ms-xl-n17 {
        margin-left: -4.25rem !important;
    }

    .ms-xl-n18 {
        margin-left: -4.5rem !important;
    }

    .ms-xl-n19 {
        margin-left: -4.75rem !important;
    }

    .ms-xl-n20 {
        margin-left: -5rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 0.75rem !important;
    }

    .p-xl-4 {
        padding: 1rem !important;
    }

    .p-xl-5 {
        padding: 1.25rem !important;
    }

    .p-xl-6 {
        padding: 1.5rem !important;
    }

    .p-xl-7 {
        padding: 1.75rem !important;
    }

    .p-xl-8 {
        padding: 2rem !important;
    }

    .p-xl-9 {
        padding: 2.25rem !important;
    }

    .p-xl-10 {
        padding: 2.5rem !important;
    }

    .p-xl-11 {
        padding: 2.75rem !important;
    }

    .p-xl-12 {
        padding: 3rem !important;
    }

    .p-xl-13 {
        padding: 3.25rem !important;
    }

    .p-xl-14 {
        padding: 3.5rem !important;
    }

    .p-xl-15 {
        padding: 3.75rem !important;
    }

    .p-xl-16 {
        padding: 4rem !important;
    }

    .p-xl-17 {
        padding: 4.25rem !important;
    }

    .p-xl-18 {
        padding: 4.5rem !important;
    }

    .p-xl-19 {
        padding: 4.75rem !important;
    }

    .p-xl-20 {
        padding: 5rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .px-xl-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .px-xl-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .px-xl-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-xl-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .px-xl-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .px-xl-11 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important;
    }

    .px-xl-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-xl-13 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important;
    }

    .px-xl-14 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .px-xl-15 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .px-xl-16 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-xl-17 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important;
    }

    .px-xl-18 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .px-xl-19 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important;
    }

    .px-xl-20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-xl-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .py-xl-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .py-xl-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-xl-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .py-xl-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-xl-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    .py-xl-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-xl-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .py-xl-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .py-xl-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-xl-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xl-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important;
    }

    .py-xl-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .py-xl-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important;
    }

    .py-xl-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 0.75rem !important;
    }

    .pt-xl-4 {
        padding-top: 1rem !important;
    }

    .pt-xl-5 {
        padding-top: 1.25rem !important;
    }

    .pt-xl-6 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-7 {
        padding-top: 1.75rem !important;
    }

    .pt-xl-8 {
        padding-top: 2rem !important;
    }

    .pt-xl-9 {
        padding-top: 2.25rem !important;
    }

    .pt-xl-10 {
        padding-top: 2.5rem !important;
    }

    .pt-xl-11 {
        padding-top: 2.75rem !important;
    }

    .pt-xl-12 {
        padding-top: 3rem !important;
    }

    .pt-xl-13 {
        padding-top: 3.25rem !important;
    }

    .pt-xl-14 {
        padding-top: 3.5rem !important;
    }

    .pt-xl-15 {
        padding-top: 3.75rem !important;
    }

    .pt-xl-16 {
        padding-top: 4rem !important;
    }

    .pt-xl-17 {
        padding-top: 4.25rem !important;
    }

    .pt-xl-18 {
        padding-top: 4.5rem !important;
    }

    .pt-xl-19 {
        padding-top: 4.75rem !important;
    }

    .pt-xl-20 {
        padding-top: 5rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 0.75rem !important;
    }

    .pe-xl-4 {
        padding-right: 1rem !important;
    }

    .pe-xl-5 {
        padding-right: 1.25rem !important;
    }

    .pe-xl-6 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-7 {
        padding-right: 1.75rem !important;
    }

    .pe-xl-8 {
        padding-right: 2rem !important;
    }

    .pe-xl-9 {
        padding-right: 2.25rem !important;
    }

    .pe-xl-10 {
        padding-right: 2.5rem !important;
    }

    .pe-xl-11 {
        padding-right: 2.75rem !important;
    }

    .pe-xl-12 {
        padding-right: 3rem !important;
    }

    .pe-xl-13 {
        padding-right: 3.25rem !important;
    }

    .pe-xl-14 {
        padding-right: 3.5rem !important;
    }

    .pe-xl-15 {
        padding-right: 3.75rem !important;
    }

    .pe-xl-16 {
        padding-right: 4rem !important;
    }

    .pe-xl-17 {
        padding-right: 4.25rem !important;
    }

    .pe-xl-18 {
        padding-right: 4.5rem !important;
    }

    .pe-xl-19 {
        padding-right: 4.75rem !important;
    }

    .pe-xl-20 {
        padding-right: 5rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 0.75rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 1.25rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-7 {
        padding-bottom: 1.75rem !important;
    }

    .pb-xl-8 {
        padding-bottom: 2rem !important;
    }

    .pb-xl-9 {
        padding-bottom: 2.25rem !important;
    }

    .pb-xl-10 {
        padding-bottom: 2.5rem !important;
    }

    .pb-xl-11 {
        padding-bottom: 2.75rem !important;
    }

    .pb-xl-12 {
        padding-bottom: 3rem !important;
    }

    .pb-xl-13 {
        padding-bottom: 3.25rem !important;
    }

    .pb-xl-14 {
        padding-bottom: 3.5rem !important;
    }

    .pb-xl-15 {
        padding-bottom: 3.75rem !important;
    }

    .pb-xl-16 {
        padding-bottom: 4rem !important;
    }

    .pb-xl-17 {
        padding-bottom: 4.25rem !important;
    }

    .pb-xl-18 {
        padding-bottom: 4.5rem !important;
    }

    .pb-xl-19 {
        padding-bottom: 4.75rem !important;
    }

    .pb-xl-20 {
        padding-bottom: 5rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 0.75rem !important;
    }

    .ps-xl-4 {
        padding-left: 1rem !important;
    }

    .ps-xl-5 {
        padding-left: 1.25rem !important;
    }

    .ps-xl-6 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-7 {
        padding-left: 1.75rem !important;
    }

    .ps-xl-8 {
        padding-left: 2rem !important;
    }

    .ps-xl-9 {
        padding-left: 2.25rem !important;
    }

    .ps-xl-10 {
        padding-left: 2.5rem !important;
    }

    .ps-xl-11 {
        padding-left: 2.75rem !important;
    }

    .ps-xl-12 {
        padding-left: 3rem !important;
    }

    .ps-xl-13 {
        padding-left: 3.25rem !important;
    }

    .ps-xl-14 {
        padding-left: 3.5rem !important;
    }

    .ps-xl-15 {
        padding-left: 3.75rem !important;
    }

    .ps-xl-16 {
        padding-left: 4rem !important;
    }

    .ps-xl-17 {
        padding-left: 4.25rem !important;
    }

    .ps-xl-18 {
        padding-left: 4.5rem !important;
    }

    .ps-xl-19 {
        padding-left: 4.75rem !important;
    }

    .ps-xl-20 {
        padding-left: 5rem !important;
    }

    .fs-xl-1 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-xl-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-xl-3 {
        font-size: calc(1.26rem + 0.12vw) !important;
    }

    .fs-xl-4 {
        font-size: 1.25rem !important;
    }

    .fs-xl-5 {
        font-size: 1.15rem !important;
    }

    .fs-xl-6 {
        font-size: 1.075rem !important;
    }

    .fs-xl-7 {
        font-size: 0.95rem !important;
    }

    .fs-xl-8 {
        font-size: 0.85rem !important;
    }

    .fs-xl-9 {
        font-size: 0.75rem !important;
    }

    .fs-xl-10 {
        font-size: 0.5rem !important;
    }

    .fs-xl-base {
        font-size: 1rem !important;
    }

    .fs-xl-fluid {
        font-size: 100% !important;
    }

    .fs-xl-2x {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-xl-2qx {
        font-size: calc(1.35rem + 1.2vw) !important;
    }

    .fs-xl-2hx {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-xl-2tx {
        font-size: calc(1.4rem + 1.8vw) !important;
    }

    .fs-xl-3x {
        font-size: calc(1.425rem + 2.1vw) !important;
    }

    .fs-xl-3qx {
        font-size: calc(1.45rem + 2.4vw) !important;
    }

    .fs-xl-3hx {
        font-size: calc(1.475rem + 2.7vw) !important;
    }

    .fs-xl-3tx {
        font-size: calc(1.5rem + 3vw) !important;
    }

    .fs-xl-4x {
        font-size: calc(1.525rem + 3.3vw) !important;
    }

    .fs-xl-4qx {
        font-size: calc(1.55rem + 3.6vw) !important;
    }

    .fs-xl-4hx {
        font-size: calc(1.575rem + 3.9vw) !important;
    }

    .fs-xl-4tx {
        font-size: calc(1.6rem + 4.2vw) !important;
    }

    .fs-xl-5x {
        font-size: calc(1.625rem + 4.5vw) !important;
    }

    .fs-xl-5qx {
        font-size: calc(1.65rem + 4.8vw) !important;
    }

    .fs-xl-5hx {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-xl-5tx {
        font-size: calc(1.7rem + 5.4vw) !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .min-w-xl-unset {
        min-width: unset !important;
    }

    .min-w-xl-25 {
        min-width: 25% !important;
    }

    .min-w-xl-50 {
        min-width: 50% !important;
    }

    .min-w-xl-75 {
        min-width: 75% !important;
    }

    .min-w-xl-100 {
        min-width: 100% !important;
    }

    .min-w-xl-auto {
        min-width: auto !important;
    }

    .min-w-xl-1px {
        min-width: 1px !important;
    }

    .min-w-xl-2px {
        min-width: 2px !important;
    }

    .min-w-xl-3px {
        min-width: 3px !important;
    }

    .min-w-xl-4px {
        min-width: 4px !important;
    }

    .min-w-xl-5px {
        min-width: 5px !important;
    }

    .min-w-xl-6px {
        min-width: 6px !important;
    }

    .min-w-xl-7px {
        min-width: 7px !important;
    }

    .min-w-xl-8px {
        min-width: 8px !important;
    }

    .min-w-xl-9px {
        min-width: 9px !important;
    }

    .min-w-xl-10px {
        min-width: 10px !important;
    }

    .min-w-xl-15px {
        min-width: 15px !important;
    }

    .min-w-xl-20px {
        min-width: 20px !important;
    }

    .min-w-xl-25px {
        min-width: 25px !important;
    }

    .min-w-xl-30px {
        min-width: 30px !important;
    }

    .min-w-xl-35px {
        min-width: 35px !important;
    }

    .min-w-xl-40px {
        min-width: 40px !important;
    }

    .min-w-xl-45px {
        min-width: 45px !important;
    }

    .min-w-xl-50px {
        min-width: 50px !important;
    }

    .min-w-xl-55px {
        min-width: 55px !important;
    }

    .min-w-xl-60px {
        min-width: 60px !important;
    }

    .min-w-xl-65px {
        min-width: 65px !important;
    }

    .min-w-xl-70px {
        min-width: 70px !important;
    }

    .min-w-xl-75px {
        min-width: 75px !important;
    }

    .min-w-xl-80px {
        min-width: 80px !important;
    }

    .min-w-xl-85px {
        min-width: 85px !important;
    }

    .min-w-xl-90px {
        min-width: 90px !important;
    }

    .min-w-xl-95px {
        min-width: 95px !important;
    }

    .min-w-xl-100px {
        min-width: 100px !important;
    }

    .min-w-xl-125px {
        min-width: 125px !important;
    }

    .min-w-xl-150px {
        min-width: 150px !important;
    }

    .min-w-xl-175px {
        min-width: 175px !important;
    }

    .min-w-xl-200px {
        min-width: 200px !important;
    }

    .min-w-xl-225px {
        min-width: 225px !important;
    }

    .min-w-xl-250px {
        min-width: 250px !important;
    }

    .min-w-xl-275px {
        min-width: 275px !important;
    }

    .min-w-xl-300px {
        min-width: 300px !important;
    }

    .min-w-xl-325px {
        min-width: 325px !important;
    }

    .min-w-xl-350px {
        min-width: 350px !important;
    }

    .min-w-xl-375px {
        min-width: 375px !important;
    }

    .min-w-xl-400px {
        min-width: 400px !important;
    }

    .min-w-xl-425px {
        min-width: 425px !important;
    }

    .min-w-xl-450px {
        min-width: 450px !important;
    }

    .min-w-xl-475px {
        min-width: 475px !important;
    }

    .min-w-xl-500px {
        min-width: 500px !important;
    }

    .min-w-xl-550px {
        min-width: 550px !important;
    }

    .min-w-xl-600px {
        min-width: 600px !important;
    }

    .min-w-xl-650px {
        min-width: 650px !important;
    }

    .min-w-xl-700px {
        min-width: 700px !important;
    }

    .min-w-xl-750px {
        min-width: 750px !important;
    }

    .min-w-xl-800px {
        min-width: 800px !important;
    }

    .min-w-xl-850px {
        min-width: 850px !important;
    }

    .min-w-xl-900px {
        min-width: 900px !important;
    }

    .min-w-xl-950px {
        min-width: 950px !important;
    }

    .min-w-xl-1000px {
        min-width: 1000px !important;
    }

    .min-h-xl-unset {
        min-height: unset !important;
    }

    .min-h-xl-25 {
        min-height: 25% !important;
    }

    .min-h-xl-50 {
        min-height: 50% !important;
    }

    .min-h-xl-75 {
        min-height: 75% !important;
    }

    .min-h-xl-100 {
        min-height: 100% !important;
    }

    .min-h-xl-auto {
        min-height: auto !important;
    }

    .min-h-xl-1px {
        min-height: 1px !important;
    }

    .min-h-xl-2px {
        min-height: 2px !important;
    }

    .min-h-xl-3px {
        min-height: 3px !important;
    }

    .min-h-xl-4px {
        min-height: 4px !important;
    }

    .min-h-xl-5px {
        min-height: 5px !important;
    }

    .min-h-xl-6px {
        min-height: 6px !important;
    }

    .min-h-xl-7px {
        min-height: 7px !important;
    }

    .min-h-xl-8px {
        min-height: 8px !important;
    }

    .min-h-xl-9px {
        min-height: 9px !important;
    }

    .min-h-xl-10px {
        min-height: 10px !important;
    }

    .min-h-xl-15px {
        min-height: 15px !important;
    }

    .min-h-xl-20px {
        min-height: 20px !important;
    }

    .min-h-xl-25px {
        min-height: 25px !important;
    }

    .min-h-xl-30px {
        min-height: 30px !important;
    }

    .min-h-xl-35px {
        min-height: 35px !important;
    }

    .min-h-xl-40px {
        min-height: 40px !important;
    }

    .min-h-xl-45px {
        min-height: 45px !important;
    }

    .min-h-xl-50px {
        min-height: 50px !important;
    }

    .min-h-xl-55px {
        min-height: 55px !important;
    }

    .min-h-xl-60px {
        min-height: 60px !important;
    }

    .min-h-xl-65px {
        min-height: 65px !important;
    }

    .min-h-xl-70px {
        min-height: 70px !important;
    }

    .min-h-xl-75px {
        min-height: 75px !important;
    }

    .min-h-xl-80px {
        min-height: 80px !important;
    }

    .min-h-xl-85px {
        min-height: 85px !important;
    }

    .min-h-xl-90px {
        min-height: 90px !important;
    }

    .min-h-xl-95px {
        min-height: 95px !important;
    }

    .min-h-xl-100px {
        min-height: 100px !important;
    }

    .min-h-xl-125px {
        min-height: 125px !important;
    }

    .min-h-xl-150px {
        min-height: 150px !important;
    }

    .min-h-xl-175px {
        min-height: 175px !important;
    }

    .min-h-xl-200px {
        min-height: 200px !important;
    }

    .min-h-xl-225px {
        min-height: 225px !important;
    }

    .min-h-xl-250px {
        min-height: 250px !important;
    }

    .min-h-xl-275px {
        min-height: 275px !important;
    }

    .min-h-xl-300px {
        min-height: 300px !important;
    }

    .min-h-xl-325px {
        min-height: 325px !important;
    }

    .min-h-xl-350px {
        min-height: 350px !important;
    }

    .min-h-xl-375px {
        min-height: 375px !important;
    }

    .min-h-xl-400px {
        min-height: 400px !important;
    }

    .min-h-xl-425px {
        min-height: 425px !important;
    }

    .min-h-xl-450px {
        min-height: 450px !important;
    }

    .min-h-xl-475px {
        min-height: 475px !important;
    }

    .min-h-xl-500px {
        min-height: 500px !important;
    }

    .min-h-xl-550px {
        min-height: 550px !important;
    }

    .min-h-xl-600px {
        min-height: 600px !important;
    }

    .min-h-xl-650px {
        min-height: 650px !important;
    }

    .min-h-xl-700px {
        min-height: 700px !important;
    }

    .min-h-xl-750px {
        min-height: 750px !important;
    }

    .min-h-xl-800px {
        min-height: 800px !important;
    }

    .min-h-xl-850px {
        min-height: 850px !important;
    }

    .min-h-xl-900px {
        min-height: 900px !important;
    }

    .min-h-xl-950px {
        min-height: 950px !important;
    }

    .min-h-xl-1000px {
        min-height: 1000px !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .position-xxl-static {
        position: static !important;
    }

    .position-xxl-relative {
        position: relative !important;
    }

    .position-xxl-absolute {
        position: absolute !important;
    }

    .position-xxl-fixed {
        position: fixed !important;
    }

    .position-xxl-sticky {
        position: sticky !important;
    }

    .w-xxl-unset {
        width: unset !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }

    .w-xxl-1px {
        width: 1px !important;
    }

    .w-xxl-2px {
        width: 2px !important;
    }

    .w-xxl-3px {
        width: 3px !important;
    }

    .w-xxl-4px {
        width: 4px !important;
    }

    .w-xxl-5px {
        width: 5px !important;
    }

    .w-xxl-6px {
        width: 6px !important;
    }

    .w-xxl-7px {
        width: 7px !important;
    }

    .w-xxl-8px {
        width: 8px !important;
    }

    .w-xxl-9px {
        width: 9px !important;
    }

    .w-xxl-10px {
        width: 10px !important;
    }

    .w-xxl-15px {
        width: 15px !important;
    }

    .w-xxl-20px {
        width: 20px !important;
    }

    .w-xxl-25px {
        width: 25px !important;
    }

    .w-xxl-30px {
        width: 30px !important;
    }

    .w-xxl-35px {
        width: 35px !important;
    }

    .w-xxl-40px {
        width: 40px !important;
    }

    .w-xxl-45px {
        width: 45px !important;
    }

    .w-xxl-50px {
        width: 50px !important;
    }

    .w-xxl-55px {
        width: 55px !important;
    }

    .w-xxl-60px {
        width: 60px !important;
    }

    .w-xxl-65px {
        width: 65px !important;
    }

    .w-xxl-70px {
        width: 70px !important;
    }

    .w-xxl-75px {
        width: 75px !important;
    }

    .w-xxl-80px {
        width: 80px !important;
    }

    .w-xxl-85px {
        width: 85px !important;
    }

    .w-xxl-90px {
        width: 90px !important;
    }

    .w-xxl-95px {
        width: 95px !important;
    }

    .w-xxl-100px {
        width: 100px !important;
    }

    .w-xxl-125px {
        width: 125px !important;
    }

    .w-xxl-150px {
        width: 150px !important;
    }

    .w-xxl-175px {
        width: 175px !important;
    }

    .w-xxl-200px {
        width: 200px !important;
    }

    .w-xxl-225px {
        width: 225px !important;
    }

    .w-xxl-250px {
        width: 250px !important;
    }

    .w-xxl-275px {
        width: 275px !important;
    }

    .w-xxl-300px {
        width: 300px !important;
    }

    .w-xxl-325px {
        width: 325px !important;
    }

    .w-xxl-350px {
        width: 350px !important;
    }

    .w-xxl-375px {
        width: 375px !important;
    }

    .w-xxl-400px {
        width: 400px !important;
    }

    .w-xxl-425px {
        width: 425px !important;
    }

    .w-xxl-450px {
        width: 450px !important;
    }

    .w-xxl-475px {
        width: 475px !important;
    }

    .w-xxl-500px {
        width: 500px !important;
    }

    .w-xxl-550px {
        width: 550px !important;
    }

    .w-xxl-600px {
        width: 600px !important;
    }

    .w-xxl-650px {
        width: 650px !important;
    }

    .w-xxl-700px {
        width: 700px !important;
    }

    .w-xxl-750px {
        width: 750px !important;
    }

    .w-xxl-800px {
        width: 800px !important;
    }

    .w-xxl-850px {
        width: 850px !important;
    }

    .w-xxl-900px {
        width: 900px !important;
    }

    .w-xxl-950px {
        width: 950px !important;
    }

    .w-xxl-1000px {
        width: 1000px !important;
    }

    .mw-xxl-unset {
        max-width: unset !important;
    }

    .mw-xxl-25 {
        max-width: 25% !important;
    }

    .mw-xxl-50 {
        max-width: 50% !important;
    }

    .mw-xxl-75 {
        max-width: 75% !important;
    }

    .mw-xxl-100 {
        max-width: 100% !important;
    }

    .mw-xxl-auto {
        max-width: auto !important;
    }

    .mw-xxl-1px {
        max-width: 1px !important;
    }

    .mw-xxl-2px {
        max-width: 2px !important;
    }

    .mw-xxl-3px {
        max-width: 3px !important;
    }

    .mw-xxl-4px {
        max-width: 4px !important;
    }

    .mw-xxl-5px {
        max-width: 5px !important;
    }

    .mw-xxl-6px {
        max-width: 6px !important;
    }

    .mw-xxl-7px {
        max-width: 7px !important;
    }

    .mw-xxl-8px {
        max-width: 8px !important;
    }

    .mw-xxl-9px {
        max-width: 9px !important;
    }

    .mw-xxl-10px {
        max-width: 10px !important;
    }

    .mw-xxl-15px {
        max-width: 15px !important;
    }

    .mw-xxl-20px {
        max-width: 20px !important;
    }

    .mw-xxl-25px {
        max-width: 25px !important;
    }

    .mw-xxl-30px {
        max-width: 30px !important;
    }

    .mw-xxl-35px {
        max-width: 35px !important;
    }

    .mw-xxl-40px {
        max-width: 40px !important;
    }

    .mw-xxl-45px {
        max-width: 45px !important;
    }

    .mw-xxl-50px {
        max-width: 50px !important;
    }

    .mw-xxl-55px {
        max-width: 55px !important;
    }

    .mw-xxl-60px {
        max-width: 60px !important;
    }

    .mw-xxl-65px {
        max-width: 65px !important;
    }

    .mw-xxl-70px {
        max-width: 70px !important;
    }

    .mw-xxl-75px {
        max-width: 75px !important;
    }

    .mw-xxl-80px {
        max-width: 80px !important;
    }

    .mw-xxl-85px {
        max-width: 85px !important;
    }

    .mw-xxl-90px {
        max-width: 90px !important;
    }

    .mw-xxl-95px {
        max-width: 95px !important;
    }

    .mw-xxl-100px {
        max-width: 100px !important;
    }

    .mw-xxl-125px {
        max-width: 125px !important;
    }

    .mw-xxl-150px {
        max-width: 150px !important;
    }

    .mw-xxl-175px {
        max-width: 175px !important;
    }

    .mw-xxl-200px {
        max-width: 200px !important;
    }

    .mw-xxl-225px {
        max-width: 225px !important;
    }

    .mw-xxl-250px {
        max-width: 250px !important;
    }

    .mw-xxl-275px {
        max-width: 275px !important;
    }

    .mw-xxl-300px {
        max-width: 300px !important;
    }

    .mw-xxl-325px {
        max-width: 325px !important;
    }

    .mw-xxl-350px {
        max-width: 350px !important;
    }

    .mw-xxl-375px {
        max-width: 375px !important;
    }

    .mw-xxl-400px {
        max-width: 400px !important;
    }

    .mw-xxl-425px {
        max-width: 425px !important;
    }

    .mw-xxl-450px {
        max-width: 450px !important;
    }

    .mw-xxl-475px {
        max-width: 475px !important;
    }

    .mw-xxl-500px {
        max-width: 500px !important;
    }

    .mw-xxl-550px {
        max-width: 550px !important;
    }

    .mw-xxl-600px {
        max-width: 600px !important;
    }

    .mw-xxl-650px {
        max-width: 650px !important;
    }

    .mw-xxl-700px {
        max-width: 700px !important;
    }

    .mw-xxl-750px {
        max-width: 750px !important;
    }

    .mw-xxl-800px {
        max-width: 800px !important;
    }

    .mw-xxl-850px {
        max-width: 850px !important;
    }

    .mw-xxl-900px {
        max-width: 900px !important;
    }

    .mw-xxl-950px {
        max-width: 950px !important;
    }

    .mw-xxl-1000px {
        max-width: 1000px !important;
    }

    .h-xxl-unset {
        height: unset !important;
    }

    .h-xxl-25 {
        height: 25% !important;
    }

    .h-xxl-50 {
        height: 50% !important;
    }

    .h-xxl-75 {
        height: 75% !important;
    }

    .h-xxl-100 {
        height: 100% !important;
    }

    .h-xxl-auto {
        height: auto !important;
    }

    .h-xxl-1px {
        height: 1px !important;
    }

    .h-xxl-2px {
        height: 2px !important;
    }

    .h-xxl-3px {
        height: 3px !important;
    }

    .h-xxl-4px {
        height: 4px !important;
    }

    .h-xxl-5px {
        height: 5px !important;
    }

    .h-xxl-6px {
        height: 6px !important;
    }

    .h-xxl-7px {
        height: 7px !important;
    }

    .h-xxl-8px {
        height: 8px !important;
    }

    .h-xxl-9px {
        height: 9px !important;
    }

    .h-xxl-10px {
        height: 10px !important;
    }

    .h-xxl-15px {
        height: 15px !important;
    }

    .h-xxl-20px {
        height: 20px !important;
    }

    .h-xxl-25px {
        height: 25px !important;
    }

    .h-xxl-30px {
        height: 30px !important;
    }

    .h-xxl-35px {
        height: 35px !important;
    }

    .h-xxl-40px {
        height: 40px !important;
    }

    .h-xxl-45px {
        height: 45px !important;
    }

    .h-xxl-50px {
        height: 50px !important;
    }

    .h-xxl-55px {
        height: 55px !important;
    }

    .h-xxl-60px {
        height: 60px !important;
    }

    .h-xxl-65px {
        height: 65px !important;
    }

    .h-xxl-70px {
        height: 70px !important;
    }

    .h-xxl-75px {
        height: 75px !important;
    }

    .h-xxl-80px {
        height: 80px !important;
    }

    .h-xxl-85px {
        height: 85px !important;
    }

    .h-xxl-90px {
        height: 90px !important;
    }

    .h-xxl-95px {
        height: 95px !important;
    }

    .h-xxl-100px {
        height: 100px !important;
    }

    .h-xxl-125px {
        height: 125px !important;
    }

    .h-xxl-150px {
        height: 150px !important;
    }

    .h-xxl-175px {
        height: 175px !important;
    }

    .h-xxl-200px {
        height: 200px !important;
    }

    .h-xxl-225px {
        height: 225px !important;
    }

    .h-xxl-250px {
        height: 250px !important;
    }

    .h-xxl-275px {
        height: 275px !important;
    }

    .h-xxl-300px {
        height: 300px !important;
    }

    .h-xxl-325px {
        height: 325px !important;
    }

    .h-xxl-350px {
        height: 350px !important;
    }

    .h-xxl-375px {
        height: 375px !important;
    }

    .h-xxl-400px {
        height: 400px !important;
    }

    .h-xxl-425px {
        height: 425px !important;
    }

    .h-xxl-450px {
        height: 450px !important;
    }

    .h-xxl-475px {
        height: 475px !important;
    }

    .h-xxl-500px {
        height: 500px !important;
    }

    .h-xxl-550px {
        height: 550px !important;
    }

    .h-xxl-600px {
        height: 600px !important;
    }

    .h-xxl-650px {
        height: 650px !important;
    }

    .h-xxl-700px {
        height: 700px !important;
    }

    .h-xxl-750px {
        height: 750px !important;
    }

    .h-xxl-800px {
        height: 800px !important;
    }

    .h-xxl-850px {
        height: 850px !important;
    }

    .h-xxl-900px {
        height: 900px !important;
    }

    .h-xxl-950px {
        height: 950px !important;
    }

    .h-xxl-1000px {
        height: 1000px !important;
    }

    .mh-xxl-unset {
        max-height: unset !important;
    }

    .mh-xxl-25 {
        max-height: 25% !important;
    }

    .mh-xxl-50 {
        max-height: 50% !important;
    }

    .mh-xxl-75 {
        max-height: 75% !important;
    }

    .mh-xxl-100 {
        max-height: 100% !important;
    }

    .mh-xxl-auto {
        max-height: auto !important;
    }

    .mh-xxl-1px {
        max-height: 1px !important;
    }

    .mh-xxl-2px {
        max-height: 2px !important;
    }

    .mh-xxl-3px {
        max-height: 3px !important;
    }

    .mh-xxl-4px {
        max-height: 4px !important;
    }

    .mh-xxl-5px {
        max-height: 5px !important;
    }

    .mh-xxl-6px {
        max-height: 6px !important;
    }

    .mh-xxl-7px {
        max-height: 7px !important;
    }

    .mh-xxl-8px {
        max-height: 8px !important;
    }

    .mh-xxl-9px {
        max-height: 9px !important;
    }

    .mh-xxl-10px {
        max-height: 10px !important;
    }

    .mh-xxl-15px {
        max-height: 15px !important;
    }

    .mh-xxl-20px {
        max-height: 20px !important;
    }

    .mh-xxl-25px {
        max-height: 25px !important;
    }

    .mh-xxl-30px {
        max-height: 30px !important;
    }

    .mh-xxl-35px {
        max-height: 35px !important;
    }

    .mh-xxl-40px {
        max-height: 40px !important;
    }

    .mh-xxl-45px {
        max-height: 45px !important;
    }

    .mh-xxl-50px {
        max-height: 50px !important;
    }

    .mh-xxl-55px {
        max-height: 55px !important;
    }

    .mh-xxl-60px {
        max-height: 60px !important;
    }

    .mh-xxl-65px {
        max-height: 65px !important;
    }

    .mh-xxl-70px {
        max-height: 70px !important;
    }

    .mh-xxl-75px {
        max-height: 75px !important;
    }

    .mh-xxl-80px {
        max-height: 80px !important;
    }

    .mh-xxl-85px {
        max-height: 85px !important;
    }

    .mh-xxl-90px {
        max-height: 90px !important;
    }

    .mh-xxl-95px {
        max-height: 95px !important;
    }

    .mh-xxl-100px {
        max-height: 100px !important;
    }

    .mh-xxl-125px {
        max-height: 125px !important;
    }

    .mh-xxl-150px {
        max-height: 150px !important;
    }

    .mh-xxl-175px {
        max-height: 175px !important;
    }

    .mh-xxl-200px {
        max-height: 200px !important;
    }

    .mh-xxl-225px {
        max-height: 225px !important;
    }

    .mh-xxl-250px {
        max-height: 250px !important;
    }

    .mh-xxl-275px {
        max-height: 275px !important;
    }

    .mh-xxl-300px {
        max-height: 300px !important;
    }

    .mh-xxl-325px {
        max-height: 325px !important;
    }

    .mh-xxl-350px {
        max-height: 350px !important;
    }

    .mh-xxl-375px {
        max-height: 375px !important;
    }

    .mh-xxl-400px {
        max-height: 400px !important;
    }

    .mh-xxl-425px {
        max-height: 425px !important;
    }

    .mh-xxl-450px {
        max-height: 450px !important;
    }

    .mh-xxl-475px {
        max-height: 475px !important;
    }

    .mh-xxl-500px {
        max-height: 500px !important;
    }

    .mh-xxl-550px {
        max-height: 550px !important;
    }

    .mh-xxl-600px {
        max-height: 600px !important;
    }

    .mh-xxl-650px {
        max-height: 650px !important;
    }

    .mh-xxl-700px {
        max-height: 700px !important;
    }

    .mh-xxl-750px {
        max-height: 750px !important;
    }

    .mh-xxl-800px {
        max-height: 800px !important;
    }

    .mh-xxl-850px {
        max-height: 850px !important;
    }

    .mh-xxl-900px {
        max-height: 900px !important;
    }

    .mh-xxl-950px {
        max-height: 950px !important;
    }

    .mh-xxl-1000px {
        max-height: 1000px !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 0.75rem !important;
    }

    .gap-xxl-4 {
        gap: 1rem !important;
    }

    .gap-xxl-5 {
        gap: 1.25rem !important;
    }

    .gap-xxl-6 {
        gap: 1.5rem !important;
    }

    .gap-xxl-7 {
        gap: 1.75rem !important;
    }

    .gap-xxl-8 {
        gap: 2rem !important;
    }

    .gap-xxl-9 {
        gap: 2.25rem !important;
    }

    .gap-xxl-10 {
        gap: 2.5rem !important;
    }

    .gap-xxl-11 {
        gap: 2.75rem !important;
    }

    .gap-xxl-12 {
        gap: 3rem !important;
    }

    .gap-xxl-13 {
        gap: 3.25rem !important;
    }

    .gap-xxl-14 {
        gap: 3.5rem !important;
    }

    .gap-xxl-15 {
        gap: 3.75rem !important;
    }

    .gap-xxl-16 {
        gap: 4rem !important;
    }

    .gap-xxl-17 {
        gap: 4.25rem !important;
    }

    .gap-xxl-18 {
        gap: 4.5rem !important;
    }

    .gap-xxl-19 {
        gap: 4.75rem !important;
    }

    .gap-xxl-20 {
        gap: 5rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 0.75rem !important;
    }

    .m-xxl-4 {
        margin: 1rem !important;
    }

    .m-xxl-5 {
        margin: 1.25rem !important;
    }

    .m-xxl-6 {
        margin: 1.5rem !important;
    }

    .m-xxl-7 {
        margin: 1.75rem !important;
    }

    .m-xxl-8 {
        margin: 2rem !important;
    }

    .m-xxl-9 {
        margin: 2.25rem !important;
    }

    .m-xxl-10 {
        margin: 2.5rem !important;
    }

    .m-xxl-11 {
        margin: 2.75rem !important;
    }

    .m-xxl-12 {
        margin: 3rem !important;
    }

    .m-xxl-13 {
        margin: 3.25rem !important;
    }

    .m-xxl-14 {
        margin: 3.5rem !important;
    }

    .m-xxl-15 {
        margin: 3.75rem !important;
    }

    .m-xxl-16 {
        margin: 4rem !important;
    }

    .m-xxl-17 {
        margin: 4.25rem !important;
    }

    .m-xxl-18 {
        margin: 4.5rem !important;
    }

    .m-xxl-19 {
        margin: 4.75rem !important;
    }

    .m-xxl-20 {
        margin: 5rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-5 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .mx-xxl-6 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-7 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important;
    }

    .mx-xxl-8 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-xxl-9 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .mx-xxl-10 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .mx-xxl-11 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important;
    }

    .mx-xxl-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-13 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important;
    }

    .mx-xxl-14 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important;
    }

    .mx-xxl-15 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }

    .mx-xxl-16 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xxl-17 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important;
    }

    .mx-xxl-18 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important;
    }

    .mx-xxl-19 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important;
    }

    .mx-xxl-20 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .my-xxl-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .my-xxl-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }

    .my-xxl-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-xxl-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .my-xxl-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-xxl-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important;
    }

    .my-xxl-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important;
    }

    .my-xxl-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .my-xxl-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }

    .my-xxl-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-xxl-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important;
    }

    .my-xxl-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .my-xxl-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important;
    }

    .my-xxl-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 0.75rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1rem !important;
    }

    .mt-xxl-5 {
        margin-top: 1.25rem !important;
    }

    .mt-xxl-6 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-7 {
        margin-top: 1.75rem !important;
    }

    .mt-xxl-8 {
        margin-top: 2rem !important;
    }

    .mt-xxl-9 {
        margin-top: 2.25rem !important;
    }

    .mt-xxl-10 {
        margin-top: 2.5rem !important;
    }

    .mt-xxl-11 {
        margin-top: 2.75rem !important;
    }

    .mt-xxl-12 {
        margin-top: 3rem !important;
    }

    .mt-xxl-13 {
        margin-top: 3.25rem !important;
    }

    .mt-xxl-14 {
        margin-top: 3.5rem !important;
    }

    .mt-xxl-15 {
        margin-top: 3.75rem !important;
    }

    .mt-xxl-16 {
        margin-top: 4rem !important;
    }

    .mt-xxl-17 {
        margin-top: 4.25rem !important;
    }

    .mt-xxl-18 {
        margin-top: 4.5rem !important;
    }

    .mt-xxl-19 {
        margin-top: 4.75rem !important;
    }

    .mt-xxl-20 {
        margin-top: 5rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 0.75rem !important;
    }

    .me-xxl-4 {
        margin-right: 1rem !important;
    }

    .me-xxl-5 {
        margin-right: 1.25rem !important;
    }

    .me-xxl-6 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-7 {
        margin-right: 1.75rem !important;
    }

    .me-xxl-8 {
        margin-right: 2rem !important;
    }

    .me-xxl-9 {
        margin-right: 2.25rem !important;
    }

    .me-xxl-10 {
        margin-right: 2.5rem !important;
    }

    .me-xxl-11 {
        margin-right: 2.75rem !important;
    }

    .me-xxl-12 {
        margin-right: 3rem !important;
    }

    .me-xxl-13 {
        margin-right: 3.25rem !important;
    }

    .me-xxl-14 {
        margin-right: 3.5rem !important;
    }

    .me-xxl-15 {
        margin-right: 3.75rem !important;
    }

    .me-xxl-16 {
        margin-right: 4rem !important;
    }

    .me-xxl-17 {
        margin-right: 4.25rem !important;
    }

    .me-xxl-18 {
        margin-right: 4.5rem !important;
    }

    .me-xxl-19 {
        margin-right: 4.75rem !important;
    }

    .me-xxl-20 {
        margin-right: 5rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 0.75rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 1.25rem !important;
    }

    .mb-xxl-6 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-7 {
        margin-bottom: 1.75rem !important;
    }

    .mb-xxl-8 {
        margin-bottom: 2rem !important;
    }

    .mb-xxl-9 {
        margin-bottom: 2.25rem !important;
    }

    .mb-xxl-10 {
        margin-bottom: 2.5rem !important;
    }

    .mb-xxl-11 {
        margin-bottom: 2.75rem !important;
    }

    .mb-xxl-12 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-13 {
        margin-bottom: 3.25rem !important;
    }

    .mb-xxl-14 {
        margin-bottom: 3.5rem !important;
    }

    .mb-xxl-15 {
        margin-bottom: 3.75rem !important;
    }

    .mb-xxl-16 {
        margin-bottom: 4rem !important;
    }

    .mb-xxl-17 {
        margin-bottom: 4.25rem !important;
    }

    .mb-xxl-18 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xxl-19 {
        margin-bottom: 4.75rem !important;
    }

    .mb-xxl-20 {
        margin-bottom: 5rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 0.75rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1rem !important;
    }

    .ms-xxl-5 {
        margin-left: 1.25rem !important;
    }

    .ms-xxl-6 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-7 {
        margin-left: 1.75rem !important;
    }

    .ms-xxl-8 {
        margin-left: 2rem !important;
    }

    .ms-xxl-9 {
        margin-left: 2.25rem !important;
    }

    .ms-xxl-10 {
        margin-left: 2.5rem !important;
    }

    .ms-xxl-11 {
        margin-left: 2.75rem !important;
    }

    .ms-xxl-12 {
        margin-left: 3rem !important;
    }

    .ms-xxl-13 {
        margin-left: 3.25rem !important;
    }

    .ms-xxl-14 {
        margin-left: 3.5rem !important;
    }

    .ms-xxl-15 {
        margin-left: 3.75rem !important;
    }

    .ms-xxl-16 {
        margin-left: 4rem !important;
    }

    .ms-xxl-17 {
        margin-left: 4.25rem !important;
    }

    .ms-xxl-18 {
        margin-left: 4.5rem !important;
    }

    .ms-xxl-19 {
        margin-left: 4.75rem !important;
    }

    .ms-xxl-20 {
        margin-left: 5rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .m-xxl-n1 {
        margin: -0.25rem !important;
    }

    .m-xxl-n2 {
        margin: -0.5rem !important;
    }

    .m-xxl-n3 {
        margin: -0.75rem !important;
    }

    .m-xxl-n4 {
        margin: -1rem !important;
    }

    .m-xxl-n5 {
        margin: -1.25rem !important;
    }

    .m-xxl-n6 {
        margin: -1.5rem !important;
    }

    .m-xxl-n7 {
        margin: -1.75rem !important;
    }

    .m-xxl-n8 {
        margin: -2rem !important;
    }

    .m-xxl-n9 {
        margin: -2.25rem !important;
    }

    .m-xxl-n10 {
        margin: -2.5rem !important;
    }

    .m-xxl-n11 {
        margin: -2.75rem !important;
    }

    .m-xxl-n12 {
        margin: -3rem !important;
    }

    .m-xxl-n13 {
        margin: -3.25rem !important;
    }

    .m-xxl-n14 {
        margin: -3.5rem !important;
    }

    .m-xxl-n15 {
        margin: -3.75rem !important;
    }

    .m-xxl-n16 {
        margin: -4rem !important;
    }

    .m-xxl-n17 {
        margin: -4.25rem !important;
    }

    .m-xxl-n18 {
        margin: -4.5rem !important;
    }

    .m-xxl-n19 {
        margin: -4.75rem !important;
    }

    .m-xxl-n20 {
        margin: -5rem !important;
    }

    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xxl-n3 {
        margin-right: -0.75rem !important;
        margin-left: -0.75rem !important;
    }

    .mx-xxl-n4 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xxl-n5 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important;
    }

    .mx-xxl-n6 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xxl-n7 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important;
    }

    .mx-xxl-n8 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .mx-xxl-n9 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important;
    }

    .mx-xxl-n10 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important;
    }

    .mx-xxl-n11 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important;
    }

    .mx-xxl-n12 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-xxl-n13 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important;
    }

    .mx-xxl-n14 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important;
    }

    .mx-xxl-n15 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important;
    }

    .mx-xxl-n16 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-xxl-n17 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important;
    }

    .mx-xxl-n18 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important;
    }

    .mx-xxl-n19 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important;
    }

    .mx-xxl-n20 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .my-xxl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xxl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xxl-n3 {
        margin-top: -0.75rem !important;
        margin-bottom: -0.75rem !important;
    }

    .my-xxl-n4 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xxl-n5 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important;
    }

    .my-xxl-n6 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xxl-n7 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important;
    }

    .my-xxl-n8 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .my-xxl-n9 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important;
    }

    .my-xxl-n10 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .my-xxl-n11 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important;
    }

    .my-xxl-n12 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-xxl-n13 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important;
    }

    .my-xxl-n14 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .my-xxl-n15 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important;
    }

    .my-xxl-n16 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-xxl-n17 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important;
    }

    .my-xxl-n18 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .my-xxl-n19 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important;
    }

    .my-xxl-n20 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-xxl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xxl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xxl-n3 {
        margin-top: -0.75rem !important;
    }

    .mt-xxl-n4 {
        margin-top: -1rem !important;
    }

    .mt-xxl-n5 {
        margin-top: -1.25rem !important;
    }

    .mt-xxl-n6 {
        margin-top: -1.5rem !important;
    }

    .mt-xxl-n7 {
        margin-top: -1.75rem !important;
    }

    .mt-xxl-n8 {
        margin-top: -2rem !important;
    }

    .mt-xxl-n9 {
        margin-top: -2.25rem !important;
    }

    .mt-xxl-n10 {
        margin-top: -2.5rem !important;
    }

    .mt-xxl-n11 {
        margin-top: -2.75rem !important;
    }

    .mt-xxl-n12 {
        margin-top: -3rem !important;
    }

    .mt-xxl-n13 {
        margin-top: -3.25rem !important;
    }

    .mt-xxl-n14 {
        margin-top: -3.5rem !important;
    }

    .mt-xxl-n15 {
        margin-top: -3.75rem !important;
    }

    .mt-xxl-n16 {
        margin-top: -4rem !important;
    }

    .mt-xxl-n17 {
        margin-top: -4.25rem !important;
    }

    .mt-xxl-n18 {
        margin-top: -4.5rem !important;
    }

    .mt-xxl-n19 {
        margin-top: -4.75rem !important;
    }

    .mt-xxl-n20 {
        margin-top: -5rem !important;
    }

    .me-xxl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xxl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xxl-n3 {
        margin-right: -0.75rem !important;
    }

    .me-xxl-n4 {
        margin-right: -1rem !important;
    }

    .me-xxl-n5 {
        margin-right: -1.25rem !important;
    }

    .me-xxl-n6 {
        margin-right: -1.5rem !important;
    }

    .me-xxl-n7 {
        margin-right: -1.75rem !important;
    }

    .me-xxl-n8 {
        margin-right: -2rem !important;
    }

    .me-xxl-n9 {
        margin-right: -2.25rem !important;
    }

    .me-xxl-n10 {
        margin-right: -2.5rem !important;
    }

    .me-xxl-n11 {
        margin-right: -2.75rem !important;
    }

    .me-xxl-n12 {
        margin-right: -3rem !important;
    }

    .me-xxl-n13 {
        margin-right: -3.25rem !important;
    }

    .me-xxl-n14 {
        margin-right: -3.5rem !important;
    }

    .me-xxl-n15 {
        margin-right: -3.75rem !important;
    }

    .me-xxl-n16 {
        margin-right: -4rem !important;
    }

    .me-xxl-n17 {
        margin-right: -4.25rem !important;
    }

    .me-xxl-n18 {
        margin-right: -4.5rem !important;
    }

    .me-xxl-n19 {
        margin-right: -4.75rem !important;
    }

    .me-xxl-n20 {
        margin-right: -5rem !important;
    }

    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xxl-n3 {
        margin-bottom: -0.75rem !important;
    }

    .mb-xxl-n4 {
        margin-bottom: -1rem !important;
    }

    .mb-xxl-n5 {
        margin-bottom: -1.25rem !important;
    }

    .mb-xxl-n6 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xxl-n7 {
        margin-bottom: -1.75rem !important;
    }

    .mb-xxl-n8 {
        margin-bottom: -2rem !important;
    }

    .mb-xxl-n9 {
        margin-bottom: -2.25rem !important;
    }

    .mb-xxl-n10 {
        margin-bottom: -2.5rem !important;
    }

    .mb-xxl-n11 {
        margin-bottom: -2.75rem !important;
    }

    .mb-xxl-n12 {
        margin-bottom: -3rem !important;
    }

    .mb-xxl-n13 {
        margin-bottom: -3.25rem !important;
    }

    .mb-xxl-n14 {
        margin-bottom: -3.5rem !important;
    }

    .mb-xxl-n15 {
        margin-bottom: -3.75rem !important;
    }

    .mb-xxl-n16 {
        margin-bottom: -4rem !important;
    }

    .mb-xxl-n17 {
        margin-bottom: -4.25rem !important;
    }

    .mb-xxl-n18 {
        margin-bottom: -4.5rem !important;
    }

    .mb-xxl-n19 {
        margin-bottom: -4.75rem !important;
    }

    .mb-xxl-n20 {
        margin-bottom: -5rem !important;
    }

    .ms-xxl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xxl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xxl-n3 {
        margin-left: -0.75rem !important;
    }

    .ms-xxl-n4 {
        margin-left: -1rem !important;
    }

    .ms-xxl-n5 {
        margin-left: -1.25rem !important;
    }

    .ms-xxl-n6 {
        margin-left: -1.5rem !important;
    }

    .ms-xxl-n7 {
        margin-left: -1.75rem !important;
    }

    .ms-xxl-n8 {
        margin-left: -2rem !important;
    }

    .ms-xxl-n9 {
        margin-left: -2.25rem !important;
    }

    .ms-xxl-n10 {
        margin-left: -2.5rem !important;
    }

    .ms-xxl-n11 {
        margin-left: -2.75rem !important;
    }

    .ms-xxl-n12 {
        margin-left: -3rem !important;
    }

    .ms-xxl-n13 {
        margin-left: -3.25rem !important;
    }

    .ms-xxl-n14 {
        margin-left: -3.5rem !important;
    }

    .ms-xxl-n15 {
        margin-left: -3.75rem !important;
    }

    .ms-xxl-n16 {
        margin-left: -4rem !important;
    }

    .ms-xxl-n17 {
        margin-left: -4.25rem !important;
    }

    .ms-xxl-n18 {
        margin-left: -4.5rem !important;
    }

    .ms-xxl-n19 {
        margin-left: -4.75rem !important;
    }

    .ms-xxl-n20 {
        margin-left: -5rem !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 0.75rem !important;
    }

    .p-xxl-4 {
        padding: 1rem !important;
    }

    .p-xxl-5 {
        padding: 1.25rem !important;
    }

    .p-xxl-6 {
        padding: 1.5rem !important;
    }

    .p-xxl-7 {
        padding: 1.75rem !important;
    }

    .p-xxl-8 {
        padding: 2rem !important;
    }

    .p-xxl-9 {
        padding: 2.25rem !important;
    }

    .p-xxl-10 {
        padding: 2.5rem !important;
    }

    .p-xxl-11 {
        padding: 2.75rem !important;
    }

    .p-xxl-12 {
        padding: 3rem !important;
    }

    .p-xxl-13 {
        padding: 3.25rem !important;
    }

    .p-xxl-14 {
        padding: 3.5rem !important;
    }

    .p-xxl-15 {
        padding: 3.75rem !important;
    }

    .p-xxl-16 {
        padding: 4rem !important;
    }

    .p-xxl-17 {
        padding: 4.25rem !important;
    }

    .p-xxl-18 {
        padding: 4.5rem !important;
    }

    .p-xxl-19 {
        padding: 4.75rem !important;
    }

    .p-xxl-20 {
        padding: 5rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .px-xxl-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-5 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .px-xxl-6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-7 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important;
    }

    .px-xxl-8 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-xxl-9 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .px-xxl-10 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .px-xxl-11 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important;
    }

    .px-xxl-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-xxl-13 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important;
    }

    .px-xxl-14 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important;
    }

    .px-xxl-15 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .px-xxl-16 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-xxl-17 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important;
    }

    .px-xxl-18 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .px-xxl-19 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important;
    }

    .px-xxl-20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-xxl-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .py-xxl-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }

    .py-xxl-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-xxl-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .py-xxl-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-xxl-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    .py-xxl-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-xxl-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .py-xxl-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .py-xxl-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-xxl-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xxl-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important;
    }

    .py-xxl-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .py-xxl-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important;
    }

    .py-xxl-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 0.75rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1rem !important;
    }

    .pt-xxl-5 {
        padding-top: 1.25rem !important;
    }

    .pt-xxl-6 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-7 {
        padding-top: 1.75rem !important;
    }

    .pt-xxl-8 {
        padding-top: 2rem !important;
    }

    .pt-xxl-9 {
        padding-top: 2.25rem !important;
    }

    .pt-xxl-10 {
        padding-top: 2.5rem !important;
    }

    .pt-xxl-11 {
        padding-top: 2.75rem !important;
    }

    .pt-xxl-12 {
        padding-top: 3rem !important;
    }

    .pt-xxl-13 {
        padding-top: 3.25rem !important;
    }

    .pt-xxl-14 {
        padding-top: 3.5rem !important;
    }

    .pt-xxl-15 {
        padding-top: 3.75rem !important;
    }

    .pt-xxl-16 {
        padding-top: 4rem !important;
    }

    .pt-xxl-17 {
        padding-top: 4.25rem !important;
    }

    .pt-xxl-18 {
        padding-top: 4.5rem !important;
    }

    .pt-xxl-19 {
        padding-top: 4.75rem !important;
    }

    .pt-xxl-20 {
        padding-top: 5rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 0.75rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1rem !important;
    }

    .pe-xxl-5 {
        padding-right: 1.25rem !important;
    }

    .pe-xxl-6 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-7 {
        padding-right: 1.75rem !important;
    }

    .pe-xxl-8 {
        padding-right: 2rem !important;
    }

    .pe-xxl-9 {
        padding-right: 2.25rem !important;
    }

    .pe-xxl-10 {
        padding-right: 2.5rem !important;
    }

    .pe-xxl-11 {
        padding-right: 2.75rem !important;
    }

    .pe-xxl-12 {
        padding-right: 3rem !important;
    }

    .pe-xxl-13 {
        padding-right: 3.25rem !important;
    }

    .pe-xxl-14 {
        padding-right: 3.5rem !important;
    }

    .pe-xxl-15 {
        padding-right: 3.75rem !important;
    }

    .pe-xxl-16 {
        padding-right: 4rem !important;
    }

    .pe-xxl-17 {
        padding-right: 4.25rem !important;
    }

    .pe-xxl-18 {
        padding-right: 4.5rem !important;
    }

    .pe-xxl-19 {
        padding-right: 4.75rem !important;
    }

    .pe-xxl-20 {
        padding-right: 5rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 0.75rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 1.25rem !important;
    }

    .pb-xxl-6 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-7 {
        padding-bottom: 1.75rem !important;
    }

    .pb-xxl-8 {
        padding-bottom: 2rem !important;
    }

    .pb-xxl-9 {
        padding-bottom: 2.25rem !important;
    }

    .pb-xxl-10 {
        padding-bottom: 2.5rem !important;
    }

    .pb-xxl-11 {
        padding-bottom: 2.75rem !important;
    }

    .pb-xxl-12 {
        padding-bottom: 3rem !important;
    }

    .pb-xxl-13 {
        padding-bottom: 3.25rem !important;
    }

    .pb-xxl-14 {
        padding-bottom: 3.5rem !important;
    }

    .pb-xxl-15 {
        padding-bottom: 3.75rem !important;
    }

    .pb-xxl-16 {
        padding-bottom: 4rem !important;
    }

    .pb-xxl-17 {
        padding-bottom: 4.25rem !important;
    }

    .pb-xxl-18 {
        padding-bottom: 4.5rem !important;
    }

    .pb-xxl-19 {
        padding-bottom: 4.75rem !important;
    }

    .pb-xxl-20 {
        padding-bottom: 5rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 0.75rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1rem !important;
    }

    .ps-xxl-5 {
        padding-left: 1.25rem !important;
    }

    .ps-xxl-6 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-7 {
        padding-left: 1.75rem !important;
    }

    .ps-xxl-8 {
        padding-left: 2rem !important;
    }

    .ps-xxl-9 {
        padding-left: 2.25rem !important;
    }

    .ps-xxl-10 {
        padding-left: 2.5rem !important;
    }

    .ps-xxl-11 {
        padding-left: 2.75rem !important;
    }

    .ps-xxl-12 {
        padding-left: 3rem !important;
    }

    .ps-xxl-13 {
        padding-left: 3.25rem !important;
    }

    .ps-xxl-14 {
        padding-left: 3.5rem !important;
    }

    .ps-xxl-15 {
        padding-left: 3.75rem !important;
    }

    .ps-xxl-16 {
        padding-left: 4rem !important;
    }

    .ps-xxl-17 {
        padding-left: 4.25rem !important;
    }

    .ps-xxl-18 {
        padding-left: 4.5rem !important;
    }

    .ps-xxl-19 {
        padding-left: 4.75rem !important;
    }

    .ps-xxl-20 {
        padding-left: 5rem !important;
    }

    .fs-xxl-1 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-xxl-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-xxl-3 {
        font-size: calc(1.26rem + 0.12vw) !important;
    }

    .fs-xxl-4 {
        font-size: 1.25rem !important;
    }

    .fs-xxl-5 {
        font-size: 1.15rem !important;
    }

    .fs-xxl-6 {
        font-size: 1.075rem !important;
    }

    .fs-xxl-7 {
        font-size: 0.95rem !important;
    }

    .fs-xxl-8 {
        font-size: 0.85rem !important;
    }

    .fs-xxl-9 {
        font-size: 0.75rem !important;
    }

    .fs-xxl-10 {
        font-size: 0.5rem !important;
    }

    .fs-xxl-base {
        font-size: 1rem !important;
    }

    .fs-xxl-fluid {
        font-size: 100% !important;
    }

    .fs-xxl-2x {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-xxl-2qx {
        font-size: calc(1.35rem + 1.2vw) !important;
    }

    .fs-xxl-2hx {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-xxl-2tx {
        font-size: calc(1.4rem + 1.8vw) !important;
    }

    .fs-xxl-3x {
        font-size: calc(1.425rem + 2.1vw) !important;
    }

    .fs-xxl-3qx {
        font-size: calc(1.45rem + 2.4vw) !important;
    }

    .fs-xxl-3hx {
        font-size: calc(1.475rem + 2.7vw) !important;
    }

    .fs-xxl-3tx {
        font-size: calc(1.5rem + 3vw) !important;
    }

    .fs-xxl-4x {
        font-size: calc(1.525rem + 3.3vw) !important;
    }

    .fs-xxl-4qx {
        font-size: calc(1.55rem + 3.6vw) !important;
    }

    .fs-xxl-4hx {
        font-size: calc(1.575rem + 3.9vw) !important;
    }

    .fs-xxl-4tx {
        font-size: calc(1.6rem + 4.2vw) !important;
    }

    .fs-xxl-5x {
        font-size: calc(1.625rem + 4.5vw) !important;
    }

    .fs-xxl-5qx {
        font-size: calc(1.65rem + 4.8vw) !important;
    }

    .fs-xxl-5hx {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-xxl-5tx {
        font-size: calc(1.7rem + 5.4vw) !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }

    .min-w-xxl-unset {
        min-width: unset !important;
    }

    .min-w-xxl-25 {
        min-width: 25% !important;
    }

    .min-w-xxl-50 {
        min-width: 50% !important;
    }

    .min-w-xxl-75 {
        min-width: 75% !important;
    }

    .min-w-xxl-100 {
        min-width: 100% !important;
    }

    .min-w-xxl-auto {
        min-width: auto !important;
    }

    .min-w-xxl-1px {
        min-width: 1px !important;
    }

    .min-w-xxl-2px {
        min-width: 2px !important;
    }

    .min-w-xxl-3px {
        min-width: 3px !important;
    }

    .min-w-xxl-4px {
        min-width: 4px !important;
    }

    .min-w-xxl-5px {
        min-width: 5px !important;
    }

    .min-w-xxl-6px {
        min-width: 6px !important;
    }

    .min-w-xxl-7px {
        min-width: 7px !important;
    }

    .min-w-xxl-8px {
        min-width: 8px !important;
    }

    .min-w-xxl-9px {
        min-width: 9px !important;
    }

    .min-w-xxl-10px {
        min-width: 10px !important;
    }

    .min-w-xxl-15px {
        min-width: 15px !important;
    }

    .min-w-xxl-20px {
        min-width: 20px !important;
    }

    .min-w-xxl-25px {
        min-width: 25px !important;
    }

    .min-w-xxl-30px {
        min-width: 30px !important;
    }

    .min-w-xxl-35px {
        min-width: 35px !important;
    }

    .min-w-xxl-40px {
        min-width: 40px !important;
    }

    .min-w-xxl-45px {
        min-width: 45px !important;
    }

    .min-w-xxl-50px {
        min-width: 50px !important;
    }

    .min-w-xxl-55px {
        min-width: 55px !important;
    }

    .min-w-xxl-60px {
        min-width: 60px !important;
    }

    .min-w-xxl-65px {
        min-width: 65px !important;
    }

    .min-w-xxl-70px {
        min-width: 70px !important;
    }

    .min-w-xxl-75px {
        min-width: 75px !important;
    }

    .min-w-xxl-80px {
        min-width: 80px !important;
    }

    .min-w-xxl-85px {
        min-width: 85px !important;
    }

    .min-w-xxl-90px {
        min-width: 90px !important;
    }

    .min-w-xxl-95px {
        min-width: 95px !important;
    }

    .min-w-xxl-100px {
        min-width: 100px !important;
    }

    .min-w-xxl-125px {
        min-width: 125px !important;
    }

    .min-w-xxl-150px {
        min-width: 150px !important;
    }

    .min-w-xxl-175px {
        min-width: 175px !important;
    }

    .min-w-xxl-200px {
        min-width: 200px !important;
    }

    .min-w-xxl-225px {
        min-width: 225px !important;
    }

    .min-w-xxl-250px {
        min-width: 250px !important;
    }

    .min-w-xxl-275px {
        min-width: 275px !important;
    }

    .min-w-xxl-300px {
        min-width: 300px !important;
    }

    .min-w-xxl-325px {
        min-width: 325px !important;
    }

    .min-w-xxl-350px {
        min-width: 350px !important;
    }

    .min-w-xxl-375px {
        min-width: 375px !important;
    }

    .min-w-xxl-400px {
        min-width: 400px !important;
    }

    .min-w-xxl-425px {
        min-width: 425px !important;
    }

    .min-w-xxl-450px {
        min-width: 450px !important;
    }

    .min-w-xxl-475px {
        min-width: 475px !important;
    }

    .min-w-xxl-500px {
        min-width: 500px !important;
    }

    .min-w-xxl-550px {
        min-width: 550px !important;
    }

    .min-w-xxl-600px {
        min-width: 600px !important;
    }

    .min-w-xxl-650px {
        min-width: 650px !important;
    }

    .min-w-xxl-700px {
        min-width: 700px !important;
    }

    .min-w-xxl-750px {
        min-width: 750px !important;
    }

    .min-w-xxl-800px {
        min-width: 800px !important;
    }

    .min-w-xxl-850px {
        min-width: 850px !important;
    }

    .min-w-xxl-900px {
        min-width: 900px !important;
    }

    .min-w-xxl-950px {
        min-width: 950px !important;
    }

    .min-w-xxl-1000px {
        min-width: 1000px !important;
    }

    .min-h-xxl-unset {
        min-height: unset !important;
    }

    .min-h-xxl-25 {
        min-height: 25% !important;
    }

    .min-h-xxl-50 {
        min-height: 50% !important;
    }

    .min-h-xxl-75 {
        min-height: 75% !important;
    }

    .min-h-xxl-100 {
        min-height: 100% !important;
    }

    .min-h-xxl-auto {
        min-height: auto !important;
    }

    .min-h-xxl-1px {
        min-height: 1px !important;
    }

    .min-h-xxl-2px {
        min-height: 2px !important;
    }

    .min-h-xxl-3px {
        min-height: 3px !important;
    }

    .min-h-xxl-4px {
        min-height: 4px !important;
    }

    .min-h-xxl-5px {
        min-height: 5px !important;
    }

    .min-h-xxl-6px {
        min-height: 6px !important;
    }

    .min-h-xxl-7px {
        min-height: 7px !important;
    }

    .min-h-xxl-8px {
        min-height: 8px !important;
    }

    .min-h-xxl-9px {
        min-height: 9px !important;
    }

    .min-h-xxl-10px {
        min-height: 10px !important;
    }

    .min-h-xxl-15px {
        min-height: 15px !important;
    }

    .min-h-xxl-20px {
        min-height: 20px !important;
    }

    .min-h-xxl-25px {
        min-height: 25px !important;
    }

    .min-h-xxl-30px {
        min-height: 30px !important;
    }

    .min-h-xxl-35px {
        min-height: 35px !important;
    }

    .min-h-xxl-40px {
        min-height: 40px !important;
    }

    .min-h-xxl-45px {
        min-height: 45px !important;
    }

    .min-h-xxl-50px {
        min-height: 50px !important;
    }

    .min-h-xxl-55px {
        min-height: 55px !important;
    }

    .min-h-xxl-60px {
        min-height: 60px !important;
    }

    .min-h-xxl-65px {
        min-height: 65px !important;
    }

    .min-h-xxl-70px {
        min-height: 70px !important;
    }

    .min-h-xxl-75px {
        min-height: 75px !important;
    }

    .min-h-xxl-80px {
        min-height: 80px !important;
    }

    .min-h-xxl-85px {
        min-height: 85px !important;
    }

    .min-h-xxl-90px {
        min-height: 90px !important;
    }

    .min-h-xxl-95px {
        min-height: 95px !important;
    }

    .min-h-xxl-100px {
        min-height: 100px !important;
    }

    .min-h-xxl-125px {
        min-height: 125px !important;
    }

    .min-h-xxl-150px {
        min-height: 150px !important;
    }

    .min-h-xxl-175px {
        min-height: 175px !important;
    }

    .min-h-xxl-200px {
        min-height: 200px !important;
    }

    .min-h-xxl-225px {
        min-height: 225px !important;
    }

    .min-h-xxl-250px {
        min-height: 250px !important;
    }

    .min-h-xxl-275px {
        min-height: 275px !important;
    }

    .min-h-xxl-300px {
        min-height: 300px !important;
    }

    .min-h-xxl-325px {
        min-height: 325px !important;
    }

    .min-h-xxl-350px {
        min-height: 350px !important;
    }

    .min-h-xxl-375px {
        min-height: 375px !important;
    }

    .min-h-xxl-400px {
        min-height: 400px !important;
    }

    .min-h-xxl-425px {
        min-height: 425px !important;
    }

    .min-h-xxl-450px {
        min-height: 450px !important;
    }

    .min-h-xxl-475px {
        min-height: 475px !important;
    }

    .min-h-xxl-500px {
        min-height: 500px !important;
    }

    .min-h-xxl-550px {
        min-height: 550px !important;
    }

    .min-h-xxl-600px {
        min-height: 600px !important;
    }

    .min-h-xxl-650px {
        min-height: 650px !important;
    }

    .min-h-xxl-700px {
        min-height: 700px !important;
    }

    .min-h-xxl-750px {
        min-height: 750px !important;
    }

    .min-h-xxl-800px {
        min-height: 800px !important;
    }

    .min-h-xxl-850px {
        min-height: 850px !important;
    }

    .min-h-xxl-900px {
        min-height: 900px !important;
    }

    .min-h-xxl-950px {
        min-height: 950px !important;
    }

    .min-h-xxl-1000px {
        min-height: 1000px !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 1.75rem !important;
    }

    .fs-2 {
        font-size: 1.5rem !important;
    }

    .fs-3 {
        font-size: 1.35rem !important;
    }

    .fs-2x {
        font-size: 2rem !important;
    }

    .fs-2qx {
        font-size: 2.25rem !important;
    }

    .fs-2hx {
        font-size: 2.5rem !important;
    }

    .fs-2tx {
        font-size: 2.75rem !important;
    }

    .fs-3x {
        font-size: 3rem !important;
    }

    .fs-3qx {
        font-size: 3.25rem !important;
    }

    .fs-3hx {
        font-size: 3.5rem !important;
    }

    .fs-3tx {
        font-size: 3.75rem !important;
    }

    .fs-4x {
        font-size: 4rem !important;
    }

    .fs-4qx {
        font-size: 4.25rem !important;
    }

    .fs-4hx {
        font-size: 4.5rem !important;
    }

    .fs-4tx {
        font-size: 4.75rem !important;
    }

    .fs-5x {
        font-size: 5rem !important;
    }

    .fs-5qx {
        font-size: 5.25rem !important;
    }

    .fs-5hx {
        font-size: 5.5rem !important;
    }

    .fs-5tx {
        font-size: 5.75rem !important;
    }

    .fs-sm-1 {
        font-size: 1.75rem !important;
    }

    .fs-sm-2 {
        font-size: 1.5rem !important;
    }

    .fs-sm-3 {
        font-size: 1.35rem !important;
    }

    .fs-sm-2x {
        font-size: 2rem !important;
    }

    .fs-sm-2qx {
        font-size: 2.25rem !important;
    }

    .fs-sm-2hx {
        font-size: 2.5rem !important;
    }

    .fs-sm-2tx {
        font-size: 2.75rem !important;
    }

    .fs-sm-3x {
        font-size: 3rem !important;
    }

    .fs-sm-3qx {
        font-size: 3.25rem !important;
    }

    .fs-sm-3hx {
        font-size: 3.5rem !important;
    }

    .fs-sm-3tx {
        font-size: 3.75rem !important;
    }

    .fs-sm-4x {
        font-size: 4rem !important;
    }

    .fs-sm-4qx {
        font-size: 4.25rem !important;
    }

    .fs-sm-4hx {
        font-size: 4.5rem !important;
    }

    .fs-sm-4tx {
        font-size: 4.75rem !important;
    }

    .fs-sm-5x {
        font-size: 5rem !important;
    }

    .fs-sm-5qx {
        font-size: 5.25rem !important;
    }

    .fs-sm-5hx {
        font-size: 5.5rem !important;
    }

    .fs-sm-5tx {
        font-size: 5.75rem !important;
    }

    .fs-md-1 {
        font-size: 1.75rem !important;
    }

    .fs-md-2 {
        font-size: 1.5rem !important;
    }

    .fs-md-3 {
        font-size: 1.35rem !important;
    }

    .fs-md-2x {
        font-size: 2rem !important;
    }

    .fs-md-2qx {
        font-size: 2.25rem !important;
    }

    .fs-md-2hx {
        font-size: 2.5rem !important;
    }

    .fs-md-2tx {
        font-size: 2.75rem !important;
    }

    .fs-md-3x {
        font-size: 3rem !important;
    }

    .fs-md-3qx {
        font-size: 3.25rem !important;
    }

    .fs-md-3hx {
        font-size: 3.5rem !important;
    }

    .fs-md-3tx {
        font-size: 3.75rem !important;
    }

    .fs-md-4x {
        font-size: 4rem !important;
    }

    .fs-md-4qx {
        font-size: 4.25rem !important;
    }

    .fs-md-4hx {
        font-size: 4.5rem !important;
    }

    .fs-md-4tx {
        font-size: 4.75rem !important;
    }

    .fs-md-5x {
        font-size: 5rem !important;
    }

    .fs-md-5qx {
        font-size: 5.25rem !important;
    }

    .fs-md-5hx {
        font-size: 5.5rem !important;
    }

    .fs-md-5tx {
        font-size: 5.75rem !important;
    }

    .fs-lg-1 {
        font-size: 1.75rem !important;
    }

    .fs-lg-2 {
        font-size: 1.5rem !important;
    }

    .fs-lg-3 {
        font-size: 1.35rem !important;
    }

    .fs-lg-2x {
        font-size: 2rem !important;
    }

    .fs-lg-2qx {
        font-size: 2.25rem !important;
    }

    .fs-lg-2hx {
        font-size: 2.5rem !important;
    }

    .fs-lg-2tx {
        font-size: 2.75rem !important;
    }

    .fs-lg-3x {
        font-size: 3rem !important;
    }

    .fs-lg-3qx {
        font-size: 3.25rem !important;
    }

    .fs-lg-3hx {
        font-size: 3.5rem !important;
    }

    .fs-lg-3tx {
        font-size: 3.75rem !important;
    }

    .fs-lg-4x {
        font-size: 4rem !important;
    }

    .fs-lg-4qx {
        font-size: 4.25rem !important;
    }

    .fs-lg-4hx {
        font-size: 4.5rem !important;
    }

    .fs-lg-4tx {
        font-size: 4.75rem !important;
    }

    .fs-lg-5x {
        font-size: 5rem !important;
    }

    .fs-lg-5qx {
        font-size: 5.25rem !important;
    }

    .fs-lg-5hx {
        font-size: 5.5rem !important;
    }

    .fs-lg-5tx {
        font-size: 5.75rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

.bg-white {
    --bg-color: 255, 255, 255;
}

    .bg-white.hoverable:hover {
        background-color: #f5f8fa !important;
    }

.bg-hover-white {
    cursor: pointer;
}

    .bg-hover-white:hover {
        --bg-color: 255, 255, 255;
        background-color: #fff !important;
    }

.bg-active-white.active {
    --bg-color: 255, 255, 255;
    background-color: #fff !important;
}

.bg-state-white {
    cursor: pointer;
}

    .bg-state-white.active,
    .bg-state-white:hover {
        --bg-color: 255, 255, 255;
        background-color: #fff !important;
    }

.bg-light {
    --bg-color: 245, 248, 250;
}

    .bg-light.hoverable:hover {
        background-color: #e4e6ef !important;
    }

.bg-hover-light {
    cursor: pointer;
}

    .bg-hover-light:hover {
        --bg-color: 245, 248, 250;
        background-color: #f5f8fa !important;
    }

.bg-active-light.active {
    --bg-color: 245, 248, 250;
    background-color: #f5f8fa !important;
}

.bg-state-light {
    cursor: pointer;
}

    .bg-state-light.active,
    .bg-state-light:hover {
        --bg-color: 245, 248, 250;
        background-color: #f5f8fa !important;
    }

.bg-light-primary {
    background-color: #f1faff !important;
}

    .bg-light-primary.hoverable:hover {
        background-color: #d2efff !important;
    }

.bg-primary {
    --bg-color: 0, 158, 247;
}

    .bg-primary.hoverable:hover {
        background-color: #0095e8 !important;
    }

.bg-hover-light-primary {
    cursor: pointer;
}

    .bg-hover-light-primary:hover {
        background-color: #f1faff !important;
    }

.bg-state-light-primary {
    cursor: pointer;
}

    .bg-state-light-primary.active,
    .bg-state-light-primary:hover {
        background-color: #f1faff !important;
    }

.bg-hover-primary {
    cursor: pointer;
}

    .bg-hover-primary:hover {
        --bg-color: 0, 158, 247;
        background-color: var(--primary-color) !important;
    }

.bg-active-primary.active {
    --bg-color: 0, 158, 247;
    background-color: var(--primary-color) !important;
}

.bg-state-primary {
    cursor: pointer;
}

    .bg-state-primary.active,
    .bg-state-primary:hover {
        --bg-color: 0, 158, 247;
        background-color: var(--primary-color) !important;
    }

.bg-secondary {
    --bg-color: 228, 230, 239;
}

    .bg-secondary.hoverable:hover {
        background-color: #b5b5c3 !important;
    }

.bg-hover-secondary {
    cursor: pointer;
}

    .bg-hover-secondary:hover {
        --bg-color: 228, 230, 239;
        background-color: #e4e6ef !important;
    }

.bg-active-secondary.active {
    --bg-color: 228, 230, 239;
    background-color: #e4e6ef !important;
}

.bg-state-secondary {
    cursor: pointer;
}

    .bg-state-secondary.active,
    .bg-state-secondary:hover {
        --bg-color: 228, 230, 239;
        background-color: #e4e6ef !important;
    }

.bg-light-success {
    background-color: #e8fff3 !important;
}

    .bg-light-success.hoverable:hover {
        background-color: #c9ffe3 !important;
    }

.bg-success {
    --bg-color: 80, 205, 137;
}

    .bg-success.hoverable:hover {
        background-color: #47be7d !important;
    }

.bg-hover-light-success {
    cursor: pointer;
}

    .bg-hover-light-success:hover {
        background-color: #e8fff3 !important;
    }

.bg-state-light-success {
    cursor: pointer;
}

    .bg-state-light-success.active,
    .bg-state-light-success:hover {
        background-color: #e8fff3 !important;
    }

.bg-hover-success {
    cursor: pointer;
}

    .bg-hover-success:hover {
        --bg-color: 80, 205, 137;
        background-color: #50cd89 !important;
    }

.bg-active-success.active {
    --bg-color: 80, 205, 137;
    background-color: #50cd89 !important;
}

.bg-state-success {
    cursor: pointer;
}

    .bg-state-success.active,
    .bg-state-success:hover {
        --bg-color: 80, 205, 137;
        background-color: #50cd89 !important;
    }

.bg-light-info {
    background-color: #f8f5ff !important;
}

    .bg-light-info.hoverable:hover {
        background-color: #e3d6ff !important;
    }

.bg-info {
    --bg-color: 114, 57, 234;
}

    .bg-info.hoverable:hover {
        background-color: #5014d0 !important;
    }

.bg-hover-light-info {
    cursor: pointer;
}

    .bg-hover-light-info:hover {
        background-color: #f8f5ff !important;
    }

.bg-state-light-info {
    cursor: pointer;
}

    .bg-state-light-info.active,
    .bg-state-light-info:hover {
        background-color: #f8f5ff !important;
    }

.bg-hover-info {
    cursor: pointer;
}

    .bg-hover-info:hover {
        --bg-color: 114, 57, 234;
        background-color: #7239ea !important;
    }

.bg-active-info.active {
    --bg-color: 114, 57, 234;
    background-color: #7239ea !important;
}

.bg-state-info {
    cursor: pointer;
}

    .bg-state-info.active,
    .bg-state-info:hover {
        --bg-color: 114, 57, 234;
        background-color: #7239ea !important;
    }

.bg-light-warning {
    background-color: #fff8dd !important;
}

    .bg-light-warning.hoverable:hover {
        background-color: #fff2be !important;
    }

.bg-warning {
    --bg-color: 255, 199, 0;
}

    .bg-warning.hoverable:hover {
        background-color: #f1bc00 !important;
    }

.bg-hover-light-warning {
    cursor: pointer;
}

    .bg-hover-light-warning:hover {
        background-color: #fff8dd !important;
    }

.bg-state-light-warning {
    cursor: pointer;
}

    .bg-state-light-warning.active,
    .bg-state-light-warning:hover {
        background-color: #fff8dd !important;
    }

.bg-hover-warning {
    cursor: pointer;
}

    .bg-hover-warning:hover {
        --bg-color: 255, 199, 0;
        background-color: #ffc700 !important;
    }

.bg-active-warning.active {
    --bg-color: 255, 199, 0;
    background-color: #ffc700 !important;
}

.bg-state-warning {
    cursor: pointer;
}

    .bg-state-warning.active,
    .bg-state-warning:hover {
        --bg-color: 255, 199, 0;
        background-color: #ffc700 !important;
    }

.bg-light-danger {
    background-color: #fff5f8 !important;
}

    .bg-light-danger.hoverable:hover {
        background-color: #ffd6e3 !important;
    }

.bg-danger {
    --bg-color: 241, 65, 108;
}

    .bg-danger.hoverable:hover {
        background-color: #d9214e !important;
    }

.bg-hover-light-danger {
    cursor: pointer;
}

    .bg-hover-light-danger:hover {
        background-color: #fff5f8 !important;
    }

.bg-state-light-danger {
    cursor: pointer;
}

    .bg-state-light-danger.active,
    .bg-state-light-danger:hover {
        background-color: #fff5f8 !important;
    }

.bg-hover-danger {
    cursor: pointer;
}

    .bg-hover-danger:hover {
        --bg-color: 241, 65, 108;
        background-color: var(--bs-danger) !important;
    }

.bg-active-danger.active {
    --bg-color: 241, 65, 108;
    background-color: var(--bs-danger) !important;
}

.bg-state-danger {
    cursor: pointer;
}

    .bg-state-danger.active,
    .bg-state-danger:hover {
        --bg-color: 241, 65, 108;
        background-color: var(--bs-danger) !important;
    }

.bg-light-dark {
    background-color: #eff2f5 !important;
}

    .bg-light-dark.hoverable:hover {
        background-color: #dce3e9 !important;
    }

.bg-dark {
    --bg-color: 24, 28, 50;
}

    .bg-dark.hoverable:hover {
        background-color: #131628 !important;
    }

.bg-hover-light-dark {
    cursor: pointer;
}

    .bg-hover-light-dark:hover {
        background-color: #eff2f5 !important;
    }

.bg-state-light-dark {
    cursor: pointer;
}

    .bg-state-light-dark.active,
    .bg-state-light-dark:hover {
        background-color: #eff2f5 !important;
    }

.bg-hover-dark {
    cursor: pointer;
}

    .bg-hover-dark:hover {
        --bg-color: 24, 28, 50;
        background-color: var(--bs-dark) !important;
    }

.bg-active-dark.active {
    --bg-color: 24, 28, 50;
    background-color: var(--bs-dark) !important;
}

.bg-state-dark {
    cursor: pointer;
}

    .bg-state-dark.active,
    .bg-state-dark:hover {
        --bg-color: 24, 28, 50;
        background-color: var(--bs-dark) !important;
    }

.bg-opacity-0 {
    background-color: rgba(var(--bg-color), 0) !important;
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--bg-color), 0) !important;
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--bg-color), 0) !important;
}

.bg-state-opacity-0 .active,
.bg-state-opacity-0:hover {
    background-color: rgba(var(--bg-color), 0) !important;
}

.bg-opacity-5 {
    background-color: rgba(var(--bg-color), 0.05) !important;
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--bg-color), 0.05) !important;
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--bg-color), 0.05) !important;
}

.bg-state-opacity-5 .active,
.bg-state-opacity-5:hover {
    background-color: rgba(var(--bg-color), 0.05) !important;
}

.bg-opacity-10 {
    background-color: rgba(var(--bg-color), 0.1) !important;
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--bg-color), 0.1) !important;
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--bg-color), 0.1) !important;
}

.bg-state-opacity-10 .active,
.bg-state-opacity-10:hover {
    background-color: rgba(var(--bg-color), 0.1) !important;
}

.bg-opacity-15 {
    background-color: rgba(var(--bg-color), 0.15) !important;
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--bg-color), 0.15) !important;
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--bg-color), 0.15) !important;
}

.bg-state-opacity-15 .active,
.bg-state-opacity-15:hover {
    background-color: rgba(var(--bg-color), 0.15) !important;
}

.bg-opacity-20 {
    background-color: rgba(var(--bg-color), 0.2) !important;
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--bg-color), 0.2) !important;
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--bg-color), 0.2) !important;
}

.bg-state-opacity-20 .active,
.bg-state-opacity-20:hover {
    background-color: rgba(var(--bg-color), 0.2) !important;
}

.bg-opacity-25 {
    background-color: rgba(var(--bg-color), 0.25) !important;
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--bg-color), 0.25) !important;
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--bg-color), 0.25) !important;
}

.bg-state-opacity-25 .active,
.bg-state-opacity-25:hover {
    background-color: rgba(var(--bg-color), 0.25) !important;
}

.bg-opacity-50 {
    background-color: rgba(var(--bg-color), 0.5) !important;
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--bg-color), 0.5) !important;
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--bg-color), 0.5) !important;
}

.bg-state-opacity-50 .active,
.bg-state-opacity-50:hover {
    background-color: rgba(var(--bg-color), 0.5) !important;
}

.bg-opacity-75 {
    background-color: rgba(var(--bg-color), 0.75) !important;
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--bg-color), 0.75) !important;
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--bg-color), 0.75) !important;
}

.bg-state-opacity-75 .active,
.bg-state-opacity-75:hover {
    background-color: rgba(var(--bg-color), 0.75) !important;
}

.bg-opacity-100 {
    background-color: rgba(var(--bg-color), 1) !important;
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--bg-color), 1) !important;
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--bg-color), 1) !important;
}

.bg-state-opacity-100 .active,
.bg-state-opacity-100:hover {
    background-color: rgba(var(--bg-color), 1) !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-body {
    --bg-color: 255, 255, 255;
}

.bg-lighten {
    background-color: rgba(245, 248, 250, 0.5) !important;
}

.bg-hover-lighten {
    cursor: pointer;
}

    .bg-hover-lighten:hover {
        background-color: rgba(245, 248, 250, 0.5) !important;
    }

.bg-active-lighten.active {
    background-color: rgba(245, 248, 250, 0.5) !important;
}

.bg-state-lighten {
    cursor: pointer;
}

    .bg-state-lighten.active,
    .bg-state-lighten:hover {
        background-color: rgba(245, 248, 250, 0.5) !important;
    }

.hoverable {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .hoverable:hover {
        transition: all 0.2s ease;
    }

.bgi-no-repeat {
    background-repeat: no-repeat;
}

.bgi-position-y-top {
    background-position-y: top;
}

.bgi-position-y-bottom {
    background-position-y: bottom;
}

.bgi-position-y-center {
    background-position-y: center;
}

.bgi-position-x-start {
    background-position-x: left;
}

.bgi-position-x-end {
    background-position-x: right;
}

.bgi-position-x-center {
    background-position-x: center;
}

.bgi-position-top {
    background-position: 0 top;
}

.bgi-position-bottom {
    background-position: 0 bottom;
}

.bgi-position-center {
    background-position: center;
}

.bgi-size-auto {
    background-size: auto;
}

.bgi-size-cover {
    background-size: cover;
}

.bgi-size-contain {
    background-size: contain;
}

.bgi-attachment-fixed {
    background-attachment: fixed;
}

.bgi-attachment-auto {
    background-attachment: auto;
}

@media (min-width: 576px) {
    .bgi-size-sm-auto {
        background-size: auto;
    }

    .bgi-size-sm-cover {
        background-size: cover;
    }

    .bgi-size-sm-contain {
        background-size: contain;
    }

    .bgi-attachment-sm-fixed {
        background-attachment: fixed;
    }

    .bgi-attachment-sm-auto {
        background-attachment: auto;
    }
}

@media (min-width: 768px) {
    .bgi-size-md-auto {
        background-size: auto;
    }

    .bgi-size-md-cover {
        background-size: cover;
    }

    .bgi-size-md-contain {
        background-size: contain;
    }

    .bgi-attachment-md-fixed {
        background-attachment: fixed;
    }

    .bgi-attachment-md-auto {
        background-attachment: auto;
    }
}

@media (min-width: 992px) {
    .bgi-size-lg-auto {
        background-size: auto;
    }

    .bgi-size-lg-cover {
        background-size: cover;
    }

    .bgi-size-lg-contain {
        background-size: contain;
    }

    .bgi-attachment-lg-fixed {
        background-attachment: fixed;
    }

    .bgi-attachment-lg-auto {
        background-attachment: auto;
    }
}

@media (min-width: 1200px) {
    .bgi-size-xl-auto {
        background-size: auto;
    }

    .bgi-size-xl-cover {
        background-size: cover;
    }

    .bgi-size-xl-contain {
        background-size: contain;
    }

    .bgi-attachment-xl-fixed {
        background-attachment: fixed;
    }

    .bgi-attachment-xl-auto {
        background-attachment: auto;
    }
}

@media (min-width: 1400px) {
    .bgi-size-xxl-auto {
        background-size: auto;
    }

    .bgi-size-xxl-cover {
        background-size: cover;
    }

    .bgi-size-xxl-contain {
        background-size: contain;
    }

    .bgi-attachment-xxl-fixed {
        background-attachment: fixed;
    }

    .bgi-attachment-xxl-auto {
        background-attachment: auto;
    }
}

.border-active:not(.active):not(:active):not(:hover):not(:focus) {
    border-color: transparent !important;
}

.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
    cursor: pointer;
    border-color: transparent !important;
}

.border-gray-100 {
    border-color: #f5f8fa !important;
}

.border-gray-200 {
    border-color: #eff2f5 !important;
}

.border-gray-300 {
    border-color: #e4e6ef !important;
}

.border-gray-400 {
    border-color: #b5b5c3 !important;
}

.border-gray-500 {
    border-color: #a1a5b7 !important;
}

.border-gray-600 {
    border-color: #7e8299 !important;
}

.border-gray-700 {
    border-color: #5e6278 !important;
}

.border-gray-800 {
    border-color: #3f4254 !important;
}

.border-gray-900 {
    border-color: var(--bs-dark) !important;
}

.border-hover-white:hover {
    border-color: #fff !important;
}

.border-active-white.active {
    border-color: #fff !important;
}

.border-hover-light:hover {
    border-color: #f5f8fa !important;
}

.border-active-light.active {
    border-color: #f5f8fa !important;
}

.border-hover-primary:hover {
    border-color: var(--primary-color) !important;
}

.border-active-primary.active {
    border-color: var(--primary-color) !important;
}

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

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

.border-hover-success:hover {
    border-color: #50cd89 !important;
}

.border-active-success.active {
    border-color: #50cd89 !important;
}

.border-hover-info:hover {
    border-color: #7239ea !important;
}

.border-active-info.active {
    border-color: #7239ea !important;
}

.border-hover-warning:hover {
    border-color: #ffc700 !important;
}

.border-active-warning.active {
    border-color: #ffc700 !important;
}

.border-hover-danger:hover {
    border-color: var(--bs-danger) !important;
}

.border-active-danger.active {
    border-color: var(--bs-danger) !important;
}

.border-hover-dark:hover {
    border-color: var(--bs-dark) !important;
}

.border-active-dark.active {
    border-color: var(--bs-dark) !important;
}

.border-dashed {
    border-style: dashed !important;
    border-color: #e4e6ef;
}

.border-top-dashed {
    border-top-style: dashed !important;
}

.border-bottom-dashed {
    border-bottom-style: dashed !important;
}

.border-start-dashed {
    border-left-style: dashed !important;
}

.border-end-dashed {
    border-right-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-top-dotted {
    border-top-style: dotted !important;
}

.border-bottom-dotted {
    border-bottom-style: dotted !important;
}

.border-start-dotted {
    border-left-style: dotted !important;
}

.border-end-dotted {
    border-right-style: dotted !important;
}

.border-transparent {
    border-color: transparent !important;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.flex-root {
    flex: 1;
}

.flex-column-auto {
    flex: none;
}

.flex-column-fluid {
    flex: 1 0 auto;
}

.flex-row-auto {
    flex: 0 0 auto;
}

.flex-row-fluid {
    flex: 1 auto;
    min-width: 0;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-stack {
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 576px) {
    .flex-sm-root {
        flex: 1;
    }

    .flex-sm-column-auto {
        flex: none;
    }

    .flex-sm-column-fluid {
        flex: 1 0 auto;
    }

    .flex-sm-row-auto {
        flex: 0 0 auto;
    }

    .flex-sm-row-fluid {
        flex: 1 auto;
        min-width: 0;
    }

    .flex-sm-center {
        justify-content: center;
        align-items: center;
    }

    .flex-sm-stack {
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .flex-md-root {
        flex: 1;
    }

    .flex-md-column-auto {
        flex: none;
    }

    .flex-md-column-fluid {
        flex: 1 0 auto;
    }

    .flex-md-row-auto {
        flex: 0 0 auto;
    }

    .flex-md-row-fluid {
        flex: 1 auto;
        min-width: 0;
    }

    .flex-md-center {
        justify-content: center;
        align-items: center;
    }

    .flex-md-stack {
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .flex-lg-root {
        flex: 1;
    }

    .flex-lg-column-auto {
        flex: none;
    }

    .flex-lg-column-fluid {
        flex: 1 0 auto;
    }

    .flex-lg-row-auto {
        flex: 0 0 auto;
    }

    .flex-lg-row-fluid {
        flex: 1 auto;
        min-width: 0;
    }

    .flex-lg-center {
        justify-content: center;
        align-items: center;
    }

    .flex-lg-stack {
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .flex-xl-root {
        flex: 1;
    }

    .flex-xl-column-auto {
        flex: none;
    }

    .flex-xl-column-fluid {
        flex: 1 0 auto;
    }

    .flex-xl-row-auto {
        flex: 0 0 auto;
    }

    .flex-xl-row-fluid {
        flex: 1 auto;
        min-width: 0;
    }

    .flex-xl-center {
        justify-content: center;
        align-items: center;
    }

    .flex-xl-stack {
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 1400px) {
    .flex-xxl-root {
        flex: 1;
    }

    .flex-xxl-column-auto {
        flex: none;
    }

    .flex-xxl-column-fluid {
        flex: 1 0 auto;
    }

    .flex-xxl-row-auto {
        flex: 0 0 auto;
    }

    .flex-xxl-row-fluid {
        flex: 1 auto;
        min-width: 0;
    }

    .flex-xxl-center {
        justify-content: center;
        align-items: center;
    }

    .flex-xxl-stack {
        justify-content: space-between;
        align-items: center;
    }
}

.flex-equal {
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0;
}

.shadow-xs {
    box-shadow: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
}

.text-white {
    color: #fff !important;
}

.text-inverse-white {
    color: #7e8299 !important;
}

.text-hover-white {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-white i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-white:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-white:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-white:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-white:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-white {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-white i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-white:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-hover-inverse-white:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-hover-inverse-white:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-hover-inverse-white:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-white {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-white i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-white.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-white.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-white.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-white.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-white {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-white i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-white.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-active-inverse-white.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-active-inverse-white.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-active-inverse-white.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

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

.text-inverse-primary {
    color: #fff !important;
}

.text-light-primary {
    color: #f1faff !important;
}

.text-hover-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-primary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-primary:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--primary-color) !important;
    }

        .text-hover-primary:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--primary-color) !important;
        }

        .text-hover-primary:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .text-hover-primary:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-primary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-primary:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-primary:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-primary:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-primary:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-primary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-primary.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--primary-color) !important;
    }

        .text-active-primary.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--primary-color) !important;
        }

        .text-active-primary.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .text-active-primary.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-primary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-primary.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-primary.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-primary.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-primary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

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

.text-inverse-secondary {
    color: #3f4254 !important;
}

.text-hover-secondary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-secondary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-secondary:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #e4e6ef !important;
    }

        .text-hover-secondary:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #e4e6ef !important;
        }

        .text-hover-secondary:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .text-hover-secondary:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-secondary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-secondary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-secondary:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #3f4254 !important;
    }

        .text-hover-inverse-secondary:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #3f4254 !important;
        }

        .text-hover-inverse-secondary:hover
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .text-hover-inverse-secondary:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-secondary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-secondary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-secondary.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #e4e6ef !important;
    }

        .text-active-secondary.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #e4e6ef !important;
        }

        .text-active-secondary.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .text-active-secondary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-secondary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-secondary i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-secondary.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #3f4254 !important;
    }

        .text-active-inverse-secondary.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #3f4254 !important;
        }

        .text-active-inverse-secondary.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .text-active-inverse-secondary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-light {
    color: #f5f8fa !important;
}

.text-inverse-light {
    color: #7e8299 !important;
}

.text-hover-light {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-light i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-light:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #f5f8fa !important;
    }

        .text-hover-light:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #f5f8fa !important;
        }

        .text-hover-light:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .text-hover-light:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-light {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-light i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-light:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-hover-inverse-light:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-hover-inverse-light:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-hover-inverse-light:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-light {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-light i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-light.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #f5f8fa !important;
    }

        .text-active-light.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #f5f8fa !important;
        }

        .text-active-light.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .text-active-light.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-light {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-light i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-light.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-active-inverse-light.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-active-inverse-light.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-active-inverse-light.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-success {
    color: #50cd89 !important;
}

.text-inverse-success {
    color: #fff !important;
}

.text-light-success {
    color: #e8fff3 !important;
}

.text-hover-success {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-success i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-success:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #50cd89 !important;
    }

        .text-hover-success:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #50cd89 !important;
        }

        .text-hover-success:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .text-hover-success:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-success {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-success i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-success:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-success:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-success:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-success:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-success {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-success i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-success.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #50cd89 !important;
    }

        .text-active-success.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #50cd89 !important;
        }

        .text-active-success.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .text-active-success.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-success {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-success i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-success.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-success.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-success.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-success.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-info {
    color: #7239ea !important;
}

.text-inverse-info {
    color: #fff !important;
}

.text-light-info {
    color: #f8f5ff !important;
}

.text-hover-info {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-info i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-info:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7239ea !important;
    }

        .text-hover-info:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7239ea !important;
        }

        .text-hover-info:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .text-hover-info:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-info {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-info i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-info:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-info:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-info:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-info:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-info {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-info i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-info.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7239ea !important;
    }

        .text-active-info.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7239ea !important;
        }

        .text-active-info.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .text-active-info.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-info {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-info i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-info.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-info.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-info.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-info.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-warning {
    color: #ffc700 !important;
}

.text-inverse-warning {
    color: #fff !important;
}

.text-light-warning {
    color: #fff8dd !important;
}

.text-hover-warning {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-warning i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-warning:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #ffc700 !important;
    }

        .text-hover-warning:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #ffc700 !important;
        }

        .text-hover-warning:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .text-hover-warning:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-warning {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-warning i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-warning:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-warning:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-warning:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-warning:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-warning {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-warning i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-warning.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #ffc700 !important;
    }

        .text-active-warning.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #ffc700 !important;
        }

        .text-active-warning.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .text-active-warning.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-warning {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-warning i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-warning.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-warning.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-warning.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-warning.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-danger {
    color: var(--bs-danger) !important;
}

.text-inverse-danger {
    color: #fff !important;
}

.text-light-danger {
    color: #fff5f8 !important;
}

.text-hover-danger {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-danger i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-danger:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-danger) !important;
    }

        .text-hover-danger:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-danger) !important;
        }

        .text-hover-danger:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .text-hover-danger:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-danger {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-danger i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-danger:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-danger:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-danger:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-danger:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-danger {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-danger i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-danger.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-danger) !important;
    }

        .text-active-danger.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-danger) !important;
        }

        .text-active-danger.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .text-active-danger.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-danger {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-danger i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-danger.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-danger.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-danger.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-danger.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-dark {
    color: var(--bs-dark) !important;
}

.text-inverse-dark {
    color: #fff !important;
}

.text-light-dark {
    color: #eff2f5 !important;
}

.text-hover-dark {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-dark i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-dark:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-dark) !important;
    }

        .text-hover-dark:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-dark) !important;
        }

        .text-hover-dark:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .text-hover-dark:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-dark {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-dark i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-dark:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-hover-inverse-dark:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-hover-inverse-dark:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-hover-inverse-dark:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-dark {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-dark i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-dark.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-dark) !important;
    }

        .text-active-dark.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-dark) !important;
        }

        .text-active-dark.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .text-active-dark.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-dark {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-dark i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-dark.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #fff !important;
    }

        .text-active-inverse-dark.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #fff !important;
        }

        .text-active-inverse-dark.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .text-active-inverse-dark.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-muted {
    color: #a1a5b7 !important;
}

.text-hover-muted {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-muted i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-muted:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #a1a5b7 !important;
    }

        .text-hover-muted:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #a1a5b7 !important;
        }

        .text-hover-muted:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .text-hover-muted:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-muted {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-muted i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-muted:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-muted:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-muted:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-muted:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-muted {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-muted i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-muted.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #a1a5b7 !important;
    }

        .text-active-muted.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #a1a5b7 !important;
        }

        .text-active-muted.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .text-active-muted.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-muted {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-muted i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-muted.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-muted.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-muted.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-muted.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-100 {
    color: #f5f8fa !important;
}

.text-hover-gray-100 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-100 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-100:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #f5f8fa !important;
    }

        .text-hover-gray-100:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #f5f8fa !important;
        }

        .text-hover-gray-100:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .text-hover-gray-100:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-100 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-100 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-100:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-100:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-100:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-100:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-100 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-100 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-100.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #f5f8fa !important;
    }

        .text-active-gray-100.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #f5f8fa !important;
        }

        .text-active-gray-100.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .text-active-gray-100.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-100 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-100 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-100.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-100.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-100.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-100.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-200 {
    color: #eff2f5 !important;
}

.text-hover-gray-200 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-200 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-200:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #eff2f5 !important;
    }

        .text-hover-gray-200:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #eff2f5 !important;
        }

        .text-hover-gray-200:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #eff2f5;
        }

        .text-hover-gray-200:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-200 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-200 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-200:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-200:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-200:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-200:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-200 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-200 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-200.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #eff2f5 !important;
    }

        .text-active-gray-200.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #eff2f5 !important;
        }

        .text-active-gray-200.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #eff2f5;
        }

        .text-active-gray-200.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-200 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-200 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-200.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-200.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-200.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-200.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-300 {
    color: #e4e6ef !important;
}

.text-hover-gray-300 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-300 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-300:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #e4e6ef !important;
    }

        .text-hover-gray-300:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #e4e6ef !important;
        }

        .text-hover-gray-300:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .text-hover-gray-300:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-300 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-300 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-300:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-300:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-300:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-300:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-300 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-300 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-300.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #e4e6ef !important;
    }

        .text-active-gray-300.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #e4e6ef !important;
        }

        .text-active-gray-300.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .text-active-gray-300.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-300 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-300 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-300.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-300.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-300.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-300.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-400 {
    color: #b5b5c3 !important;
}

.text-hover-gray-400 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-400 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-400:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #b5b5c3 !important;
    }

        .text-hover-gray-400:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #b5b5c3 !important;
        }

        .text-hover-gray-400:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #b5b5c3;
        }

        .text-hover-gray-400:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-400 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-400 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-400:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-400:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-400:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-400:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-400 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-400 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-400.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #b5b5c3 !important;
    }

        .text-active-gray-400.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #b5b5c3 !important;
        }

        .text-active-gray-400.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #b5b5c3;
        }

        .text-active-gray-400.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-400 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-400 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-400.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-400.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-400.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-400.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-500 {
    color: #a1a5b7 !important;
}

.text-hover-gray-500 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-500 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-500:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #a1a5b7 !important;
    }

        .text-hover-gray-500:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #a1a5b7 !important;
        }

        .text-hover-gray-500:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .text-hover-gray-500:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-500 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-500 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-500:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-500:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-500:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-500:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-500 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-500 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-500.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #a1a5b7 !important;
    }

        .text-active-gray-500.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #a1a5b7 !important;
        }

        .text-active-gray-500.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .text-active-gray-500.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-500 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-500 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-500.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-500.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-500.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-500.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-600 {
    color: #7e8299 !important;
}

.text-hover-gray-600 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-600 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-600:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-hover-gray-600:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-hover-gray-600:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-hover-gray-600:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-600 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-600 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-600:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-600:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-600:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-600:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-600 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-600 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-600.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #7e8299 !important;
    }

        .text-active-gray-600.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #7e8299 !important;
        }

        .text-active-gray-600.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .text-active-gray-600.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-600 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-600 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-600.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-600.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-600.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-600.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-700 {
    color: #5e6278 !important;
}

.text-hover-gray-700 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-700 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-700:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #5e6278 !important;
    }

        .text-hover-gray-700:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #5e6278 !important;
        }

        .text-hover-gray-700:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #5e6278;
        }

        .text-hover-gray-700:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-700 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-700 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-700:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-700:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-700:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-700:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-700 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-700 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-700.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #5e6278 !important;
    }

        .text-active-gray-700.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #5e6278 !important;
        }

        .text-active-gray-700.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #5e6278;
        }

        .text-active-gray-700.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-700 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-700 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-700.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-700.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-700.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-700.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-800 {
    color: #3f4254 !important;
}

.text-hover-gray-800 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-800 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-800:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #3f4254 !important;
    }

        .text-hover-gray-800:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #3f4254 !important;
        }

        .text-hover-gray-800:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .text-hover-gray-800:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-800 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-800 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-800:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-800:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-800:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-800:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-800 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-800 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-800.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: #3f4254 !important;
    }

        .text-active-gray-800.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: #3f4254 !important;
        }

        .text-active-gray-800.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .text-active-gray-800.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-800 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-800 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-800.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-800.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-800.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-800.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-gray-900 {
    color: var(--bs-dark) !important;
}

.text-hover-gray-900 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-gray-900 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-gray-900:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-dark) !important;
    }

        .text-hover-gray-900:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-dark) !important;
        }

        .text-hover-gray-900:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .text-hover-gray-900:hover .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-hover-inverse-gray-900 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-hover-inverse-gray-900 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-hover-inverse-gray-900:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-hover-inverse-gray-900:hover i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-hover-inverse-gray-900:hover .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-hover-inverse-gray-900:hover
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-gray-900 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-gray-900 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-gray-900.active {
        transition: color 0.2s ease, background-color 0.2s ease;
        color: var(--bs-dark) !important;
    }

        .text-active-gray-900.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
            color: var(--bs-dark) !important;
        }

        .text-active-gray-900.active .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .text-active-gray-900.active .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.text-active-inverse-gray-900 {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .text-active-inverse-gray-900 i {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .text-active-inverse-gray-900.active {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .text-active-inverse-gray-900.active i {
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .text-active-inverse-gray-900.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .text-active-inverse-gray-900.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

.fw-boldest {
    font-weight: 700 !important;
}

.text-transparent {
    color: transparent;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.cursor-move {
    cursor: move;
}

i {
    line-height: 1;
    font-size: 1rem;
    color: #a1a5b7;
}

a {
    transition: color 0.2s ease, background-color 0.2s ease;
}

    a:hover {
        transition: color 0.2s ease, background-color 0.2s ease;
    }

.opacity-active-0.active {
    opacity: 0 !important;
}

.opacity-state-0.active,
.opacity-state-0:hover {
    opacity: 0 !important;
}

.opacity-active-5.active {
    opacity: 0.05 !important;
}

.opacity-state-5.active,
.opacity-state-5:hover {
    opacity: 0.05 !important;
}

.opacity-active-10.active {
    opacity: 0.1 !important;
}

.opacity-state-10.active,
.opacity-state-10:hover {
    opacity: 0.1 !important;
}

.opacity-active-15.active {
    opacity: 0.15 !important;
}

.opacity-state-15.active,
.opacity-state-15:hover {
    opacity: 0.15 !important;
}

.opacity-active-20.active {
    opacity: 0.2 !important;
}

.opacity-state-20.active,
.opacity-state-20:hover {
    opacity: 0.2 !important;
}

.opacity-active-25.active {
    opacity: 0.25 !important;
}

.opacity-state-25.active,
.opacity-state-25:hover {
    opacity: 0.25 !important;
}

.opacity-active-50.active {
    opacity: 0.5 !important;
}

.opacity-state-50.active,
.opacity-state-50:hover {
    opacity: 0.5 !important;
}

.opacity-active-75.active {
    opacity: 0.75 !important;
}

.opacity-state-75.active,
.opacity-state-75:hover {
    opacity: 0.75 !important;
}

.opacity-active-100.active {
    opacity: 1 !important;
}

.opacity-state-100.active,
.opacity-state-100:hover {
    opacity: 1 !important;
}

.transform-90 {
    transform: rotate(90deg);
    transform-origin: right top;
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 991.98px) {
    body,
    html {
        font-size: 13px !important;
    }
}

@media (max-width: 767.98px) {
    body,
    html {
        font-size: 12px !important;
    }
}


.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #7e8299;
        content: var(--bs-breadcrumb-divider, "/");
    }

.breadcrumb-item.active {
    color: var(--primary-color);
}

.breadcrumb {
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

    .breadcrumb .breadcrumb-item {
        display: flex;
        align-items: center;
        padding-left: 0;
        padding-right: 0.5rem;
    }

        .breadcrumb .breadcrumb-item:last-child {
            padding-right: 0;
        }

        .breadcrumb .breadcrumb-item:after {
            content: "/";
            padding-left: 0.5rem;
        }

        .breadcrumb .breadcrumb-item:before {
            display: none;
        }

        .breadcrumb .breadcrumb-item:last-child:after {
            display: none;
        }

.breadcrumb-line .breadcrumb-item:after {
    content: "-";
}

.breadcrumb-dot .breadcrumb-item:after {
    content: "•";
}

.breadcrumb-separatorless .breadcrumb-item:after {
    display: none;
}

.timeline-label {
    position: relative;
}

    .timeline-label:before {
        content: "";
        position: absolute;
        left: 101px;
        width: 3px;
        top: 0;
        bottom: 0;
        background-color: #eff2f5;
    }

    .timeline-label .timeline-item {
        display: flex;
        align-items: flex-start;
        position: relative;
        margin-bottom: 1.7rem;
    }

        .timeline-label .timeline-item:last-child {
            margin-bottom: 0;
        }

    .timeline-label .timeline-label {
        width: 100px;
        flex-shrink: 0;
        position: relative;
        color: #3f4254;
        line-height: 1.5;
    }

    .timeline-label .timeline-badge {
        flex-shrink: 0;
        background: #fff;
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        position: relative;
        margin-top: 1px;
        margin-left: -0.5rem;
        padding: 3px !important;
        border: 6px solid #fff !important;
    }

        .timeline-label .timeline-badge span {
            display: block;
            border-radius: 100%;
            width: 6px;
            height: 6px;
            background-color: #eff2f5;
        }

    .timeline-label .timeline-content {
        flex-grow: 1;
        line-height: 1.5;
    }
.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none !important;
}
.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-dark);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: 0.475rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: var(--bs-dark);
    text-decoration: none;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-check:active + .btn:focus,
    .btn-check:checked + .btn:focus,
    .btn.active:focus,
    .btn:active:focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.6;
    box-shadow: none;
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:focus + .btn-white,
    .btn-white:focus {
        color: #000;
        background-color: #fff;
        border-color: #fff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(217, 217, 217, 0.5);
    }

    .btn-check:active + .btn-white,
    .btn-check:checked + .btn-white,
    .btn-white.active,
    .btn-white:active,
    .show > .btn-white.dropdown-toggle {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

        .btn-check:active + .btn-white:focus,
        .btn-check:checked + .btn-white:focus,
        .btn-white.active:focus,
        .btn-white:active:focus,
        .show > .btn-white.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(217, 217, 217, 0.5);
        }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

.btn-light {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-light:hover {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
    }

    .btn-check:focus + .btn-light,
    .btn-light:focus {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(208, 211, 213, 0.5);
    }

    .btn-check:active + .btn-light,
    .btn-check:checked + .btn-light,
    .btn-light.active,
    .btn-light:active,
    .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
    }

        .btn-check:active + .btn-light:focus,
        .btn-check:checked + .btn-light:focus,
        .btn-light.active:focus,
        .btn-light:active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(208, 211, 213, 0.5);
        }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

.btn-primary {
    color: #FFF !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-primary:hover {
        color: #FFF;
        background-color: #26adf8;
        border-color: #1aa8f8;
    }

    .btn-check:focus + .btn-primary,
    .btn-primary:focus {
        color: #FFF;
        background-color: #26adf8;
        border-color: #1aa8f8;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 134, 210, 0.5);
    }

    .btn-check:active + .btn-primary,
    .btn-check:checked + .btn-primary,
    .btn-primary.active,
    .btn-primary:active,
    .show > .btn-primary.dropdown-toggle {
        color: #FFF;
        background-color: var(--primary-color-light-400);
        border-color: #1aa8f8;
    }

        .btn-check:active + .btn-primary:focus,
        .btn-check:checked + .btn-primary:focus,
        .btn-primary.active:focus,
        .btn-primary:active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(0, 134, 210, 0.5);
        }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #FFF;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.btn-secondary {
    color: #000;
    background-color: #e4e6ef;
    border-color: #e4e6ef;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-secondary:hover {
        color: #000;
        background-color: #e8eaf1;
        border-color: #e7e9f1;
    }

    .btn-check:focus + .btn-secondary,
    .btn-secondary:focus {
        color: #000;
        background-color: #e8eaf1;
        border-color: #e7e9f1;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(194, 196, 203, 0.5);
    }

    .btn-check:active + .btn-secondary,
    .btn-check:checked + .btn-secondary,
    .btn-secondary.active,
    .btn-secondary:active,
    .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #e9ebf2;
        border-color: #e7e9f1;
    }

        .btn-check:active + .btn-secondary:focus,
        .btn-check:checked + .btn-secondary:focus,
        .btn-secondary.active:focus,
        .btn-secondary:active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(194, 196, 203, 0.5);
        }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #000;
        background-color: #e4e6ef;
        border-color: #e4e6ef;
    }

.btn-success {
    color: #000;
    background-color: #50cd89;
    border-color: #50cd89;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-success:hover {
        color: #000;
        background-color: #6ad59b;
        border-color: #62d295;
    }

    .btn-check:focus + .btn-success,
    .btn-success:focus {
        color: #000;
        background-color: #6ad59b;
        border-color: #62d295;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(68, 174, 116, 0.5);
    }

    .btn-check:active + .btn-success,
    .btn-check:checked + .btn-success,
    .btn-success.active,
    .btn-success:active,
    .show > .btn-success.dropdown-toggle {
        color: #000;
        background-color: #73d7a1;
        border-color: #62d295;
    }

        .btn-check:active + .btn-success:focus,
        .btn-check:checked + .btn-success:focus,
        .btn-success.active:focus,
        .btn-success:active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(68, 174, 116, 0.5);
        }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #000;
        background-color: #50cd89;
        border-color: #50cd89;
    }

.btn-info {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-info:hover {
        color: #fff;
        background-color: #6130c7;
        border-color: #5b2ebb;
    }

    .btn-check:focus + .btn-info,
    .btn-info:focus {
        color: #fff;
        background-color: #6130c7;
        border-color: #5b2ebb;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(135, 87, 237, 0.5);
    }

    .btn-check:active + .btn-info,
    .btn-check:checked + .btn-info,
    .btn-info.active,
    .btn-info:active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #5b2ebb;
        border-color: #562bb0;
    }

        .btn-check:active + .btn-info:focus,
        .btn-check:checked + .btn-info:focus,
        .btn-info.active:focus,
        .btn-info:active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(135, 87, 237, 0.5);
        }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

.btn-warning {
    color: #000;
    background-color: #ffc700;
    border-color: #ffc700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-warning:hover {
        color: #000;
        background-color: #ffcf26;
        border-color: #ffcd1a;
    }

    .btn-check:focus + .btn-warning,
    .btn-warning:focus {
        color: #000;
        background-color: #ffcf26;
        border-color: #ffcd1a;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(217, 169, 0, 0.5);
    }

    .btn-check:active + .btn-warning,
    .btn-check:checked + .btn-warning,
    .btn-warning.active,
    .btn-warning:active,
    .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #ffd233;
        border-color: #ffcd1a;
    }

        .btn-check:active + .btn-warning:focus,
        .btn-check:checked + .btn-warning:focus,
        .btn-warning.active:focus,
        .btn-warning:active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(217, 169, 0, 0.5);
        }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #000;
        background-color: #ffc700;
        border-color: #ffc700;
    }

.btn-danger {
    color: #000;
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-danger:hover {
        color: #000;
        background-color: #f35e82;
        border-color: #f2547b;
    }

    .btn-check:focus + .btn-danger,
    .btn-danger:focus {
        color: #000;
        background-color: #f35e82;
        border-color: #f2547b;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(205, 55, 92, 0.5);
    }

    .btn-check:active + .btn-danger,
    .btn-check:checked + .btn-danger,
    .btn-danger.active,
    .btn-danger:active,
    .show > .btn-danger.dropdown-toggle {
        color: #000;
        background-color: #f46789;
        border-color: #f2547b;
    }

        .btn-check:active + .btn-danger:focus,
        .btn-check:checked + .btn-danger:focus,
        .btn-danger.active:focus,
        .btn-danger:active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(205, 55, 92, 0.5);
        }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #000;
        background-color: var(--bs-danger);
        border-color: var(--bs-danger);
    }

.btn-dark {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-dark:hover {
        color: #fff;
        background-color: #14182b;
        border-color: #131628;
    }

    .btn-check:focus + .btn-dark,
    .btn-dark:focus {
        color: #fff;
        background-color: #14182b;
        border-color: #131628;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(59, 62, 81, 0.5);
    }

    .btn-check:active + .btn-dark,
    .btn-check:checked + .btn-dark,
    .btn-dark.active,
    .btn-dark:active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #131628;
        border-color: #121526;
    }

        .btn-check:active + .btn-dark:focus,
        .btn-check:checked + .btn-dark:focus,
        .btn-dark.active:focus,
        .btn-dark:active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(59, 62, 81, 0.5);
        }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #fff;
        background-color: var(--bs-dark);
        border-color: var(--bs-dark);
    }

.btn-outline-white {
    color: #fff;
    border-color: #fff;
}

    .btn-outline-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:focus + .btn-outline-white,
    .btn-outline-white:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
    }

    .btn-check:active + .btn-outline-white,
    .btn-check:checked + .btn-outline-white,
    .btn-outline-white.active,
    .btn-outline-white.dropdown-toggle.show,
    .btn-outline-white:active {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

        .btn-check:active + .btn-outline-white:focus,
        .btn-check:checked + .btn-outline-white:focus,
        .btn-outline-white.active:focus,
        .btn-outline-white.dropdown-toggle.show:focus,
        .btn-outline-white:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
        }

    .btn-outline-white.disabled,
    .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent;
    }

.btn-outline-light {
    color: #f5f8fa;
    border-color: #f5f8fa;
}

    .btn-outline-light:hover {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

    .btn-check:focus + .btn-outline-light,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 0.25rem rgba(245, 248, 250, 0.5);
    }

    .btn-check:active + .btn-outline-light,
    .btn-check:checked + .btn-outline-light,
    .btn-outline-light.active,
    .btn-outline-light.dropdown-toggle.show,
    .btn-outline-light:active {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

        .btn-check:active + .btn-outline-light:focus,
        .btn-check:checked + .btn-outline-light:focus,
        .btn-outline-light.active:focus,
        .btn-outline-light.dropdown-toggle.show:focus,
        .btn-outline-light:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(245, 248, 250, 0.5);
        }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #f5f8fa;
        background-color: transparent;
    }

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-outline-primary:hover {
        color: #000;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .btn-check:focus + .btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.5);
    }

    .btn-check:active + .btn-outline-primary,
    .btn-check:checked + .btn-outline-primary,
    .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show,
    .btn-outline-primary:active {
        color: #000;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

        .btn-check:active + .btn-outline-primary:focus,
        .btn-check:checked + .btn-outline-primary:focus,
        .btn-outline-primary.active:focus,
        .btn-outline-primary.dropdown-toggle.show:focus,
        .btn-outline-primary:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(0, 158, 247, 0.5);
        }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: var(--primary-color);
        background-color: transparent;
    }

.btn-outline-secondary {
    color: #e4e6ef;
    border-color: #e4e6ef;
}

    .btn-outline-secondary:hover {
        color: #000;
        background-color: #e4e6ef;
        border-color: #e4e6ef;
    }

    .btn-check:focus + .btn-outline-secondary,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.25rem rgba(228, 230, 239, 0.5);
    }

    .btn-check:active + .btn-outline-secondary,
    .btn-check:checked + .btn-outline-secondary,
    .btn-outline-secondary.active,
    .btn-outline-secondary.dropdown-toggle.show,
    .btn-outline-secondary:active {
        color: #000;
        background-color: #e4e6ef;
        border-color: #e4e6ef;
    }

        .btn-check:active + .btn-outline-secondary:focus,
        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary.dropdown-toggle.show:focus,
        .btn-outline-secondary:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(228, 230, 239, 0.5);
        }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #e4e6ef;
        background-color: transparent;
    }

.btn-outline-success {
    color: #50cd89;
    border-color: #50cd89;
}

    .btn-outline-success:hover {
        color: #000;
        background-color: #50cd89;
        border-color: #50cd89;
    }

    .btn-check:focus + .btn-outline-success,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.5);
    }

    .btn-check:active + .btn-outline-success,
    .btn-check:checked + .btn-outline-success,
    .btn-outline-success.active,
    .btn-outline-success.dropdown-toggle.show,
    .btn-outline-success:active {
        color: #000;
        background-color: #50cd89;
        border-color: #50cd89;
    }

        .btn-check:active + .btn-outline-success:focus,
        .btn-check:checked + .btn-outline-success:focus,
        .btn-outline-success.active:focus,
        .btn-outline-success.dropdown-toggle.show:focus,
        .btn-outline-success:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(80, 205, 137, 0.5);
        }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #50cd89;
        background-color: transparent;
    }

.btn-outline-info {
    color: #7239ea;
    border-color: #7239ea;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

    .btn-check:focus + .btn-outline-info,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 0.25rem rgba(114, 57, 234, 0.5);
    }

    .btn-check:active + .btn-outline-info,
    .btn-check:checked + .btn-outline-info,
    .btn-outline-info.active,
    .btn-outline-info.dropdown-toggle.show,
    .btn-outline-info:active {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

        .btn-check:active + .btn-outline-info:focus,
        .btn-check:checked + .btn-outline-info:focus,
        .btn-outline-info.active:focus,
        .btn-outline-info.dropdown-toggle.show:focus,
        .btn-outline-info:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(114, 57, 234, 0.5);
        }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #7239ea;
        background-color: transparent;
    }

.btn-outline-warning {
    color: #ffc700;
    border-color: #ffc700;
}

    .btn-outline-warning:hover {
        color: #000;
        background-color: #ffc700;
        border-color: #ffc700;
    }

    .btn-check:focus + .btn-outline-warning,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 199, 0, 0.5);
    }

    .btn-check:active + .btn-outline-warning,
    .btn-check:checked + .btn-outline-warning,
    .btn-outline-warning.active,
    .btn-outline-warning.dropdown-toggle.show,
    .btn-outline-warning:active {
        color: #000;
        background-color: #ffc700;
        border-color: #ffc700;
    }

        .btn-check:active + .btn-outline-warning:focus,
        .btn-check:checked + .btn-outline-warning:focus,
        .btn-outline-warning.active:focus,
        .btn-outline-warning.dropdown-toggle.show:focus,
        .btn-outline-warning:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 199, 0, 0.5);
        }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #ffc700;
        background-color: transparent;
    }

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

    .btn-outline-danger:hover {
        color: #000;
        background-color: var(--bs-danger);
        border-color: var(--bs-danger);
    }

    .btn-check:focus + .btn-outline-danger,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.5);
    }

    .btn-check:active + .btn-outline-danger,
    .btn-check:checked + .btn-outline-danger,
    .btn-outline-danger.active,
    .btn-outline-danger.dropdown-toggle.show,
    .btn-outline-danger:active {
        color: #000;
        background-color: var(--bs-danger);
        border-color: var(--bs-danger);
    }

        .btn-check:active + .btn-outline-danger:focus,
        .btn-check:checked + .btn-outline-danger:focus,
        .btn-outline-danger.active:focus,
        .btn-outline-danger.dropdown-toggle.show:focus,
        .btn-outline-danger:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(241, 65, 108, 0.5);
        }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: var(--bs-danger);
        background-color: transparent;
    }

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

    .btn-outline-dark:hover {
        color: #fff;
        background-color: var(--bs-dark);
        border-color: var(--bs-dark);
    }

    .btn-check:focus + .btn-outline-dark,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.25rem rgba(24, 28, 50, 0.5);
    }

    .btn-check:active + .btn-outline-dark,
    .btn-check:checked + .btn-outline-dark,
    .btn-outline-dark.active,
    .btn-outline-dark.dropdown-toggle.show,
    .btn-outline-dark:active {
        color: #fff;
        background-color: var(--bs-dark);
        border-color: var(--bs-dark);
    }

        .btn-check:active + .btn-outline-dark:focus,
        .btn-check:checked + .btn-outline-dark:focus,
        .btn-outline-dark.active:focus,
        .btn-outline-dark.dropdown-toggle.show:focus,
        .btn-outline-dark:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(24, 28, 50, 0.5);
        }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: var(--bs-dark);
        background-color: transparent;
    }

.btn-link {
    font-weight: 400;
    color: var(--primary-color);
    text-decoration: none;
}

    .btn-link:hover {
        color: #006dab;
        text-decoration: underline;
    }

    .btn-link:focus {
        text-decoration: underline;
    }

    .btn-link.disabled,
    .btn-link:disabled {
        color: #7e8299;
    }

.btn-group-lg > .btn,
.btn-lg {
    padding: 0.825rem 1.75rem;
    font-size: 1.15rem;
    border-radius: 0.475rem;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 0.55rem 1.25rem;
    font-size: 0.925rem;
    border-radius: 0.475rem;
}

.btn i {
    display: inline-flex;
    font-size: 1rem;
    padding-right: 0.35rem;
    vertical-align: middle;
    line-height: 0;
    /*color: #FFF !important*/
}

.btn {
    outline: 0 !important;
}

    .btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
        box-shadow: none !important;
    }

    .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush):not(.btn-icon) {
        border: 0;
        padding: calc(0.75rem + 1px) calc(1.5rem + 1px);
    }

        .btn-group-lg > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush):not(.btn-icon),
        .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush):not(.btn-icon).btn-lg {
            padding: calc(0.825rem + 1px) calc(1.75rem + 1px);
        }

        .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush):not(.btn-icon),
        .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush):not(.btn-icon).btn-sm {
            padding: calc(0.55rem + 1px) calc(1.25rem + 1px);
        }

    .btn.btn-link {
        border: 0;
        border-radius: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-decoration: none;
        font-weight: 500;
    }

    .btn.btn-outline-dashed {
        border: 1px dashed #e4e6ef;
    }

    .btn.btn-flush {
        appearance: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        cursor: pointer;
        background-color: transparent;
        outline: 0 !important;
        margin: 0;
        padding: 0;
    }

    .btn.btn-flex {
        display: inline-flex;
        align-items: center;
    }

    .btn i {
        display: inline-flex;
        font-size: 1rem;
        padding-right: 0.35rem;
        vertical-align: middle;
        line-height: 0;
    }

    .btn .svg-icon {
        flex-shrink: 0;
        line-height: 0;
        margin-right: 0.5rem;
    }

    .btn.btn-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        height: calc(1.5em + (1.5rem + 2px));
        width: calc(1.5em + (1.5rem + 2px));
    }

        .btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not( .border-active ):not(.btn-flush) {
            border: 0;
        }

        .btn-group-sm > .btn.btn-icon,
        .btn.btn-icon.btn-sm {
            height: calc(1.5em + (1.1rem + 2px));
            width: calc(1.5em + (1.1rem + 2px));
        }

        .btn-group-lg > .btn.btn-icon,
        .btn.btn-icon.btn-lg {
            height: calc(1.5em + (1.65rem + 2px));
            width: calc(1.5em + (1.65rem + 2px));
        }

        .btn.btn-icon.btn-circle {
            border-radius: 50%;
        }

        .btn.btn-icon .svg-icon,
        .btn.btn-icon i {
            padding: 0;
            margin: 0;
            line-height: 1;
        }

    .btn.btn-white {
        color: #7e8299;
        border-color: #fff;
        background-color: #fff;
    }

        .btn.btn-white i {
            color: #7e8299;
        }

        .btn.btn-white .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn.btn-white .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-white.dropdown-toggle:after {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-white,
        .btn-check:checked + .btn.btn-white,
        .btn.btn-white.active,
        .btn.btn-white.show,
        .btn.btn-white:active:not(.btn-active),
        .btn.btn-white:focus:not(.btn-active),
        .btn.btn-white:hover:not(.btn-active),
        .show > .btn.btn-white {
            color: #7e8299;
            border-color: #f5f8fa;
            background-color: #f5f8fa !important;
        }

            .btn-check:active + .btn.btn-white i,
            .btn-check:checked + .btn.btn-white i,
            .btn.btn-white.active i,
            .btn.btn-white.show i,
            .btn.btn-white:active:not(.btn-active) i,
            .btn.btn-white:focus:not(.btn-active) i,
            .btn.btn-white:hover:not(.btn-active) i,
            .show > .btn.btn-white i {
                color: #7e8299;
            }

            .btn-check:active + .btn.btn-white .svg-icon svg [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-white .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-white.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-white.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-white:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-white:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-white:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-white .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #7e8299;
            }

            .btn-check:active + .btn.btn-white
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-white
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-white.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-white.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-white:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-white:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-white:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-white .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-white.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-white.dropdown-toggle:after,
            .btn.btn-white.active.dropdown-toggle:after,
            .btn.btn-white.show.dropdown-toggle:after,
            .btn.btn-white:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-white:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-white:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-white.dropdown-toggle:after {
                color: #7e8299;
            }

    .btn.btn-bg-white {
        border-color: #fff;
        background-color: #fff;
    }

    .btn-check:active + .btn.btn-active-white,
    .btn-check:checked + .btn.btn-active-white,
    .btn.btn-active-white.active,
    .btn.btn-active-white.show,
    .btn.btn-active-white:active:not(.btn-active),
    .btn.btn-active-white:focus:not(.btn-active),
    .btn.btn-active-white:hover:not(.btn-active),
    .show > .btn.btn-active-white {
        color: #7e8299;
        border-color: #fff;
        background-color: #fff !important;
    }

        .btn-check:active + .btn.btn-active-white i,
        .btn-check:checked + .btn.btn-active-white i,
        .btn.btn-active-white.active i,
        .btn.btn-active-white.show i,
        .btn.btn-active-white:active:not(.btn-active) i,
        .btn.btn-active-white:focus:not(.btn-active) i,
        .btn.btn-active-white:hover:not(.btn-active) i,
        .show > .btn.btn-active-white i {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-active-white
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-white
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-white.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-white:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-white .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn-check:active + .btn.btn-active-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-white.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-white:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-white:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-white.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-white.dropdown-toggle:after,
        .btn.btn-active-white.active.dropdown-toggle:after,
        .btn.btn-active-white.show.dropdown-toggle:after,
        .btn.btn-active-white:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-white:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-white:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-white.dropdown-toggle:after {
            color: #7e8299;
        }

    .btn.btn-light {
        color: #7e8299;
        border-color: #f5f8fa;
        background-color: #f5f8fa;
    }

        .btn.btn-light i {
            color: #7e8299;
        }

        .btn.btn-light .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn.btn-light .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light.dropdown-toggle:after {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-light,
        .btn-check:checked + .btn.btn-light,
        .btn.btn-light.active,
        .btn.btn-light.show,
        .btn.btn-light:active:not(.btn-active),
        .btn.btn-light:focus:not(.btn-active),
        .btn.btn-light:hover:not(.btn-active),
        .show > .btn.btn-light {
            color: #7e8299;
            border-color: #e4e6ef;
            background-color: #e4e6ef !important;
        }

            .btn-check:active + .btn.btn-light i,
            .btn-check:checked + .btn.btn-light i,
            .btn.btn-light.active i,
            .btn.btn-light.show i,
            .btn.btn-light:active:not(.btn-active) i,
            .btn.btn-light:focus:not(.btn-active) i,
            .btn.btn-light:hover:not(.btn-active) i,
            .show > .btn.btn-light i {
                color: #7e8299;
            }

            .btn-check:active + .btn.btn-light .svg-icon svg [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #7e8299;
            }

            .btn-check:active + .btn.btn-light
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light.dropdown-toggle:after,
            .btn.btn-light.active.dropdown-toggle:after,
            .btn.btn-light.show.dropdown-toggle:after,
            .btn.btn-light:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light.dropdown-toggle:after {
                color: #7e8299;
            }

    .btn.btn-bg-light {
        border-color: #f5f8fa;
        background-color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-light,
    .btn-check:checked + .btn.btn-active-light,
    .btn.btn-active-light.active,
    .btn.btn-active-light.show,
    .btn.btn-active-light:active:not(.btn-active),
    .btn.btn-active-light:focus:not(.btn-active),
    .btn.btn-active-light:hover:not(.btn-active),
    .show > .btn.btn-active-light {
        color: #7e8299;
        border-color: #f5f8fa;
        background-color: #f5f8fa !important;
    }

        .btn-check:active + .btn.btn-active-light i,
        .btn-check:checked + .btn.btn-active-light i,
        .btn.btn-active-light.active i,
        .btn.btn-active-light.show i,
        .btn.btn-active-light:active:not(.btn-active) i,
        .btn.btn-active-light:focus:not(.btn-active) i,
        .btn.btn-active-light:hover:not(.btn-active) i,
        .show > .btn.btn-active-light i {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-active-light
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn-check:active + .btn.btn-active-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-light.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-light:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light.dropdown-toggle:after,
        .btn.btn-active-light.active.dropdown-toggle:after,
        .btn.btn-active-light.show.dropdown-toggle:after,
        .btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light.dropdown-toggle:after {
            color: #7e8299;
        }

    .btn.btn-primary {
        color: #fff;
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }

        .btn.btn-primary i {
            color: #fff;
        }

        .btn.btn-primary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-primary.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-primary,
        .btn-check:checked + .btn.btn-primary,
        .btn.btn-primary.active,
        .btn.btn-primary.show,
        .btn.btn-primary:active:not(.btn-active),
        .btn.btn-primary:focus:not(.btn-active),
        .btn.btn-primary:hover:not(.btn-active),
        .show > .btn.btn-primary {
            color: #fff;
            border-color: var(--primary-color-light-400);
            background-color: var(--primary-color-light-400) !important;
        }

            .btn-check:active + .btn.btn-primary i,
            .btn-check:checked + .btn.btn-primary i,
            .btn.btn-primary.active i,
            .btn.btn-primary.show i,
            .btn.btn-primary:active:not(.btn-active) i,
            .btn.btn-primary:focus:not(.btn-active) i,
            .btn.btn-primary:hover:not(.btn-active) i,
            .show > .btn.btn-primary i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-primary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-primary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-primary:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-primary:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-primary:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-primary .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-primary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-primary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-primary.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-primary.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-primary:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-primary:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-primary:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-primary.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-primary.dropdown-toggle:after,
            .btn.btn-primary.active.dropdown-toggle:after,
            .btn.btn-primary.show.dropdown-toggle:after,
            .btn.btn-primary:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-primary.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-primary {
        color: var(--primary-color);
        border-color: #f1faff;
        background-color: #f1faff;
    }

        .btn.btn-light-primary i {
            color: var(--primary-color);
        }

        .btn.btn-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .btn.btn-light-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-primary.dropdown-toggle:after {
            color: var(--primary-color);
        }

        .btn-check:active + .btn.btn-light-primary,
        .btn-check:checked + .btn.btn-light-primary,
        .btn.btn-light-primary.active,
        .btn.btn-light-primary.show,
        .btn.btn-light-primary:active:not(.btn-active),
        .btn.btn-light-primary:focus:not(.btn-active),
        .btn.btn-light-primary:hover:not(.btn-active),
        .show > .btn.btn-light-primary {
            color: #fff;
            border-color: var(--primary-color);
            background-color: var(--primary-color) !important;
        }

            .btn-check:active + .btn.btn-light-primary i,
            .btn-check:checked + .btn.btn-light-primary i,
            .btn.btn-light-primary.active i,
            .btn.btn-light-primary.show i,
            .btn.btn-light-primary:active:not(.btn-active) i,
            .btn.btn-light-primary:focus:not(.btn-active) i,
            .btn.btn-light-primary:hover:not(.btn-active) i,
            .show > .btn.btn-light-primary i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-primary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-primary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-primary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-primary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-primary.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-primary:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-primary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-primary.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-primary.dropdown-toggle:after,
            .btn.btn-light-primary.active.dropdown-toggle:after,
            .btn.btn-light-primary.show.dropdown-toggle:after,
            .btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-primary.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-bg-primary {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }

    .btn-check:active + .btn.btn-active-primary,
    .btn-check:checked + .btn.btn-active-primary,
    .btn.btn-active-primary.active,
    .btn.btn-active-primary.show,
    .btn.btn-active-primary:active:not(.btn-active),
    .btn.btn-active-primary:focus:not(.btn-active),
    .btn.btn-active-primary:hover:not(.btn-active),
    .show > .btn.btn-active-primary {
        color: #fff;
        border-color: var(--primary-color);
        background-color: var(--primary-color) !important;
    }

        .btn-check:active + .btn.btn-active-primary i,
        .btn-check:checked + .btn.btn-active-primary i,
        .btn.btn-active-primary.active i,
        .btn.btn-active-primary.show i,
        .btn.btn-active-primary:active:not(.btn-active) i,
        .btn.btn-active-primary:focus:not(.btn-active) i,
        .btn.btn-active-primary:hover:not(.btn-active) i,
        .show > .btn.btn-active-primary i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-primary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-primary:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-primary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-primary.dropdown-toggle:after,
        .btn.btn-active-primary.active.dropdown-toggle:after,
        .btn.btn-active-primary.show.dropdown-toggle:after,
        .btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-primary.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-primary,
    .btn-check:checked + .btn.btn-active-light-primary,
    .btn.btn-active-light-primary.active,
    .btn.btn-active-light-primary.show,
    .btn.btn-active-light-primary:active:not(.btn-active),
    .btn.btn-active-light-primary:focus:not(.btn-active),
    .btn.btn-active-light-primary:hover:not(.btn-active),
    .show > .btn.btn-active-light-primary {
        color: var(--primary-color);
        border-color: #f1faff;
        background-color: #f1faff !important;
    }

        .btn-check:active + .btn.btn-active-light-primary i,
        .btn-check:checked + .btn.btn-active-light-primary i,
        .btn.btn-active-light-primary.active i,
        .btn.btn-active-light-primary.show i,
        .btn.btn-active-light-primary:active:not(.btn-active) i,
        .btn.btn-active-light-primary:focus:not(.btn-active) i,
        .btn.btn-active-light-primary:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-primary i {
            color: var(--primary-color);
        }

        .btn-check:active + .btn.btn-active-light-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .btn-check:active + .btn.btn-active-light-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-primary:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-primary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-primary.dropdown-toggle:after,
        .btn.btn-active-light-primary.active.dropdown-toggle:after,
        .btn.btn-active-light-primary.show.dropdown-toggle:after,
        .btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-primary.dropdown-toggle:after {
            color: var(--primary-color);
        }

    .btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
        border-color: var(--primary-color) !important;
    }

    .btn.btn-secondary {
        color: #3f4254;
        border-color: #e4e6ef;
        background-color: #e4e6ef;
    }

        .btn.btn-secondary i {
            color: #3f4254;
        }

        .btn.btn-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .btn.btn-secondary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-secondary.dropdown-toggle:after {
            color: #3f4254;
        }

        .btn-check:active + .btn.btn-secondary,
        .btn-check:checked + .btn.btn-secondary,
        .btn.btn-secondary.active,
        .btn.btn-secondary.show,
        .btn.btn-secondary:active:not(.btn-active),
        .btn.btn-secondary:focus:not(.btn-active),
        .btn.btn-secondary:hover:not(.btn-active),
        .show > .btn.btn-secondary {
            color: #3f4254;
            border-color: #b5b5c3;
            background-color: #b5b5c3 !important;
        }

            .btn-check:active + .btn.btn-secondary i,
            .btn-check:checked + .btn.btn-secondary i,
            .btn.btn-secondary.active i,
            .btn.btn-secondary.show i,
            .btn.btn-secondary:active:not(.btn-active) i,
            .btn.btn-secondary:focus:not(.btn-active) i,
            .btn.btn-secondary:hover:not(.btn-active) i,
            .show > .btn.btn-secondary i {
                color: #3f4254;
            }

            .btn-check:active + .btn.btn-secondary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-secondary
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-secondary.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-secondary:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #3f4254;
            }

            .btn-check:active + .btn.btn-secondary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-secondary
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-secondary.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-secondary:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-secondary:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-secondary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-secondary.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-secondary.dropdown-toggle:after,
            .btn.btn-secondary.active.dropdown-toggle:after,
            .btn.btn-secondary.show.dropdown-toggle:after,
            .btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-secondary.dropdown-toggle:after {
                color: #3f4254;
            }

    .btn.btn-bg-secondary {
        border-color: #e4e6ef;
        background-color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-secondary,
    .btn-check:checked + .btn.btn-active-secondary,
    .btn.btn-active-secondary.active,
    .btn.btn-active-secondary.show,
    .btn.btn-active-secondary:active:not(.btn-active),
    .btn.btn-active-secondary:focus:not(.btn-active),
    .btn.btn-active-secondary:hover:not(.btn-active),
    .show > .btn.btn-active-secondary {
        color: #3f4254;
        border-color: #e4e6ef;
        background-color: #e4e6ef !important;
    }

        .btn-check:active + .btn.btn-active-secondary i,
        .btn-check:checked + .btn.btn-active-secondary i,
        .btn.btn-active-secondary.active i,
        .btn.btn-active-secondary.show i,
        .btn.btn-active-secondary:active:not(.btn-active) i,
        .btn.btn-active-secondary:focus:not(.btn-active) i,
        .btn.btn-active-secondary:hover:not(.btn-active) i,
        .show > .btn.btn-active-secondary i {
            color: #3f4254;
        }

        .btn-check:active + .btn.btn-active-secondary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-secondary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .btn-check:active + .btn.btn-active-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-secondary:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-secondary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-secondary.dropdown-toggle:after,
        .btn.btn-active-secondary.active.dropdown-toggle:after,
        .btn.btn-active-secondary.show.dropdown-toggle:after,
        .btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-secondary.dropdown-toggle:after {
            color: #3f4254;
        }

    .btn.btn-success {
        color: #fff;
        border-color: #50cd89;
        background-color: #50cd89;
    }

        .btn.btn-success i {
            color: #fff;
        }

        .btn.btn-success .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-success .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-success.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-success,
        .btn-check:checked + .btn.btn-success,
        .btn.btn-success.active,
        .btn.btn-success.show,
        .btn.btn-success:active:not(.btn-active),
        .btn.btn-success:focus:not(.btn-active),
        .btn.btn-success:hover:not(.btn-active),
        .show > .btn.btn-success {
            color: #fff;
            border-color: #47be7d;
            background-color: #47be7d !important;
        }

            .btn-check:active + .btn.btn-success i,
            .btn-check:checked + .btn.btn-success i,
            .btn.btn-success.active i,
            .btn.btn-success.show i,
            .btn.btn-success:active:not(.btn-active) i,
            .btn.btn-success:focus:not(.btn-active) i,
            .btn.btn-success:hover:not(.btn-active) i,
            .show > .btn.btn-success i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-success
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-success
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-success.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-success.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-success:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-success:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-success:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-success .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-success
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-success
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-success.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-success.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-success:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-success:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-success:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-success .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-success.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-success.dropdown-toggle:after,
            .btn.btn-success.active.dropdown-toggle:after,
            .btn.btn-success.show.dropdown-toggle:after,
            .btn.btn-success:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-success:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-success:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-success.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-success {
        color: #50cd89;
        border-color: #e8fff3;
        background-color: #e8fff3;
    }

        .btn.btn-light-success i {
            color: #50cd89;
        }

        .btn.btn-light-success .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .btn.btn-light-success .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-success.dropdown-toggle:after {
            color: #50cd89;
        }

        .btn-check:active + .btn.btn-light-success,
        .btn-check:checked + .btn.btn-light-success,
        .btn.btn-light-success.active,
        .btn.btn-light-success.show,
        .btn.btn-light-success:active:not(.btn-active),
        .btn.btn-light-success:focus:not(.btn-active),
        .btn.btn-light-success:hover:not(.btn-active),
        .show > .btn.btn-light-success {
            color: #fff;
            border-color: #50cd89;
            background-color: #50cd89 !important;
        }

            .btn-check:active + .btn.btn-light-success i,
            .btn-check:checked + .btn.btn-light-success i,
            .btn.btn-light-success.active i,
            .btn.btn-light-success.show i,
            .btn.btn-light-success:active:not(.btn-active) i,
            .btn.btn-light-success:focus:not(.btn-active) i,
            .btn.btn-light-success:hover:not(.btn-active) i,
            .show > .btn.btn-light-success i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-success
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-success
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-success.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-success:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-success .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-success
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-success
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-success.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-success:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-success:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-success
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-success.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-success.dropdown-toggle:after,
            .btn.btn-light-success.active.dropdown-toggle:after,
            .btn.btn-light-success.show.dropdown-toggle:after,
            .btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-success.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-bg-success {
        border-color: #50cd89;
        background-color: #50cd89;
    }

    .btn-check:active + .btn.btn-active-success,
    .btn-check:checked + .btn.btn-active-success,
    .btn.btn-active-success.active,
    .btn.btn-active-success.show,
    .btn.btn-active-success:active:not(.btn-active),
    .btn.btn-active-success:focus:not(.btn-active),
    .btn.btn-active-success:hover:not(.btn-active),
    .show > .btn.btn-active-success {
        color: #fff;
        border-color: #50cd89;
        background-color: #50cd89 !important;
    }

        .btn-check:active + .btn.btn-active-success i,
        .btn-check:checked + .btn.btn-active-success i,
        .btn.btn-active-success.active i,
        .btn.btn-active-success.show i,
        .btn.btn-active-success:active:not(.btn-active) i,
        .btn.btn-active-success:focus:not(.btn-active) i,
        .btn.btn-active-success:hover:not(.btn-active) i,
        .show > .btn.btn-active-success i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-success.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-success:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-success .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-success:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-success:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-success.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-success.dropdown-toggle:after,
        .btn.btn-active-success.active.dropdown-toggle:after,
        .btn.btn-active-success.show.dropdown-toggle:after,
        .btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-success.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-success,
    .btn-check:checked + .btn.btn-active-light-success,
    .btn.btn-active-light-success.active,
    .btn.btn-active-light-success.show,
    .btn.btn-active-light-success:active:not(.btn-active),
    .btn.btn-active-light-success:focus:not(.btn-active),
    .btn.btn-active-light-success:hover:not(.btn-active),
    .show > .btn.btn-active-light-success {
        color: #50cd89;
        border-color: #e8fff3;
        background-color: #e8fff3 !important;
    }

        .btn-check:active + .btn.btn-active-light-success i,
        .btn-check:checked + .btn.btn-active-light-success i,
        .btn.btn-active-light-success.active i,
        .btn.btn-active-light-success.show i,
        .btn.btn-active-light-success:active:not(.btn-active) i,
        .btn.btn-active-light-success:focus:not(.btn-active) i,
        .btn.btn-active-light-success:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-success i {
            color: #50cd89;
        }

        .btn-check:active + .btn.btn-active-light-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .btn-check:active + .btn.btn-active-light-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-success:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-success.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-success.dropdown-toggle:after,
        .btn.btn-active-light-success.active.dropdown-toggle:after,
        .btn.btn-active-light-success.show.dropdown-toggle:after,
        .btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-success.dropdown-toggle:after {
            color: #50cd89;
        }

    .btn.btn-active-light-success.btn-outline:not(.btn-outline-default) {
        border-color: #50cd89 !important;
    }

    .btn.btn-info {
        color: #fff;
        border-color: #7239ea;
        background-color: #7239ea;
    }

        .btn.btn-info i {
            color: #fff;
        }

        .btn.btn-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-info.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-info,
        .btn-check:checked + .btn.btn-info,
        .btn.btn-info.active,
        .btn.btn-info.show,
        .btn.btn-info:active:not(.btn-active),
        .btn.btn-info:focus:not(.btn-active),
        .btn.btn-info:hover:not(.btn-active),
        .show > .btn.btn-info {
            color: #fff;
            border-color: #5014d0;
            background-color: #5014d0 !important;
        }

            .btn-check:active + .btn.btn-info i,
            .btn-check:checked + .btn.btn-info i,
            .btn.btn-info.active i,
            .btn.btn-info.show i,
            .btn.btn-info:active:not(.btn-active) i,
            .btn.btn-info:focus:not(.btn-active) i,
            .btn.btn-info:hover:not(.btn-active) i,
            .show > .btn.btn-info i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-info .svg-icon svg [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-info .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-info.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-info.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-info:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-info:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-info:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-info .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-info
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-info
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-info.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-info.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-info:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-info:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-info:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-info.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-info.dropdown-toggle:after,
            .btn.btn-info.active.dropdown-toggle:after,
            .btn.btn-info.show.dropdown-toggle:after,
            .btn.btn-info:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-info:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-info:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-info.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-info {
        color: #7239ea;
        border-color: #f8f5ff;
        background-color: #f8f5ff;
    }

        .btn.btn-light-info i {
            color: #7239ea;
        }

        .btn.btn-light-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .btn.btn-light-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-info.dropdown-toggle:after {
            color: #7239ea;
        }

        .btn-check:active + .btn.btn-light-info,
        .btn-check:checked + .btn.btn-light-info,
        .btn.btn-light-info.active,
        .btn.btn-light-info.show,
        .btn.btn-light-info:active:not(.btn-active),
        .btn.btn-light-info:focus:not(.btn-active),
        .btn.btn-light-info:hover:not(.btn-active),
        .show > .btn.btn-light-info {
            color: #fff;
            border-color: #7239ea;
            background-color: #7239ea !important;
        }

            .btn-check:active + .btn.btn-light-info i,
            .btn-check:checked + .btn.btn-light-info i,
            .btn.btn-light-info.active i,
            .btn.btn-light-info.show i,
            .btn.btn-light-info:active:not(.btn-active) i,
            .btn.btn-light-info:focus:not(.btn-active) i,
            .btn.btn-light-info:hover:not(.btn-active) i,
            .show > .btn.btn-light-info i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-info
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-info
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-info.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-info:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-info .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-info
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-info
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-info.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-info:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-info:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-info.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-info.dropdown-toggle:after,
            .btn.btn-light-info.active.dropdown-toggle:after,
            .btn.btn-light-info.show.dropdown-toggle:after,
            .btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-info.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-bg-info {
        border-color: #7239ea;
        background-color: #7239ea;
    }

    .btn-check:active + .btn.btn-active-info,
    .btn-check:checked + .btn.btn-active-info,
    .btn.btn-active-info.active,
    .btn.btn-active-info.show,
    .btn.btn-active-info:active:not(.btn-active),
    .btn.btn-active-info:focus:not(.btn-active),
    .btn.btn-active-info:hover:not(.btn-active),
    .show > .btn.btn-active-info {
        color: #fff;
        border-color: #7239ea;
        background-color: #7239ea !important;
    }

        .btn-check:active + .btn.btn-active-info i,
        .btn-check:checked + .btn.btn-active-info i,
        .btn.btn-active-info.active i,
        .btn.btn-active-info.show i,
        .btn.btn-active-info:active:not(.btn-active) i,
        .btn.btn-active-info:focus:not(.btn-active) i,
        .btn.btn-active-info:hover:not(.btn-active) i,
        .show > .btn.btn-active-info i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-info.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-info:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-info.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-info:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-info:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-info.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-info.dropdown-toggle:after,
        .btn.btn-active-info.active.dropdown-toggle:after,
        .btn.btn-active-info.show.dropdown-toggle:after,
        .btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-info.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-info,
    .btn-check:checked + .btn.btn-active-light-info,
    .btn.btn-active-light-info.active,
    .btn.btn-active-light-info.show,
    .btn.btn-active-light-info:active:not(.btn-active),
    .btn.btn-active-light-info:focus:not(.btn-active),
    .btn.btn-active-light-info:hover:not(.btn-active),
    .show > .btn.btn-active-light-info {
        color: #7239ea;
        border-color: #f8f5ff;
        background-color: #f8f5ff !important;
    }

        .btn-check:active + .btn.btn-active-light-info i,
        .btn-check:checked + .btn.btn-active-light-info i,
        .btn.btn-active-light-info.active i,
        .btn.btn-active-light-info.show i,
        .btn.btn-active-light-info:active:not(.btn-active) i,
        .btn.btn-active-light-info:focus:not(.btn-active) i,
        .btn.btn-active-light-info:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-info i {
            color: #7239ea;
        }

        .btn-check:active + .btn.btn-active-light-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .btn-check:active + .btn.btn-active-light-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-info:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-info.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-info.dropdown-toggle:after,
        .btn.btn-active-light-info.active.dropdown-toggle:after,
        .btn.btn-active-light-info.show.dropdown-toggle:after,
        .btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-info.dropdown-toggle:after {
            color: #7239ea;
        }

    .btn.btn-active-light-info.btn-outline:not(.btn-outline-default) {
        border-color: #7239ea !important;
    }

    .btn.btn-warning {
        color: #fff;
        border-color: #ffc700;
        background-color: #ffc700;
    }

        .btn.btn-warning i {
            color: #fff;
        }

        .btn.btn-warning .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-warning .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-warning.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-warning,
        .btn-check:checked + .btn.btn-warning,
        .btn.btn-warning.active,
        .btn.btn-warning.show,
        .btn.btn-warning:active:not(.btn-active),
        .btn.btn-warning:focus:not(.btn-active),
        .btn.btn-warning:hover:not(.btn-active),
        .show > .btn.btn-warning {
            color: #fff;
            border-color: #f1bc00;
            background-color: #f1bc00 !important;
        }

            .btn-check:active + .btn.btn-warning i,
            .btn-check:checked + .btn.btn-warning i,
            .btn.btn-warning.active i,
            .btn.btn-warning.show i,
            .btn.btn-warning:active:not(.btn-active) i,
            .btn.btn-warning:focus:not(.btn-active) i,
            .btn.btn-warning:hover:not(.btn-active) i,
            .show > .btn.btn-warning i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-warning
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-warning
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-warning.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-warning:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-warning:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-warning:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-warning .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-warning
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-warning
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-warning.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-warning.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-warning:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-warning:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-warning:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-warning .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-warning.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-warning.dropdown-toggle:after,
            .btn.btn-warning.active.dropdown-toggle:after,
            .btn.btn-warning.show.dropdown-toggle:after,
            .btn.btn-warning:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-warning.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-warning {
        color: #ffc700;
        border-color: #fff8dd;
        background-color: #fff8dd;
    }

        .btn.btn-light-warning i {
            color: #ffc700;
        }

        .btn.btn-light-warning .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .btn.btn-light-warning .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-warning.dropdown-toggle:after {
            color: #ffc700;
        }

        .btn-check:active + .btn.btn-light-warning,
        .btn-check:checked + .btn.btn-light-warning,
        .btn.btn-light-warning.active,
        .btn.btn-light-warning.show,
        .btn.btn-light-warning:active:not(.btn-active),
        .btn.btn-light-warning:focus:not(.btn-active),
        .btn.btn-light-warning:hover:not(.btn-active),
        .show > .btn.btn-light-warning {
            color: #fff;
            border-color: #ffc700;
            background-color: #ffc700 !important;
        }

            .btn-check:active + .btn.btn-light-warning i,
            .btn-check:checked + .btn.btn-light-warning i,
            .btn.btn-light-warning.active i,
            .btn.btn-light-warning.show i,
            .btn.btn-light-warning:active:not(.btn-active) i,
            .btn.btn-light-warning:focus:not(.btn-active) i,
            .btn.btn-light-warning:hover:not(.btn-active) i,
            .show > .btn.btn-light-warning i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-warning
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-warning
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-warning .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-warning
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-warning
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-warning.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-warning:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-warning
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-warning.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-warning.dropdown-toggle:after,
            .btn.btn-light-warning.active.dropdown-toggle:after,
            .btn.btn-light-warning.show.dropdown-toggle:after,
            .btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-warning.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-bg-warning {
        border-color: #ffc700;
        background-color: #ffc700;
    }

    .btn-check:active + .btn.btn-active-warning,
    .btn-check:checked + .btn.btn-active-warning,
    .btn.btn-active-warning.active,
    .btn.btn-active-warning.show,
    .btn.btn-active-warning:active:not(.btn-active),
    .btn.btn-active-warning:focus:not(.btn-active),
    .btn.btn-active-warning:hover:not(.btn-active),
    .show > .btn.btn-active-warning {
        color: #fff;
        border-color: #ffc700;
        background-color: #ffc700 !important;
    }

        .btn-check:active + .btn.btn-active-warning i,
        .btn-check:checked + .btn.btn-active-warning i,
        .btn.btn-active-warning.active i,
        .btn.btn-active-warning.show i,
        .btn.btn-active-warning:active:not(.btn-active) i,
        .btn.btn-active-warning:focus:not(.btn-active) i,
        .btn.btn-active-warning:hover:not(.btn-active) i,
        .show > .btn.btn-active-warning i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-warning .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-warning:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-warning.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-warning.dropdown-toggle:after,
        .btn.btn-active-warning.active.dropdown-toggle:after,
        .btn.btn-active-warning.show.dropdown-toggle:after,
        .btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-warning.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-warning,
    .btn-check:checked + .btn.btn-active-light-warning,
    .btn.btn-active-light-warning.active,
    .btn.btn-active-light-warning.show,
    .btn.btn-active-light-warning:active:not(.btn-active),
    .btn.btn-active-light-warning:focus:not(.btn-active),
    .btn.btn-active-light-warning:hover:not(.btn-active),
    .show > .btn.btn-active-light-warning {
        color: #ffc700;
        border-color: #fff8dd;
        background-color: #fff8dd !important;
    }

        .btn-check:active + .btn.btn-active-light-warning i,
        .btn-check:checked + .btn.btn-active-light-warning i,
        .btn.btn-active-light-warning.active i,
        .btn.btn-active-light-warning.show i,
        .btn.btn-active-light-warning:active:not(.btn-active) i,
        .btn.btn-active-light-warning:focus:not(.btn-active) i,
        .btn.btn-active-light-warning:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-warning i {
            color: #ffc700;
        }

        .btn-check:active + .btn.btn-active-light-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .btn-check:active + .btn.btn-active-light-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-warning:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-warning.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-warning.dropdown-toggle:after,
        .btn.btn-active-light-warning.active.dropdown-toggle:after,
        .btn.btn-active-light-warning.show.dropdown-toggle:after,
        .btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-warning.dropdown-toggle:after {
            color: #ffc700;
        }

    .btn.btn-active-light-warning.btn-outline:not(.btn-outline-default) {
        border-color: #ffc700 !important;
    }

    .btn.btn-danger {
        color: #fff;
        border-color: var(--bs-danger);
        background-color: var(--bs-danger);
    }

        .btn.btn-danger i {
            color: #fff;
        }

        .btn.btn-danger .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-danger .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-danger.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-danger,
        .btn-check:checked + .btn.btn-danger,
        .btn.btn-danger.active,
        .btn.btn-danger.show,
        .btn.btn-danger:active:not(.btn-active),
        .btn.btn-danger:focus:not(.btn-active),
        .btn.btn-danger:hover:not(.btn-active),
        .show > .btn.btn-danger {
            color: #fff;
            border-color: #d9214e;
            background-color: #d9214e !important;
        }

            .btn-check:active + .btn.btn-danger i,
            .btn-check:checked + .btn.btn-danger i,
            .btn.btn-danger.active i,
            .btn.btn-danger.show i,
            .btn.btn-danger:active:not(.btn-active) i,
            .btn.btn-danger:focus:not(.btn-active) i,
            .btn.btn-danger:hover:not(.btn-active) i,
            .show > .btn.btn-danger i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-danger .svg-icon svg [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-danger
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-danger:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-danger:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-danger:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-danger .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-danger
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-danger
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-danger.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-danger.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-danger:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-danger:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-danger:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-danger .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-danger.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-danger.dropdown-toggle:after,
            .btn.btn-danger.active.dropdown-toggle:after,
            .btn.btn-danger.show.dropdown-toggle:after,
            .btn.btn-danger:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-danger.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-danger {
        color: var(--bs-danger);
        border-color: #fff5f8;
        background-color: #fff5f8;
    }

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

        .btn.btn-light-danger .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .btn.btn-light-danger .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-danger.dropdown-toggle:after {
            color: var(--bs-danger);
        }

        .btn-check:active + .btn.btn-light-danger,
        .btn-check:checked + .btn.btn-light-danger,
        .btn.btn-light-danger.active,
        .btn.btn-light-danger.show,
        .btn.btn-light-danger:active:not(.btn-active),
        .btn.btn-light-danger:focus:not(.btn-active),
        .btn.btn-light-danger:hover:not(.btn-active),
        .show > .btn.btn-light-danger {
            color: #fff;
            border-color: var(--bs-danger);
            background-color: var(--bs-danger) !important;
        }

            .btn-check:active + .btn.btn-light-danger i,
            .btn-check:checked + .btn.btn-light-danger i,
            .btn.btn-light-danger.active i,
            .btn.btn-light-danger.show i,
            .btn.btn-light-danger:active:not(.btn-active) i,
            .btn.btn-light-danger:focus:not(.btn-active) i,
            .btn.btn-light-danger:hover:not(.btn-active) i,
            .show > .btn.btn-light-danger i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-danger
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-danger
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-danger .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-danger
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-danger
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-danger.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-danger:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-danger
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-danger.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-danger.dropdown-toggle:after,
            .btn.btn-light-danger.active.dropdown-toggle:after,
            .btn.btn-light-danger.show.dropdown-toggle:after,
            .btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-danger.dropdown-toggle:after {
                color: #fff;
            }

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

    .btn-check:active + .btn.btn-active-danger,
    .btn-check:checked + .btn.btn-active-danger,
    .btn.btn-active-danger.active,
    .btn.btn-active-danger.show,
    .btn.btn-active-danger:active:not(.btn-active),
    .btn.btn-active-danger:focus:not(.btn-active),
    .btn.btn-active-danger:hover:not(.btn-active),
    .show > .btn.btn-active-danger {
        color: #fff;
        border-color: var(--bs-danger);
        background-color: var(--bs-danger) !important;
    }

        .btn-check:active + .btn.btn-active-danger i,
        .btn-check:checked + .btn.btn-active-danger i,
        .btn.btn-active-danger.active i,
        .btn.btn-active-danger.show i,
        .btn.btn-active-danger:active:not(.btn-active) i,
        .btn.btn-active-danger:focus:not(.btn-active) i,
        .btn.btn-active-danger:hover:not(.btn-active) i,
        .show > .btn.btn-active-danger i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-danger .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-danger.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-danger:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-danger.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-danger.dropdown-toggle:after,
        .btn.btn-active-danger.active.dropdown-toggle:after,
        .btn.btn-active-danger.show.dropdown-toggle:after,
        .btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-danger.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-danger,
    .btn-check:checked + .btn.btn-active-light-danger,
    .btn.btn-active-light-danger.active,
    .btn.btn-active-light-danger.show,
    .btn.btn-active-light-danger:active:not(.btn-active),
    .btn.btn-active-light-danger:focus:not(.btn-active),
    .btn.btn-active-light-danger:hover:not(.btn-active),
    .show > .btn.btn-active-light-danger {
        color: var(--bs-danger);
        border-color: #fff5f8;
        background-color: #fff5f8 !important;
    }

        .btn-check:active + .btn.btn-active-light-danger i,
        .btn-check:checked + .btn.btn-active-light-danger i,
        .btn.btn-active-light-danger.active i,
        .btn.btn-active-light-danger.show i,
        .btn.btn-active-light-danger:active:not(.btn-active) i,
        .btn.btn-active-light-danger:focus:not(.btn-active) i,
        .btn.btn-active-light-danger:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-danger i {
            color: var(--bs-danger);
        }

        .btn-check:active + .btn.btn-active-light-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .btn-check:active + .btn.btn-active-light-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-danger:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-danger.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-danger.dropdown-toggle:after,
        .btn.btn-active-light-danger.active.dropdown-toggle:after,
        .btn.btn-active-light-danger.show.dropdown-toggle:after,
        .btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-danger.dropdown-toggle:after {
            color: var(--bs-danger);
        }

    .btn.btn-active-light-danger.btn-outline:not(.btn-outline-default) {
        border-color: var(--bs-danger) !important;
    }

    .btn.btn-dark {
        color: #fff;
        border-color: var(--bs-dark);
        background-color: var(--bs-dark);
    }

        .btn.btn-dark i {
            color: #fff;
        }

        .btn.btn-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-dark.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-dark,
        .btn-check:checked + .btn.btn-dark,
        .btn.btn-dark.active,
        .btn.btn-dark.show,
        .btn.btn-dark:active:not(.btn-active),
        .btn.btn-dark:focus:not(.btn-active),
        .btn.btn-dark:hover:not(.btn-active),
        .show > .btn.btn-dark {
            color: #fff;
            border-color: #131628;
            background-color: #131628 !important;
        }

            .btn-check:active + .btn.btn-dark i,
            .btn-check:checked + .btn.btn-dark i,
            .btn.btn-dark.active i,
            .btn.btn-dark.show i,
            .btn.btn-dark:active:not(.btn-active) i,
            .btn.btn-dark:focus:not(.btn-active) i,
            .btn.btn-dark:hover:not(.btn-active) i,
            .show > .btn.btn-dark i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-dark .svg-icon svg [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-dark .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-dark:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-dark:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-dark:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-dark .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-dark
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-dark
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-dark.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-dark.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-dark:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-dark:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-dark:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-dark.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-dark.dropdown-toggle:after,
            .btn.btn-dark.active.dropdown-toggle:after,
            .btn.btn-dark.show.dropdown-toggle:after,
            .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-dark.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-light-dark {
        color: var(--bs-dark);
        border-color: #eff2f5;
        background-color: #eff2f5;
    }

        .btn.btn-light-dark i {
            color: var(--bs-dark);
        }

        .btn.btn-light-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn.btn-light-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-dark.dropdown-toggle:after {
            color: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-light-dark,
        .btn-check:checked + .btn.btn-light-dark,
        .btn.btn-light-dark.active,
        .btn.btn-light-dark.show,
        .btn.btn-light-dark:active:not(.btn-active),
        .btn.btn-light-dark:focus:not(.btn-active),
        .btn.btn-light-dark:hover:not(.btn-active),
        .show > .btn.btn-light-dark {
            color: #fff;
            border-color: var(--bs-dark);
            background-color: var(--bs-dark) !important;
        }

            .btn-check:active + .btn.btn-light-dark i,
            .btn-check:checked + .btn.btn-light-dark i,
            .btn.btn-light-dark.active i,
            .btn.btn-light-dark.show i,
            .btn.btn-light-dark:active:not(.btn-active) i,
            .btn.btn-light-dark:focus:not(.btn-active) i,
            .btn.btn-light-dark:hover:not(.btn-active) i,
            .show > .btn.btn-light-dark i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-dark
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-dark
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-dark .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-dark
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-dark
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-dark.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-dark:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-dark.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-dark.dropdown-toggle:after,
            .btn.btn-light-dark.active.dropdown-toggle:after,
            .btn.btn-light-dark.show.dropdown-toggle:after,
            .btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-dark.dropdown-toggle:after {
                color: #fff;
            }

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

    .btn-check:active + .btn.btn-active-dark,
    .btn-check:checked + .btn.btn-active-dark,
    .btn.btn-active-dark.active,
    .btn.btn-active-dark.show,
    .btn.btn-active-dark:active:not(.btn-active),
    .btn.btn-active-dark:focus:not(.btn-active),
    .btn.btn-active-dark:hover:not(.btn-active),
    .show > .btn.btn-active-dark {
        color: #fff;
        border-color: var(--bs-dark);
        background-color: var(--bs-dark) !important;
    }

        .btn-check:active + .btn.btn-active-dark i,
        .btn-check:checked + .btn.btn-active-dark i,
        .btn.btn-active-dark.active i,
        .btn.btn-active-dark.show i,
        .btn.btn-active-dark:active:not(.btn-active) i,
        .btn.btn-active-dark:focus:not(.btn-active) i,
        .btn.btn-active-dark:hover:not(.btn-active) i,
        .show > .btn.btn-active-dark i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-dark.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-dark:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-dark.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-dark.dropdown-toggle:after,
        .btn.btn-active-dark.active.dropdown-toggle:after,
        .btn.btn-active-dark.show.dropdown-toggle:after,
        .btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-dark.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-light-dark,
    .btn-check:checked + .btn.btn-active-light-dark,
    .btn.btn-active-light-dark.active,
    .btn.btn-active-light-dark.show,
    .btn.btn-active-light-dark:active:not(.btn-active),
    .btn.btn-active-light-dark:focus:not(.btn-active),
    .btn.btn-active-light-dark:hover:not(.btn-active),
    .show > .btn.btn-active-light-dark {
        color: var(--bs-dark);
        border-color: #eff2f5;
        background-color: #eff2f5 !important;
    }

        .btn-check:active + .btn.btn-active-light-dark i,
        .btn-check:checked + .btn.btn-active-light-dark i,
        .btn.btn-active-light-dark.active i,
        .btn.btn-active-light-dark.show i,
        .btn.btn-active-light-dark:active:not(.btn-active) i,
        .btn.btn-active-light-dark:focus:not(.btn-active) i,
        .btn.btn-active-light-dark:hover:not(.btn-active) i,
        .show > .btn.btn-active-light-dark i {
            color: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-light-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-light-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-light-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-light-dark:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-light-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-light-dark.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-light-dark.dropdown-toggle:after,
        .btn.btn-active-light-dark.active.dropdown-toggle:after,
        .btn.btn-active-light-dark.show.dropdown-toggle:after,
        .btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-light-dark.dropdown-toggle:after {
            color: var(--bs-dark);
        }

    .btn.btn-active-light-dark.btn-outline:not(.btn-outline-default) {
        border-color: var(--bs-dark) !important;
    }

    .btn.btn-color-white {
        color: #fff;
    }

        .btn.btn-color-white i {
            color: #fff;
        }

        .btn.btn-color-white .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-color-white .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-white.dropdown-toggle:after {
            color: #fff;
        }

    .btn-check:active + .btn.btn-active-color-white,
    .btn-check:checked + .btn.btn-active-color-white,
    .btn.btn-active-color-white.active,
    .btn.btn-active-color-white.show,
    .btn.btn-active-color-white:active:not(.btn-active),
    .btn.btn-active-color-white:focus:not(.btn-active),
    .btn.btn-active-color-white:hover:not(.btn-active),
    .show > .btn.btn-active-color-white {
        color: #fff;
    }

        .btn-check:active + .btn.btn-active-color-white i,
        .btn-check:checked + .btn.btn-active-color-white i,
        .btn.btn-active-color-white.active i,
        .btn.btn-active-color-white.show i,
        .btn.btn-active-color-white:active:not(.btn-active) i,
        .btn.btn-active-color-white:focus:not(.btn-active) i,
        .btn.btn-active-color-white:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-white i {
            color: #fff;
        }

        .btn-check:active + .btn.btn-active-color-white
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-white
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-white
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn-check:active + .btn.btn-active-color-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-white:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-white
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-white.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-white.dropdown-toggle:after,
        .btn.btn-active-color-white.active.dropdown-toggle:after,
        .btn.btn-active-color-white.show.dropdown-toggle:after,
        .btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-white.dropdown-toggle:after {
            color: #fff;
        }

    .btn.btn-icon-white i {
        color: #fff;
    }

    .btn.btn-icon-white .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #fff;
    }

    .btn.btn-icon-white .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-white.dropdown-toggle:after {
        color: #fff;
    }

    .btn-check:active + .btn.btn-active-icon-white i,
    .btn-check:checked + .btn.btn-active-icon-white i,
    .btn.btn-active-icon-white.active i,
    .btn.btn-active-icon-white.show i,
    .btn.btn-active-icon-white:active:not(.btn-active) i,
    .btn.btn-active-icon-white:focus:not(.btn-active) i,
    .btn.btn-active-icon-white:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-white i {
        color: #fff;
    }

    .btn-check:active + .btn.btn-active-icon-white
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-white
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-white .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #fff;
    }

    .btn-check:active + .btn.btn-active-icon-white
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-white
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-white:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-white
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-white.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-white.dropdown-toggle:after,
    .btn.btn-active-icon-white.active.dropdown-toggle:after,
    .btn.btn-active-icon-white.show.dropdown-toggle:after,
    .btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-white.dropdown-toggle:after {
        color: #fff;
    }

    .btn.btn-text-white {
        color: #fff;
    }

    .btn-check:active + .btn.btn-active-text-white,
    .btn-check:checked + .btn.btn-active-text-white,
    .btn.btn-active-text-white.active,
    .btn.btn-active-text-white.show,
    .btn.btn-active-text-white:active:not(.btn-active),
    .btn.btn-active-text-white:focus:not(.btn-active),
    .btn.btn-active-text-white:hover:not(.btn-active),
    .show > .btn.btn-active-text-white {
        color: #fff;
    }

    .btn.btn-color-primary {
        color: var(--primary-color);
    }

        .btn.btn-color-primary i {
            color: var(--primary-color);
        }

        .btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .btn.btn-color-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-primary.dropdown-toggle:after {
            color: var(--primary-color);
        }

    .btn-check:active + .btn.btn-active-color-primary,
    .btn-check:checked + .btn.btn-active-color-primary,
    .btn.btn-active-color-primary.active,
    .btn.btn-active-color-primary.show,
    .btn.btn-active-color-primary:active:not(.btn-active),
    .btn.btn-active-color-primary:focus:not(.btn-active),
    .btn.btn-active-color-primary:hover:not(.btn-active),
    .show > .btn.btn-active-color-primary {
        color: var(--primary-color);
    }

        .btn-check:active + .btn.btn-active-color-primary i,
        .btn-check:checked + .btn.btn-active-color-primary i,
        .btn.btn-active-color-primary.active i,
        .btn.btn-active-color-primary.show i,
        .btn.btn-active-color-primary:active:not(.btn-active) i,
        .btn.btn-active-color-primary:focus:not(.btn-active) i,
        .btn.btn-active-color-primary:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-primary i {
            color: var(--primary-color);
        }

        .btn-check:active + .btn.btn-active-color-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-primary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--primary-color);
        }

        .btn-check:active + .btn.btn-active-color-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-primary:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-primary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-primary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-primary.dropdown-toggle:after,
        .btn.btn-active-color-primary.active.dropdown-toggle:after,
        .btn.btn-active-color-primary.show.dropdown-toggle:after,
        .btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-primary.dropdown-toggle:after {
            color: var(--primary-color);
        }

    .btn.btn-icon-primary i {
        color: var(--primary-color);
    }

    .btn.btn-icon-primary .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--primary-color);
    }

    .btn.btn-icon-primary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-primary.dropdown-toggle:after {
        color: var(--primary-color);
    }

    .btn-check:active + .btn.btn-active-icon-primary i,
    .btn-check:checked + .btn.btn-active-icon-primary i,
    .btn.btn-active-icon-primary.active i,
    .btn.btn-active-icon-primary.show i,
    .btn.btn-active-icon-primary:active:not(.btn-active) i,
    .btn.btn-active-icon-primary:focus:not(.btn-active) i,
    .btn.btn-active-icon-primary:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-primary i {
        color: var(--primary-color);
    }

    .btn-check:active + .btn.btn-active-icon-primary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-primary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-primary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--primary-color);
    }

    .btn-check:active + .btn.btn-active-icon-primary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-primary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-primary:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-primary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-primary.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-primary.dropdown-toggle:after,
    .btn.btn-active-icon-primary.active.dropdown-toggle:after,
    .btn.btn-active-icon-primary.show.dropdown-toggle:after,
    .btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-primary.dropdown-toggle:after {
        color: var(--primary-color);
    }

    .btn.btn-text-primary {
        color: var(--primary-color);
    }

    .btn-check:active + .btn.btn-active-text-primary,
    .btn-check:checked + .btn.btn-active-text-primary,
    .btn.btn-active-text-primary.active,
    .btn.btn-active-text-primary.show,
    .btn.btn-active-text-primary:active:not(.btn-active),
    .btn.btn-active-text-primary:focus:not(.btn-active),
    .btn.btn-active-text-primary:hover:not(.btn-active),
    .show > .btn.btn-active-text-primary {
        color: var(--primary-color);
    }

    .btn.btn-color-secondary {
        color: #e4e6ef;
    }

        .btn.btn-color-secondary i {
            color: #e4e6ef;
        }

        .btn.btn-color-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .btn.btn-color-secondary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-secondary.dropdown-toggle:after {
            color: #e4e6ef;
        }

    .btn-check:active + .btn.btn-active-color-secondary,
    .btn-check:checked + .btn.btn-active-color-secondary,
    .btn.btn-active-color-secondary.active,
    .btn.btn-active-color-secondary.show,
    .btn.btn-active-color-secondary:active:not(.btn-active),
    .btn.btn-active-color-secondary:focus:not(.btn-active),
    .btn.btn-active-color-secondary:hover:not(.btn-active),
    .show > .btn.btn-active-color-secondary {
        color: #e4e6ef;
    }

        .btn-check:active + .btn.btn-active-color-secondary i,
        .btn-check:checked + .btn.btn-active-color-secondary i,
        .btn.btn-active-color-secondary.active i,
        .btn.btn-active-color-secondary.show i,
        .btn.btn-active-color-secondary:active:not(.btn-active) i,
        .btn.btn-active-color-secondary:focus:not(.btn-active) i,
        .btn.btn-active-color-secondary:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-secondary i {
            color: #e4e6ef;
        }

        .btn-check:active + .btn.btn-active-color-secondary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-secondary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary.show
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-secondary
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .btn-check:active + .btn.btn-active-color-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-secondary:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-secondary
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-secondary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-secondary.dropdown-toggle:after,
        .btn.btn-active-color-secondary.active.dropdown-toggle:after,
        .btn.btn-active-color-secondary.show.dropdown-toggle:after,
        .btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-secondary.dropdown-toggle:after {
            color: #e4e6ef;
        }

    .btn.btn-icon-secondary i {
        color: #e4e6ef;
    }

    .btn.btn-icon-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #e4e6ef;
    }

    .btn.btn-icon-secondary .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-secondary.dropdown-toggle:after {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-secondary i,
    .btn-check:checked + .btn.btn-active-icon-secondary i,
    .btn.btn-active-icon-secondary.active i,
    .btn.btn-active-icon-secondary.show i,
    .btn.btn-active-icon-secondary:active:not(.btn-active) i,
    .btn.btn-active-icon-secondary:focus:not(.btn-active) i,
    .btn.btn-active-icon-secondary:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-secondary i {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-secondary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-secondary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-secondary
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-secondary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-secondary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-secondary:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-secondary
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-secondary.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-secondary.dropdown-toggle:after,
    .btn.btn-active-icon-secondary.active.dropdown-toggle:after,
    .btn.btn-active-icon-secondary.show.dropdown-toggle:after,
    .btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-secondary.dropdown-toggle:after {
        color: #e4e6ef;
    }

    .btn.btn-text-secondary {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-text-secondary,
    .btn-check:checked + .btn.btn-active-text-secondary,
    .btn.btn-active-text-secondary.active,
    .btn.btn-active-text-secondary.show,
    .btn.btn-active-text-secondary:active:not(.btn-active),
    .btn.btn-active-text-secondary:focus:not(.btn-active),
    .btn.btn-active-text-secondary:hover:not(.btn-active),
    .show > .btn.btn-active-text-secondary {
        color: #e4e6ef;
    }

    .btn.btn-color-light {
        color: #f5f8fa;
    }

        .btn.btn-color-light i {
            color: #f5f8fa;
        }

        .btn.btn-color-light .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .btn.btn-color-light .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-light.dropdown-toggle:after {
            color: #f5f8fa;
        }

    .btn-check:active + .btn.btn-active-color-light,
    .btn-check:checked + .btn.btn-active-color-light,
    .btn.btn-active-color-light.active,
    .btn.btn-active-color-light.show,
    .btn.btn-active-color-light:active:not(.btn-active),
    .btn.btn-active-color-light:focus:not(.btn-active),
    .btn.btn-active-color-light:hover:not(.btn-active),
    .show > .btn.btn-active-color-light {
        color: #f5f8fa;
    }

        .btn-check:active + .btn.btn-active-color-light i,
        .btn-check:checked + .btn.btn-active-color-light i,
        .btn.btn-active-color-light.active i,
        .btn.btn-active-color-light.show i,
        .btn.btn-active-color-light:active:not(.btn-active) i,
        .btn.btn-active-color-light:focus:not(.btn-active) i,
        .btn.btn-active-color-light:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-light i {
            color: #f5f8fa;
        }

        .btn-check:active + .btn.btn-active-color-light
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-light
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-light
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .btn-check:active + .btn.btn-active-color-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-light:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-light
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-light.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-light.dropdown-toggle:after,
        .btn.btn-active-color-light.active.dropdown-toggle:after,
        .btn.btn-active-color-light.show.dropdown-toggle:after,
        .btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-light.dropdown-toggle:after {
            color: #f5f8fa;
        }

    .btn.btn-icon-light i {
        color: #f5f8fa;
    }

    .btn.btn-icon-light .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #f5f8fa;
    }

    .btn.btn-icon-light .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-light.dropdown-toggle:after {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-light i,
    .btn-check:checked + .btn.btn-active-icon-light i,
    .btn.btn-active-icon-light.active i,
    .btn.btn-active-icon-light.show i,
    .btn.btn-active-icon-light:active:not(.btn-active) i,
    .btn.btn-active-icon-light:focus:not(.btn-active) i,
    .btn.btn-active-icon-light:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-light i {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-light
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-light
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-light .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-light
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-light
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-light:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-light
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-light.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-light.dropdown-toggle:after,
    .btn.btn-active-icon-light.active.dropdown-toggle:after,
    .btn.btn-active-icon-light.show.dropdown-toggle:after,
    .btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-light.dropdown-toggle:after {
        color: #f5f8fa;
    }

    .btn.btn-text-light {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-text-light,
    .btn-check:checked + .btn.btn-active-text-light,
    .btn.btn-active-text-light.active,
    .btn.btn-active-text-light.show,
    .btn.btn-active-text-light:active:not(.btn-active),
    .btn.btn-active-text-light:focus:not(.btn-active),
    .btn.btn-active-text-light:hover:not(.btn-active),
    .show > .btn.btn-active-text-light {
        color: #f5f8fa;
    }

    .btn.btn-color-success {
        color: #50cd89;
    }

        .btn.btn-color-success i {
            color: #50cd89;
        }

        .btn.btn-color-success .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .btn.btn-color-success .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-success.dropdown-toggle:after {
            color: #50cd89;
        }

    .btn-check:active + .btn.btn-active-color-success,
    .btn-check:checked + .btn.btn-active-color-success,
    .btn.btn-active-color-success.active,
    .btn.btn-active-color-success.show,
    .btn.btn-active-color-success:active:not(.btn-active),
    .btn.btn-active-color-success:focus:not(.btn-active),
    .btn.btn-active-color-success:hover:not(.btn-active),
    .show > .btn.btn-active-color-success {
        color: #50cd89;
    }

        .btn-check:active + .btn.btn-active-color-success i,
        .btn-check:checked + .btn.btn-active-color-success i,
        .btn.btn-active-color-success.active i,
        .btn.btn-active-color-success.show i,
        .btn.btn-active-color-success:active:not(.btn-active) i,
        .btn.btn-active-color-success:focus:not(.btn-active) i,
        .btn.btn-active-color-success:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-success i {
            color: #50cd89;
        }

        .btn-check:active + .btn.btn-active-color-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-success
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #50cd89;
        }

        .btn-check:active + .btn.btn-active-color-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-success:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-success
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-success.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-success.dropdown-toggle:after,
        .btn.btn-active-color-success.active.dropdown-toggle:after,
        .btn.btn-active-color-success.show.dropdown-toggle:after,
        .btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-success.dropdown-toggle:after {
            color: #50cd89;
        }

    .btn.btn-icon-success i {
        color: #50cd89;
    }

    .btn.btn-icon-success .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #50cd89;
    }

    .btn.btn-icon-success .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-success.dropdown-toggle:after {
        color: #50cd89;
    }

    .btn-check:active + .btn.btn-active-icon-success i,
    .btn-check:checked + .btn.btn-active-icon-success i,
    .btn.btn-active-icon-success.active i,
    .btn.btn-active-icon-success.show i,
    .btn.btn-active-icon-success:active:not(.btn-active) i,
    .btn.btn-active-icon-success:focus:not(.btn-active) i,
    .btn.btn-active-icon-success:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-success i {
        color: #50cd89;
    }

    .btn-check:active + .btn.btn-active-icon-success
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-success
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-success
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #50cd89;
    }

    .btn-check:active + .btn.btn-active-icon-success
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-success
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-success:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-success
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-success.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-success.dropdown-toggle:after,
    .btn.btn-active-icon-success.active.dropdown-toggle:after,
    .btn.btn-active-icon-success.show.dropdown-toggle:after,
    .btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-success.dropdown-toggle:after {
        color: #50cd89;
    }

    .btn.btn-text-success {
        color: #50cd89;
    }

    .btn-check:active + .btn.btn-active-text-success,
    .btn-check:checked + .btn.btn-active-text-success,
    .btn.btn-active-text-success.active,
    .btn.btn-active-text-success.show,
    .btn.btn-active-text-success:active:not(.btn-active),
    .btn.btn-active-text-success:focus:not(.btn-active),
    .btn.btn-active-text-success:hover:not(.btn-active),
    .show > .btn.btn-active-text-success {
        color: #50cd89;
    }

    .btn.btn-color-info {
        color: #7239ea;
    }

        .btn.btn-color-info i {
            color: #7239ea;
        }

        .btn.btn-color-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .btn.btn-color-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-info.dropdown-toggle:after {
            color: #7239ea;
        }

    .btn-check:active + .btn.btn-active-color-info,
    .btn-check:checked + .btn.btn-active-color-info,
    .btn.btn-active-color-info.active,
    .btn.btn-active-color-info.show,
    .btn.btn-active-color-info:active:not(.btn-active),
    .btn.btn-active-color-info:focus:not(.btn-active),
    .btn.btn-active-color-info:hover:not(.btn-active),
    .show > .btn.btn-active-color-info {
        color: #7239ea;
    }

        .btn-check:active + .btn.btn-active-color-info i,
        .btn-check:checked + .btn.btn-active-color-info i,
        .btn.btn-active-color-info.active i,
        .btn.btn-active-color-info.show i,
        .btn.btn-active-color-info:active:not(.btn-active) i,
        .btn.btn-active-color-info:focus:not(.btn-active) i,
        .btn.btn-active-color-info:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-info i {
            color: #7239ea;
        }

        .btn-check:active + .btn.btn-active-color-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-info
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-info .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7239ea;
        }

        .btn-check:active + .btn.btn-active-color-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-info:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-info
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-info.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-info.dropdown-toggle:after,
        .btn.btn-active-color-info.active.dropdown-toggle:after,
        .btn.btn-active-color-info.show.dropdown-toggle:after,
        .btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-info.dropdown-toggle:after {
            color: #7239ea;
        }

    .btn.btn-icon-info i {
        color: #7239ea;
    }

    .btn.btn-icon-info .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #7239ea;
    }

    .btn.btn-icon-info .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-info.dropdown-toggle:after {
        color: #7239ea;
    }

    .btn-check:active + .btn.btn-active-icon-info i,
    .btn-check:checked + .btn.btn-active-icon-info i,
    .btn.btn-active-icon-info.active i,
    .btn.btn-active-icon-info.show i,
    .btn.btn-active-icon-info:active:not(.btn-active) i,
    .btn.btn-active-icon-info:focus:not(.btn-active) i,
    .btn.btn-active-icon-info:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-info i {
        color: #7239ea;
    }

    .btn-check:active + .btn.btn-active-icon-info
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-info
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-info .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #7239ea;
    }

    .btn-check:active + .btn.btn-active-icon-info
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-info
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-info:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-info
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-info.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-info.dropdown-toggle:after,
    .btn.btn-active-icon-info.active.dropdown-toggle:after,
    .btn.btn-active-icon-info.show.dropdown-toggle:after,
    .btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-info.dropdown-toggle:after {
        color: #7239ea;
    }

    .btn.btn-text-info {
        color: #7239ea;
    }

    .btn-check:active + .btn.btn-active-text-info,
    .btn-check:checked + .btn.btn-active-text-info,
    .btn.btn-active-text-info.active,
    .btn.btn-active-text-info.show,
    .btn.btn-active-text-info:active:not(.btn-active),
    .btn.btn-active-text-info:focus:not(.btn-active),
    .btn.btn-active-text-info:hover:not(.btn-active),
    .show > .btn.btn-active-text-info {
        color: #7239ea;
    }

    .btn.btn-color-warning {
        color: #ffc700;
    }

        .btn.btn-color-warning i {
            color: #ffc700;
        }

        .btn.btn-color-warning .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .btn.btn-color-warning .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-warning.dropdown-toggle:after {
            color: #ffc700;
        }

    .btn-check:active + .btn.btn-active-color-warning,
    .btn-check:checked + .btn.btn-active-color-warning,
    .btn.btn-active-color-warning.active,
    .btn.btn-active-color-warning.show,
    .btn.btn-active-color-warning:active:not(.btn-active),
    .btn.btn-active-color-warning:focus:not(.btn-active),
    .btn.btn-active-color-warning:hover:not(.btn-active),
    .show > .btn.btn-active-color-warning {
        color: #ffc700;
    }

        .btn-check:active + .btn.btn-active-color-warning i,
        .btn-check:checked + .btn.btn-active-color-warning i,
        .btn.btn-active-color-warning.active i,
        .btn.btn-active-color-warning.show i,
        .btn.btn-active-color-warning:active:not(.btn-active) i,
        .btn.btn-active-color-warning:focus:not(.btn-active) i,
        .btn.btn-active-color-warning:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-warning i {
            color: #ffc700;
        }

        .btn-check:active + .btn.btn-active-color-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-warning
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #ffc700;
        }

        .btn-check:active + .btn.btn-active-color-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-warning:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-warning
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-warning.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-warning.dropdown-toggle:after,
        .btn.btn-active-color-warning.active.dropdown-toggle:after,
        .btn.btn-active-color-warning.show.dropdown-toggle:after,
        .btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-warning.dropdown-toggle:after {
            color: #ffc700;
        }

    .btn.btn-icon-warning i {
        color: #ffc700;
    }

    .btn.btn-icon-warning .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #ffc700;
    }

    .btn.btn-icon-warning .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-warning.dropdown-toggle:after {
        color: #ffc700;
    }

    .btn-check:active + .btn.btn-active-icon-warning i,
    .btn-check:checked + .btn.btn-active-icon-warning i,
    .btn.btn-active-icon-warning.active i,
    .btn.btn-active-icon-warning.show i,
    .btn.btn-active-icon-warning:active:not(.btn-active) i,
    .btn.btn-active-icon-warning:focus:not(.btn-active) i,
    .btn.btn-active-icon-warning:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-warning i {
        color: #ffc700;
    }

    .btn-check:active + .btn.btn-active-icon-warning
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-warning
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-warning
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #ffc700;
    }

    .btn-check:active + .btn.btn-active-icon-warning
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-warning
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-warning:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-warning
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-warning.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-warning.dropdown-toggle:after,
    .btn.btn-active-icon-warning.active.dropdown-toggle:after,
    .btn.btn-active-icon-warning.show.dropdown-toggle:after,
    .btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-warning.dropdown-toggle:after {
        color: #ffc700;
    }

    .btn.btn-text-warning {
        color: #ffc700;
    }

    .btn-check:active + .btn.btn-active-text-warning,
    .btn-check:checked + .btn.btn-active-text-warning,
    .btn.btn-active-text-warning.active,
    .btn.btn-active-text-warning.show,
    .btn.btn-active-text-warning:active:not(.btn-active),
    .btn.btn-active-text-warning:focus:not(.btn-active),
    .btn.btn-active-text-warning:hover:not(.btn-active),
    .show > .btn.btn-active-text-warning {
        color: #ffc700;
    }

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

        .btn.btn-color-danger i {
            color: var(--bs-danger);
        }

        .btn.btn-color-danger .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .btn.btn-color-danger .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-danger.dropdown-toggle:after {
            color: var(--bs-danger);
        }

    .btn-check:active + .btn.btn-active-color-danger,
    .btn-check:checked + .btn.btn-active-color-danger,
    .btn.btn-active-color-danger.active,
    .btn.btn-active-color-danger.show,
    .btn.btn-active-color-danger:active:not(.btn-active),
    .btn.btn-active-color-danger:focus:not(.btn-active),
    .btn.btn-active-color-danger:hover:not(.btn-active),
    .show > .btn.btn-active-color-danger {
        color: var(--bs-danger);
    }

        .btn-check:active + .btn.btn-active-color-danger i,
        .btn-check:checked + .btn.btn-active-color-danger i,
        .btn.btn-active-color-danger.active i,
        .btn.btn-active-color-danger.show i,
        .btn.btn-active-color-danger:active:not(.btn-active) i,
        .btn.btn-active-color-danger:focus:not(.btn-active) i,
        .btn.btn-active-color-danger:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-danger i {
            color: var(--bs-danger);
        }

        .btn-check:active + .btn.btn-active-color-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-danger
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-danger);
        }

        .btn-check:active + .btn.btn-active-color-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-danger:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-danger
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-danger.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-danger.dropdown-toggle:after,
        .btn.btn-active-color-danger.active.dropdown-toggle:after,
        .btn.btn-active-color-danger.show.dropdown-toggle:after,
        .btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-danger.dropdown-toggle:after {
            color: var(--bs-danger);
        }

    .btn.btn-icon-danger i {
        color: var(--bs-danger);
    }

    .btn.btn-icon-danger .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-danger);
    }

    .btn.btn-icon-danger .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-danger.dropdown-toggle:after {
        color: var(--bs-danger);
    }

    .btn-check:active + .btn.btn-active-icon-danger i,
    .btn-check:checked + .btn.btn-active-icon-danger i,
    .btn.btn-active-icon-danger.active i,
    .btn.btn-active-icon-danger.show i,
    .btn.btn-active-icon-danger:active:not(.btn-active) i,
    .btn.btn-active-icon-danger:focus:not(.btn-active) i,
    .btn.btn-active-icon-danger:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-danger i {
        color: var(--bs-danger);
    }

    .btn-check:active + .btn.btn-active-icon-danger
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-danger
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-danger
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-danger);
    }

    .btn-check:active + .btn.btn-active-icon-danger
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-danger
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-danger:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-danger
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-danger.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-danger.dropdown-toggle:after,
    .btn.btn-active-icon-danger.active.dropdown-toggle:after,
    .btn.btn-active-icon-danger.show.dropdown-toggle:after,
    .btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-danger.dropdown-toggle:after {
        color: var(--bs-danger);
    }

    .btn.btn-text-danger {
        color: var(--bs-danger);
    }

    .btn-check:active + .btn.btn-active-text-danger,
    .btn-check:checked + .btn.btn-active-text-danger,
    .btn.btn-active-text-danger.active,
    .btn.btn-active-text-danger.show,
    .btn.btn-active-text-danger:active:not(.btn-active),
    .btn.btn-active-text-danger:focus:not(.btn-active),
    .btn.btn-active-text-danger:hover:not(.btn-active),
    .show > .btn.btn-active-text-danger {
        color: var(--bs-danger);
    }

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

        .btn.btn-color-dark i {
            color: var(--bs-dark);
        }

        .btn.btn-color-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn.btn-color-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-dark.dropdown-toggle:after {
            color: var(--bs-dark);
        }

    .btn-check:active + .btn.btn-active-color-dark,
    .btn-check:checked + .btn.btn-active-color-dark,
    .btn.btn-active-color-dark.active,
    .btn.btn-active-color-dark.show,
    .btn.btn-active-color-dark:active:not(.btn-active),
    .btn.btn-active-color-dark:focus:not(.btn-active),
    .btn.btn-active-color-dark:hover:not(.btn-active),
    .show > .btn.btn-active-color-dark {
        color: var(--bs-dark);
    }

        .btn-check:active + .btn.btn-active-color-dark i,
        .btn-check:checked + .btn.btn-active-color-dark i,
        .btn.btn-active-color-dark.active i,
        .btn.btn-active-color-dark.show i,
        .btn.btn-active-color-dark:active:not(.btn-active) i,
        .btn.btn-active-color-dark:focus:not(.btn-active) i,
        .btn.btn-active-color-dark:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-dark i {
            color: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-color-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-dark
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-dark .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-color-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-dark:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-dark
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-dark.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-dark.dropdown-toggle:after,
        .btn.btn-active-color-dark.active.dropdown-toggle:after,
        .btn.btn-active-color-dark.show.dropdown-toggle:after,
        .btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-dark.dropdown-toggle:after {
            color: var(--bs-dark);
        }

    .btn.btn-icon-dark i {
        color: var(--bs-dark);
    }

    .btn.btn-icon-dark .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-dark);
    }

    .btn.btn-icon-dark .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-dark.dropdown-toggle:after {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-dark i,
    .btn-check:checked + .btn.btn-active-icon-dark i,
    .btn.btn-active-icon-dark.active i,
    .btn.btn-active-icon-dark.show i,
    .btn.btn-active-icon-dark:active:not(.btn-active) i,
    .btn.btn-active-icon-dark:focus:not(.btn-active) i,
    .btn.btn-active-icon-dark:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-dark i {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-dark
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-dark
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-dark .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-dark
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-dark
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-dark:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-dark
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-dark.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-dark.dropdown-toggle:after,
    .btn.btn-active-icon-dark.active.dropdown-toggle:after,
    .btn.btn-active-icon-dark.show.dropdown-toggle:after,
    .btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-dark.dropdown-toggle:after {
        color: var(--bs-dark);
    }

    .btn.btn-text-dark {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-text-dark,
    .btn-check:checked + .btn.btn-active-text-dark,
    .btn.btn-active-text-dark.active,
    .btn.btn-active-text-dark.show,
    .btn.btn-active-text-dark:active:not(.btn-active),
    .btn.btn-active-text-dark:focus:not(.btn-active),
    .btn.btn-active-text-dark:hover:not(.btn-active),
    .show > .btn.btn-active-text-dark {
        color: var(--bs-dark);
    }

    .btn.btn-color-muted {
        color: #a1a5b7;
    }

        .btn.btn-color-muted i {
            color: #a1a5b7;
        }

        .btn.btn-color-muted .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .btn.btn-color-muted .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-muted.dropdown-toggle:after {
            color: #a1a5b7;
        }

    .btn-check:active + .btn.btn-active-color-muted,
    .btn-check:checked + .btn.btn-active-color-muted,
    .btn.btn-active-color-muted.active,
    .btn.btn-active-color-muted.show,
    .btn.btn-active-color-muted:active:not(.btn-active),
    .btn.btn-active-color-muted:focus:not(.btn-active),
    .btn.btn-active-color-muted:hover:not(.btn-active),
    .show > .btn.btn-active-color-muted {
        color: #a1a5b7;
    }

        .btn-check:active + .btn.btn-active-color-muted i,
        .btn-check:checked + .btn.btn-active-color-muted i,
        .btn.btn-active-color-muted.active i,
        .btn.btn-active-color-muted.show i,
        .btn.btn-active-color-muted:active:not(.btn-active) i,
        .btn.btn-active-color-muted:focus:not(.btn-active) i,
        .btn.btn-active-color-muted:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-muted i {
            color: #a1a5b7;
        }

        .btn-check:active + .btn.btn-active-color-muted
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-muted
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted.active .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-muted
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .btn-check:active + .btn.btn-active-color-muted
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-muted
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-muted:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-muted
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-muted.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-muted.dropdown-toggle:after,
        .btn.btn-active-color-muted.active.dropdown-toggle:after,
        .btn.btn-active-color-muted.show.dropdown-toggle:after,
        .btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-muted.dropdown-toggle:after {
            color: #a1a5b7;
        }

    .btn.btn-icon-muted i {
        color: #a1a5b7;
    }

    .btn.btn-icon-muted .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #a1a5b7;
    }

    .btn.btn-icon-muted .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-muted.dropdown-toggle:after {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-muted i,
    .btn-check:checked + .btn.btn-active-icon-muted i,
    .btn.btn-active-icon-muted.active i,
    .btn.btn-active-icon-muted.show i,
    .btn.btn-active-icon-muted:active:not(.btn-active) i,
    .btn.btn-active-icon-muted:focus:not(.btn-active) i,
    .btn.btn-active-icon-muted:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-muted i {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-muted
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-muted
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted.active .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-muted .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-muted
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-muted
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-muted:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-muted
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-muted.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-muted.dropdown-toggle:after,
    .btn.btn-active-icon-muted.active.dropdown-toggle:after,
    .btn.btn-active-icon-muted.show.dropdown-toggle:after,
    .btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-muted.dropdown-toggle:after {
        color: #a1a5b7;
    }

    .btn.btn-text-muted {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-text-muted,
    .btn-check:checked + .btn.btn-active-text-muted,
    .btn.btn-active-text-muted.active,
    .btn.btn-active-text-muted.show,
    .btn.btn-active-text-muted:active:not(.btn-active),
    .btn.btn-active-text-muted:focus:not(.btn-active),
    .btn.btn-active-text-muted:hover:not(.btn-active),
    .show > .btn.btn-active-text-muted {
        color: #a1a5b7;
    }

    .btn.btn-color-gray-100 {
        color: #f5f8fa;
    }

        .btn.btn-color-gray-100 i {
            color: #f5f8fa;
        }

        .btn.btn-color-gray-100 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .btn.btn-color-gray-100 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-100.dropdown-toggle:after {
            color: #f5f8fa;
        }

    .btn-check:active + .btn.btn-active-color-gray-100,
    .btn-check:checked + .btn.btn-active-color-gray-100,
    .btn.btn-active-color-gray-100.active,
    .btn.btn-active-color-gray-100.show,
    .btn.btn-active-color-gray-100:active:not(.btn-active),
    .btn.btn-active-color-gray-100:focus:not(.btn-active),
    .btn.btn-active-color-gray-100:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-100 {
        color: #f5f8fa;
    }

        .btn-check:active + .btn.btn-active-color-gray-100 i,
        .btn-check:checked + .btn.btn-active-color-gray-100 i,
        .btn.btn-active-color-gray-100.active i,
        .btn.btn-active-color-gray-100.show i,
        .btn.btn-active-color-gray-100:active:not(.btn-active) i,
        .btn.btn-active-color-gray-100:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-100:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-100 i {
            color: #f5f8fa;
        }

        .btn-check:active + .btn.btn-active-color-gray-100
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-100
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-100
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #f5f8fa;
        }

        .btn-check:active + .btn.btn-active-color-gray-100
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-100
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-100:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-100
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-100.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-100.dropdown-toggle:after,
        .btn.btn-active-color-gray-100.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-100.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-100.dropdown-toggle:after {
            color: #f5f8fa;
        }

    .btn.btn-icon-gray-100 i {
        color: #f5f8fa;
    }

    .btn.btn-icon-gray-100 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #f5f8fa;
    }

    .btn.btn-icon-gray-100 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-100.dropdown-toggle:after {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-gray-100 i,
    .btn-check:checked + .btn.btn-active-icon-gray-100 i,
    .btn.btn-active-icon-gray-100.active i,
    .btn.btn-active-icon-gray-100.show i,
    .btn.btn-active-icon-gray-100:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-100:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-100:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-100 i {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-gray-100
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-100
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-100
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-icon-gray-100
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-100
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-100:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-100
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-100.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-100.dropdown-toggle:after,
    .btn.btn-active-icon-gray-100.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-100.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-100.dropdown-toggle:after {
        color: #f5f8fa;
    }

    .btn.btn-text-gray-100 {
        color: #f5f8fa;
    }

    .btn-check:active + .btn.btn-active-text-gray-100,
    .btn-check:checked + .btn.btn-active-text-gray-100,
    .btn.btn-active-text-gray-100.active,
    .btn.btn-active-text-gray-100.show,
    .btn.btn-active-text-gray-100:active:not(.btn-active),
    .btn.btn-active-text-gray-100:focus:not(.btn-active),
    .btn.btn-active-text-gray-100:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-100 {
        color: #f5f8fa;
    }

    .btn.btn-color-gray-200 {
        color: #eff2f5;
    }

        .btn.btn-color-gray-200 i {
            color: #eff2f5;
        }

        .btn.btn-color-gray-200 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #eff2f5;
        }

        .btn.btn-color-gray-200 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-200.dropdown-toggle:after {
            color: #eff2f5;
        }

    .btn-check:active + .btn.btn-active-color-gray-200,
    .btn-check:checked + .btn.btn-active-color-gray-200,
    .btn.btn-active-color-gray-200.active,
    .btn.btn-active-color-gray-200.show,
    .btn.btn-active-color-gray-200:active:not(.btn-active),
    .btn.btn-active-color-gray-200:focus:not(.btn-active),
    .btn.btn-active-color-gray-200:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-200 {
        color: #eff2f5;
    }

        .btn-check:active + .btn.btn-active-color-gray-200 i,
        .btn-check:checked + .btn.btn-active-color-gray-200 i,
        .btn.btn-active-color-gray-200.active i,
        .btn.btn-active-color-gray-200.show i,
        .btn.btn-active-color-gray-200:active:not(.btn-active) i,
        .btn.btn-active-color-gray-200:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-200:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-200 i {
            color: #eff2f5;
        }

        .btn-check:active + .btn.btn-active-color-gray-200
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-200
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-200
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #eff2f5;
        }

        .btn-check:active + .btn.btn-active-color-gray-200
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-200
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-200:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-200
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-200.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-200.dropdown-toggle:after,
        .btn.btn-active-color-gray-200.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-200.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-200.dropdown-toggle:after {
            color: #eff2f5;
        }

    .btn.btn-icon-gray-200 i {
        color: #eff2f5;
    }

    .btn.btn-icon-gray-200 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #eff2f5;
    }

    .btn.btn-icon-gray-200 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-200.dropdown-toggle:after {
        color: #eff2f5;
    }

    .btn-check:active + .btn.btn-active-icon-gray-200 i,
    .btn-check:checked + .btn.btn-active-icon-gray-200 i,
    .btn.btn-active-icon-gray-200.active i,
    .btn.btn-active-icon-gray-200.show i,
    .btn.btn-active-icon-gray-200:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-200:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-200:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-200 i {
        color: #eff2f5;
    }

    .btn-check:active + .btn.btn-active-icon-gray-200
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-200
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-200
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #eff2f5;
    }

    .btn-check:active + .btn.btn-active-icon-gray-200
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-200
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-200:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-200
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-200.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-200.dropdown-toggle:after,
    .btn.btn-active-icon-gray-200.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-200.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-200.dropdown-toggle:after {
        color: #eff2f5;
    }

    .btn.btn-text-gray-200 {
        color: #eff2f5;
    }

    .btn-check:active + .btn.btn-active-text-gray-200,
    .btn-check:checked + .btn.btn-active-text-gray-200,
    .btn.btn-active-text-gray-200.active,
    .btn.btn-active-text-gray-200.show,
    .btn.btn-active-text-gray-200:active:not(.btn-active),
    .btn.btn-active-text-gray-200:focus:not(.btn-active),
    .btn.btn-active-text-gray-200:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-200 {
        color: #eff2f5;
    }

    .btn.btn-color-gray-300 {
        color: #e4e6ef;
    }

        .btn.btn-color-gray-300 i {
            color: #e4e6ef;
        }

        .btn.btn-color-gray-300 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .btn.btn-color-gray-300 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-300.dropdown-toggle:after {
            color: #e4e6ef;
        }

    .btn-check:active + .btn.btn-active-color-gray-300,
    .btn-check:checked + .btn.btn-active-color-gray-300,
    .btn.btn-active-color-gray-300.active,
    .btn.btn-active-color-gray-300.show,
    .btn.btn-active-color-gray-300:active:not(.btn-active),
    .btn.btn-active-color-gray-300:focus:not(.btn-active),
    .btn.btn-active-color-gray-300:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-300 {
        color: #e4e6ef;
    }

        .btn-check:active + .btn.btn-active-color-gray-300 i,
        .btn-check:checked + .btn.btn-active-color-gray-300 i,
        .btn.btn-active-color-gray-300.active i,
        .btn.btn-active-color-gray-300.show i,
        .btn.btn-active-color-gray-300:active:not(.btn-active) i,
        .btn.btn-active-color-gray-300:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-300:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-300 i {
            color: #e4e6ef;
        }

        .btn-check:active + .btn.btn-active-color-gray-300
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-300
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-300
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e4e6ef;
        }

        .btn-check:active + .btn.btn-active-color-gray-300
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-300
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-300:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-300
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-300.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-300.dropdown-toggle:after,
        .btn.btn-active-color-gray-300.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-300.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-300.dropdown-toggle:after {
            color: #e4e6ef;
        }

    .btn.btn-icon-gray-300 i {
        color: #e4e6ef;
    }

    .btn.btn-icon-gray-300 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #e4e6ef;
    }

    .btn.btn-icon-gray-300 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-300.dropdown-toggle:after {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-gray-300 i,
    .btn-check:checked + .btn.btn-active-icon-gray-300 i,
    .btn.btn-active-icon-gray-300.active i,
    .btn.btn-active-icon-gray-300.show i,
    .btn.btn-active-icon-gray-300:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-300:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-300:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-300 i {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-gray-300
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-300
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-300
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-icon-gray-300
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-300
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-300:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-300
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-300.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-300.dropdown-toggle:after,
    .btn.btn-active-icon-gray-300.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-300.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-300.dropdown-toggle:after {
        color: #e4e6ef;
    }

    .btn.btn-text-gray-300 {
        color: #e4e6ef;
    }

    .btn-check:active + .btn.btn-active-text-gray-300,
    .btn-check:checked + .btn.btn-active-text-gray-300,
    .btn.btn-active-text-gray-300.active,
    .btn.btn-active-text-gray-300.show,
    .btn.btn-active-text-gray-300:active:not(.btn-active),
    .btn.btn-active-text-gray-300:focus:not(.btn-active),
    .btn.btn-active-text-gray-300:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-300 {
        color: #e4e6ef;
    }

    .btn.btn-color-gray-400 {
        color: #b5b5c3;
    }

        .btn.btn-color-gray-400 i {
            color: #b5b5c3;
        }

        .btn.btn-color-gray-400 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #b5b5c3;
        }

        .btn.btn-color-gray-400 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-400.dropdown-toggle:after {
            color: #b5b5c3;
        }

    .btn-check:active + .btn.btn-active-color-gray-400,
    .btn-check:checked + .btn.btn-active-color-gray-400,
    .btn.btn-active-color-gray-400.active,
    .btn.btn-active-color-gray-400.show,
    .btn.btn-active-color-gray-400:active:not(.btn-active),
    .btn.btn-active-color-gray-400:focus:not(.btn-active),
    .btn.btn-active-color-gray-400:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-400 {
        color: #b5b5c3;
    }

        .btn-check:active + .btn.btn-active-color-gray-400 i,
        .btn-check:checked + .btn.btn-active-color-gray-400 i,
        .btn.btn-active-color-gray-400.active i,
        .btn.btn-active-color-gray-400.show i,
        .btn.btn-active-color-gray-400:active:not(.btn-active) i,
        .btn.btn-active-color-gray-400:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-400:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-400 i {
            color: #b5b5c3;
        }

        .btn-check:active + .btn.btn-active-color-gray-400
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-400
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-400
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #b5b5c3;
        }

        .btn-check:active + .btn.btn-active-color-gray-400
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-400
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-400:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-400
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-400.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-400.dropdown-toggle:after,
        .btn.btn-active-color-gray-400.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-400.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-400.dropdown-toggle:after {
            color: #b5b5c3;
        }

    .btn.btn-icon-gray-400 i {
        color: #b5b5c3;
    }

    .btn.btn-icon-gray-400 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #b5b5c3;
    }

    .btn.btn-icon-gray-400 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-400.dropdown-toggle:after {
        color: #b5b5c3;
    }

    .btn-check:active + .btn.btn-active-icon-gray-400 i,
    .btn-check:checked + .btn.btn-active-icon-gray-400 i,
    .btn.btn-active-icon-gray-400.active i,
    .btn.btn-active-icon-gray-400.show i,
    .btn.btn-active-icon-gray-400:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-400:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-400:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-400 i {
        color: #b5b5c3;
    }

    .btn-check:active + .btn.btn-active-icon-gray-400
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-400
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-400
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #b5b5c3;
    }

    .btn-check:active + .btn.btn-active-icon-gray-400
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-400
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-400:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-400
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-400.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-400.dropdown-toggle:after,
    .btn.btn-active-icon-gray-400.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-400.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-400.dropdown-toggle:after {
        color: #b5b5c3;
    }

    .btn.btn-text-gray-400 {
        color: #b5b5c3;
    }

    .btn-check:active + .btn.btn-active-text-gray-400,
    .btn-check:checked + .btn.btn-active-text-gray-400,
    .btn.btn-active-text-gray-400.active,
    .btn.btn-active-text-gray-400.show,
    .btn.btn-active-text-gray-400:active:not(.btn-active),
    .btn.btn-active-text-gray-400:focus:not(.btn-active),
    .btn.btn-active-text-gray-400:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-400 {
        color: #b5b5c3;
    }

    .btn.btn-color-gray-500 {
        color: #a1a5b7;
    }

        .btn.btn-color-gray-500 i {
            color: #a1a5b7;
        }

        .btn.btn-color-gray-500 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .btn.btn-color-gray-500 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-500.dropdown-toggle:after {
            color: #a1a5b7;
        }

    .btn-check:active + .btn.btn-active-color-gray-500,
    .btn-check:checked + .btn.btn-active-color-gray-500,
    .btn.btn-active-color-gray-500.active,
    .btn.btn-active-color-gray-500.show,
    .btn.btn-active-color-gray-500:active:not(.btn-active),
    .btn.btn-active-color-gray-500:focus:not(.btn-active),
    .btn.btn-active-color-gray-500:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-500 {
        color: #a1a5b7;
    }

        .btn-check:active + .btn.btn-active-color-gray-500 i,
        .btn-check:checked + .btn.btn-active-color-gray-500 i,
        .btn.btn-active-color-gray-500.active i,
        .btn.btn-active-color-gray-500.show i,
        .btn.btn-active-color-gray-500:active:not(.btn-active) i,
        .btn.btn-active-color-gray-500:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-500:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-500 i {
            color: #a1a5b7;
        }

        .btn-check:active + .btn.btn-active-color-gray-500
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-500
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-500
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #a1a5b7;
        }

        .btn-check:active + .btn.btn-active-color-gray-500
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-500
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-500:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-500
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-500.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-500.dropdown-toggle:after,
        .btn.btn-active-color-gray-500.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-500.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-500.dropdown-toggle:after {
            color: #a1a5b7;
        }

    .btn.btn-icon-gray-500 i {
        color: #a1a5b7;
    }

    .btn.btn-icon-gray-500 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #a1a5b7;
    }

    .btn.btn-icon-gray-500 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-500.dropdown-toggle:after {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-gray-500 i,
    .btn-check:checked + .btn.btn-active-icon-gray-500 i,
    .btn.btn-active-icon-gray-500.active i,
    .btn.btn-active-icon-gray-500.show i,
    .btn.btn-active-icon-gray-500:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-500:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-500:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-500 i {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-gray-500
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-500
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-500
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-icon-gray-500
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-500
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-500:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-500
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-500.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-500.dropdown-toggle:after,
    .btn.btn-active-icon-gray-500.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-500.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-500.dropdown-toggle:after {
        color: #a1a5b7;
    }

    .btn.btn-text-gray-500 {
        color: #a1a5b7;
    }

    .btn-check:active + .btn.btn-active-text-gray-500,
    .btn-check:checked + .btn.btn-active-text-gray-500,
    .btn.btn-active-text-gray-500.active,
    .btn.btn-active-text-gray-500.show,
    .btn.btn-active-text-gray-500:active:not(.btn-active),
    .btn.btn-active-text-gray-500:focus:not(.btn-active),
    .btn.btn-active-text-gray-500:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-500 {
        color: #a1a5b7;
    }

    .btn.btn-color-gray-600 {
        color: #7e8299;
    }

        .btn.btn-color-gray-600 i {
            color: #7e8299;
        }

        .btn.btn-color-gray-600 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn.btn-color-gray-600 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-600.dropdown-toggle:after {
            color: #7e8299;
        }

    .btn-check:active + .btn.btn-active-color-gray-600,
    .btn-check:checked + .btn.btn-active-color-gray-600,
    .btn.btn-active-color-gray-600.active,
    .btn.btn-active-color-gray-600.show,
    .btn.btn-active-color-gray-600:active:not(.btn-active),
    .btn.btn-active-color-gray-600:focus:not(.btn-active),
    .btn.btn-active-color-gray-600:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-600 {
        color: #7e8299;
    }

        .btn-check:active + .btn.btn-active-color-gray-600 i,
        .btn-check:checked + .btn.btn-active-color-gray-600 i,
        .btn.btn-active-color-gray-600.active i,
        .btn.btn-active-color-gray-600.show i,
        .btn.btn-active-color-gray-600:active:not(.btn-active) i,
        .btn.btn-active-color-gray-600:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-600:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-600 i {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-active-color-gray-600
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-600
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-600
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn-check:active + .btn.btn-active-color-gray-600
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-600
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-600:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-600
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-600.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-600.dropdown-toggle:after,
        .btn.btn-active-color-gray-600.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-600.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-600.dropdown-toggle:after {
            color: #7e8299;
        }

    .btn.btn-icon-gray-600 i {
        color: #7e8299;
    }

    .btn.btn-icon-gray-600 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #7e8299;
    }

    .btn.btn-icon-gray-600 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-600.dropdown-toggle:after {
        color: #7e8299;
    }

    .btn-check:active + .btn.btn-active-icon-gray-600 i,
    .btn-check:checked + .btn.btn-active-icon-gray-600 i,
    .btn.btn-active-icon-gray-600.active i,
    .btn.btn-active-icon-gray-600.show i,
    .btn.btn-active-icon-gray-600:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-600:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-600:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-600 i {
        color: #7e8299;
    }

    .btn-check:active + .btn.btn-active-icon-gray-600
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-600
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-600
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #7e8299;
    }

    .btn-check:active + .btn.btn-active-icon-gray-600
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-600
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-600:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-600
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-600.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-600.dropdown-toggle:after,
    .btn.btn-active-icon-gray-600.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-600.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-600.dropdown-toggle:after {
        color: #7e8299;
    }

    .btn.btn-text-gray-600 {
        color: #7e8299;
    }

    .btn-check:active + .btn.btn-active-text-gray-600,
    .btn-check:checked + .btn.btn-active-text-gray-600,
    .btn.btn-active-text-gray-600.active,
    .btn.btn-active-text-gray-600.show,
    .btn.btn-active-text-gray-600:active:not(.btn-active),
    .btn.btn-active-text-gray-600:focus:not(.btn-active),
    .btn.btn-active-text-gray-600:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-600 {
        color: #7e8299;
    }

    .btn.btn-color-gray-700 {
        color: #5e6278;
    }

        .btn.btn-color-gray-700 i {
            color: #5e6278;
        }

        .btn.btn-color-gray-700 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #5e6278;
        }

        .btn.btn-color-gray-700 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-700.dropdown-toggle:after {
            color: #5e6278;
        }

    .btn-check:active + .btn.btn-active-color-gray-700,
    .btn-check:checked + .btn.btn-active-color-gray-700,
    .btn.btn-active-color-gray-700.active,
    .btn.btn-active-color-gray-700.show,
    .btn.btn-active-color-gray-700:active:not(.btn-active),
    .btn.btn-active-color-gray-700:focus:not(.btn-active),
    .btn.btn-active-color-gray-700:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-700 {
        color: #5e6278;
    }

        .btn-check:active + .btn.btn-active-color-gray-700 i,
        .btn-check:checked + .btn.btn-active-color-gray-700 i,
        .btn.btn-active-color-gray-700.active i,
        .btn.btn-active-color-gray-700.show i,
        .btn.btn-active-color-gray-700:active:not(.btn-active) i,
        .btn.btn-active-color-gray-700:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-700:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-700 i {
            color: #5e6278;
        }

        .btn-check:active + .btn.btn-active-color-gray-700
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-700
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-700
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #5e6278;
        }

        .btn-check:active + .btn.btn-active-color-gray-700
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-700
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-700:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-700
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-700.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-700.dropdown-toggle:after,
        .btn.btn-active-color-gray-700.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-700.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-700.dropdown-toggle:after {
            color: #5e6278;
        }

    .btn.btn-icon-gray-700 i {
        color: #5e6278;
    }

    .btn.btn-icon-gray-700 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #5e6278;
    }

    .btn.btn-icon-gray-700 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-700.dropdown-toggle:after {
        color: #5e6278;
    }

    .btn-check:active + .btn.btn-active-icon-gray-700 i,
    .btn-check:checked + .btn.btn-active-icon-gray-700 i,
    .btn.btn-active-icon-gray-700.active i,
    .btn.btn-active-icon-gray-700.show i,
    .btn.btn-active-icon-gray-700:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-700:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-700:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-700 i {
        color: #5e6278;
    }

    .btn-check:active + .btn.btn-active-icon-gray-700
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-700
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-700
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #5e6278;
    }

    .btn-check:active + .btn.btn-active-icon-gray-700
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-700
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-700:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-700
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-700.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-700.dropdown-toggle:after,
    .btn.btn-active-icon-gray-700.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-700.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-700.dropdown-toggle:after {
        color: #5e6278;
    }

    .btn.btn-text-gray-700 {
        color: #5e6278;
    }

    .btn-check:active + .btn.btn-active-text-gray-700,
    .btn-check:checked + .btn.btn-active-text-gray-700,
    .btn.btn-active-text-gray-700.active,
    .btn.btn-active-text-gray-700.show,
    .btn.btn-active-text-gray-700:active:not(.btn-active),
    .btn.btn-active-text-gray-700:focus:not(.btn-active),
    .btn.btn-active-text-gray-700:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-700 {
        color: #5e6278;
    }

    .btn.btn-color-gray-800 {
        color: #3f4254;
    }

        .btn.btn-color-gray-800 i {
            color: #3f4254;
        }

        .btn.btn-color-gray-800 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .btn.btn-color-gray-800 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-800.dropdown-toggle:after {
            color: #3f4254;
        }

    .btn-check:active + .btn.btn-active-color-gray-800,
    .btn-check:checked + .btn.btn-active-color-gray-800,
    .btn.btn-active-color-gray-800.active,
    .btn.btn-active-color-gray-800.show,
    .btn.btn-active-color-gray-800:active:not(.btn-active),
    .btn.btn-active-color-gray-800:focus:not(.btn-active),
    .btn.btn-active-color-gray-800:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-800 {
        color: #3f4254;
    }

        .btn-check:active + .btn.btn-active-color-gray-800 i,
        .btn-check:checked + .btn.btn-active-color-gray-800 i,
        .btn.btn-active-color-gray-800.active i,
        .btn.btn-active-color-gray-800.show i,
        .btn.btn-active-color-gray-800:active:not(.btn-active) i,
        .btn.btn-active-color-gray-800:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-800:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-800 i {
            color: #3f4254;
        }

        .btn-check:active + .btn.btn-active-color-gray-800
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-800
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-800
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3f4254;
        }

        .btn-check:active + .btn.btn-active-color-gray-800
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-800
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-800:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-800
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-800.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-800.dropdown-toggle:after,
        .btn.btn-active-color-gray-800.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-800.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-800.dropdown-toggle:after {
            color: #3f4254;
        }

    .btn.btn-icon-gray-800 i {
        color: #3f4254;
    }

    .btn.btn-icon-gray-800 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #3f4254;
    }

    .btn.btn-icon-gray-800 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-800.dropdown-toggle:after {
        color: #3f4254;
    }

    .btn-check:active + .btn.btn-active-icon-gray-800 i,
    .btn-check:checked + .btn.btn-active-icon-gray-800 i,
    .btn.btn-active-icon-gray-800.active i,
    .btn.btn-active-icon-gray-800.show i,
    .btn.btn-active-icon-gray-800:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-800:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-800:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-800 i {
        color: #3f4254;
    }

    .btn-check:active + .btn.btn-active-icon-gray-800
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-800
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-800
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: #3f4254;
    }

    .btn-check:active + .btn.btn-active-icon-gray-800
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-800
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-800:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-800
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-800.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-800.dropdown-toggle:after,
    .btn.btn-active-icon-gray-800.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-800.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-800.dropdown-toggle:after {
        color: #3f4254;
    }

    .btn.btn-text-gray-800 {
        color: #3f4254;
    }

    .btn-check:active + .btn.btn-active-text-gray-800,
    .btn-check:checked + .btn.btn-active-text-gray-800,
    .btn.btn-active-text-gray-800.active,
    .btn.btn-active-text-gray-800.show,
    .btn.btn-active-text-gray-800:active:not(.btn-active),
    .btn.btn-active-text-gray-800:focus:not(.btn-active),
    .btn.btn-active-text-gray-800:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-800 {
        color: #3f4254;
    }

    .btn.btn-color-gray-900 {
        color: var(--bs-dark);
    }

        .btn.btn-color-gray-900 i {
            color: var(--bs-dark);
        }

        .btn.btn-color-gray-900 .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn.btn-color-gray-900 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-color-gray-900.dropdown-toggle:after {
            color: var(--bs-dark);
        }

    .btn-check:active + .btn.btn-active-color-gray-900,
    .btn-check:checked + .btn.btn-active-color-gray-900,
    .btn.btn-active-color-gray-900.active,
    .btn.btn-active-color-gray-900.show,
    .btn.btn-active-color-gray-900:active:not(.btn-active),
    .btn.btn-active-color-gray-900:focus:not(.btn-active),
    .btn.btn-active-color-gray-900:hover:not(.btn-active),
    .show > .btn.btn-active-color-gray-900 {
        color: var(--bs-dark);
    }

        .btn-check:active + .btn.btn-active-color-gray-900 i,
        .btn-check:checked + .btn.btn-active-color-gray-900 i,
        .btn.btn-active-color-gray-900.active i,
        .btn.btn-active-color-gray-900.show i,
        .btn.btn-active-color-gray-900:active:not(.btn-active) i,
        .btn.btn-active-color-gray-900:focus:not(.btn-active) i,
        .btn.btn-active-color-gray-900:hover:not(.btn-active) i,
        .show > .btn.btn-active-color-gray-900 i {
            color: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-color-gray-900
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-900
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900.active
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900.show .svg-icon svg [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:active:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:focus:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:hover:not(.btn-active)
        .svg-icon
        svg
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-900
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: var(--bs-dark);
        }

        .btn-check:active + .btn.btn-active-color-gray-900
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn-check:checked + .btn.btn-active-color-gray-900
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900.active
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900.show
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:active:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:focus:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .btn.btn-active-color-gray-900:hover:not(.btn-active)
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g),
        .show > .btn.btn-active-color-gray-900
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn-check:active + .btn.btn-active-color-gray-900.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-active-color-gray-900.dropdown-toggle:after,
        .btn.btn-active-color-gray-900.active.dropdown-toggle:after,
        .btn.btn-active-color-gray-900.show.dropdown-toggle:after,
        .btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-active-color-gray-900.dropdown-toggle:after {
            color: var(--bs-dark);
        }

    .btn.btn-icon-gray-900 i {
        color: var(--bs-dark);
    }

    .btn.btn-icon-gray-900 .svg-icon svg [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-dark);
    }

    .btn.btn-icon-gray-900 .svg-icon svg:hover [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn.btn-icon-gray-900.dropdown-toggle:after {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-gray-900 i,
    .btn-check:checked + .btn.btn-active-icon-gray-900 i,
    .btn.btn-active-icon-gray-900.active i,
    .btn.btn-active-icon-gray-900.show i,
    .btn.btn-active-icon-gray-900:active:not(.btn-active) i,
    .btn.btn-active-icon-gray-900:focus:not(.btn-active) i,
    .btn.btn-active-icon-gray-900:hover:not(.btn-active) i,
    .show > .btn.btn-active-icon-gray-900 i {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-gray-900
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-900
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900.active
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900.show .svg-icon svg [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:active:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:focus:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:hover:not(.btn-active)
    .svg-icon
    svg
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-900
    .svg-icon
    svg
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
        fill: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-icon-gray-900
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn-check:checked + .btn.btn-active-icon-gray-900
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900.active
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900.show
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:active:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:focus:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .btn.btn-active-icon-gray-900:hover:not(.btn-active)
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g),
    .show > .btn.btn-active-icon-gray-900
    .svg-icon
    svg:hover
    [fill]:not(.permanent):not(g) {
        transition: fill 0.3s ease;
    }

    .btn-check:active + .btn.btn-active-icon-gray-900.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-active-icon-gray-900.dropdown-toggle:after,
    .btn.btn-active-icon-gray-900.active.dropdown-toggle:after,
    .btn.btn-active-icon-gray-900.show.dropdown-toggle:after,
    .btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-active-icon-gray-900.dropdown-toggle:after {
        color: var(--bs-dark);
    }

    .btn.btn-text-gray-900 {
        color: var(--bs-dark);
    }

    .btn-check:active + .btn.btn-active-text-gray-900,
    .btn-check:checked + .btn.btn-active-text-gray-900,
    .btn.btn-active-text-gray-900.active,
    .btn.btn-active-text-gray-900.show,
    .btn.btn-active-text-gray-900:active:not(.btn-active),
    .btn.btn-active-text-gray-900:focus:not(.btn-active),
    .btn.btn-active-text-gray-900:hover:not(.btn-active),
    .show > .btn.btn-active-text-gray-900 {
        color: var(--bs-dark);
    }

    .btn.btn-facebook {
        color: #fff;
        border-color: #3b5998;
        background-color: #3b5998;
    }

        .btn.btn-facebook i {
            color: #fff;
        }

        .btn.btn-facebook .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-facebook .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-facebook.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-facebook,
        .btn-check:checked + .btn.btn-facebook,
        .btn.btn-facebook.active,
        .btn.btn-facebook.show,
        .btn.btn-facebook:active:not(.btn-active),
        .btn.btn-facebook:focus:not(.btn-active),
        .btn.btn-facebook:hover:not(.btn-active),
        .show > .btn.btn-facebook {
            border-color: #30497c;
            background-color: #30497c !important;
        }

    .btn.btn-light-facebook {
        color: #3b5998;
        border-color: rgba(59, 89, 152, 0.1);
        background-color: rgba(59, 89, 152, 0.1);
    }

        .btn.btn-light-facebook i {
            color: #3b5998;
        }

        .btn.btn-light-facebook .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #3b5998;
        }

        .btn.btn-light-facebook .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-facebook.dropdown-toggle:after {
            color: #3b5998;
        }

        .btn-check:active + .btn.btn-light-facebook,
        .btn-check:checked + .btn.btn-light-facebook,
        .btn.btn-light-facebook.active,
        .btn.btn-light-facebook.show,
        .btn.btn-light-facebook:active:not(.btn-active),
        .btn.btn-light-facebook:focus:not(.btn-active),
        .btn.btn-light-facebook:hover:not(.btn-active),
        .show > .btn.btn-light-facebook {
            color: #fff;
            border-color: #3b5998;
            background-color: #3b5998 !important;
        }

            .btn-check:active + .btn.btn-light-facebook i,
            .btn-check:checked + .btn.btn-light-facebook i,
            .btn.btn-light-facebook.active i,
            .btn.btn-light-facebook.show i,
            .btn.btn-light-facebook:active:not(.btn-active) i,
            .btn.btn-light-facebook:focus:not(.btn-active) i,
            .btn.btn-light-facebook:hover:not(.btn-active) i,
            .show > .btn.btn-light-facebook i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-facebook
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-facebook
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-facebook .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-facebook
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-facebook
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook.active
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-facebook:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-facebook
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-facebook.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-facebook.dropdown-toggle:after,
            .btn.btn-light-facebook.active.dropdown-toggle:after,
            .btn.btn-light-facebook.show.dropdown-toggle:after,
            .btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-facebook.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-google {
        color: #fff;
        border-color: #dd4b39;
        background-color: #dd4b39;
    }

        .btn.btn-google i {
            color: #fff;
        }

        .btn.btn-google .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-google .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-google.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-google,
        .btn-check:checked + .btn.btn-google,
        .btn.btn-google.active,
        .btn.btn-google.show,
        .btn.btn-google:active:not(.btn-active),
        .btn.btn-google:focus:not(.btn-active),
        .btn.btn-google:hover:not(.btn-active),
        .show > .btn.btn-google {
            border-color: #cd3623;
            background-color: #cd3623 !important;
        }

    .btn.btn-light-google {
        color: #dd4b39;
        border-color: rgba(221, 75, 57, 0.1);
        background-color: rgba(221, 75, 57, 0.1);
    }

        .btn.btn-light-google i {
            color: #dd4b39;
        }

        .btn.btn-light-google .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #dd4b39;
        }

        .btn.btn-light-google .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-google.dropdown-toggle:after {
            color: #dd4b39;
        }

        .btn-check:active + .btn.btn-light-google,
        .btn-check:checked + .btn.btn-light-google,
        .btn.btn-light-google.active,
        .btn.btn-light-google.show,
        .btn.btn-light-google:active:not(.btn-active),
        .btn.btn-light-google:focus:not(.btn-active),
        .btn.btn-light-google:hover:not(.btn-active),
        .show > .btn.btn-light-google {
            color: #fff;
            border-color: #dd4b39;
            background-color: #dd4b39 !important;
        }

            .btn-check:active + .btn.btn-light-google i,
            .btn-check:checked + .btn.btn-light-google i,
            .btn.btn-light-google.active i,
            .btn.btn-light-google.show i,
            .btn.btn-light-google:active:not(.btn-active) i,
            .btn.btn-light-google:focus:not(.btn-active) i,
            .btn.btn-light-google:hover:not(.btn-active) i,
            .show > .btn.btn-light-google i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-google
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-google
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-google.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-google:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-google .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-google
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-google
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-google.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-google:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-google:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-google
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-google.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-google.dropdown-toggle:after,
            .btn.btn-light-google.active.dropdown-toggle:after,
            .btn.btn-light-google.show.dropdown-toggle:after,
            .btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-google.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-twitter {
        color: #fff;
        border-color: #1da1f2;
        background-color: #1da1f2;
    }

        .btn.btn-twitter i {
            color: #fff;
        }

        .btn.btn-twitter .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-twitter .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-twitter.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-twitter,
        .btn-check:checked + .btn.btn-twitter,
        .btn.btn-twitter.active,
        .btn.btn-twitter.show,
        .btn.btn-twitter:active:not(.btn-active),
        .btn.btn-twitter:focus:not(.btn-active),
        .btn.btn-twitter:hover:not(.btn-active),
        .show > .btn.btn-twitter {
            border-color: #0d8ddc;
            background-color: #0d8ddc !important;
        }

    .btn.btn-light-twitter {
        color: #1da1f2;
        border-color: rgba(29, 161, 242, 0.1);
        background-color: rgba(29, 161, 242, 0.1);
    }

        .btn.btn-light-twitter i {
            color: #1da1f2;
        }

        .btn.btn-light-twitter .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #1da1f2;
        }

        .btn.btn-light-twitter .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-twitter.dropdown-toggle:after {
            color: #1da1f2;
        }

        .btn-check:active + .btn.btn-light-twitter,
        .btn-check:checked + .btn.btn-light-twitter,
        .btn.btn-light-twitter.active,
        .btn.btn-light-twitter.show,
        .btn.btn-light-twitter:active:not(.btn-active),
        .btn.btn-light-twitter:focus:not(.btn-active),
        .btn.btn-light-twitter:hover:not(.btn-active),
        .show > .btn.btn-light-twitter {
            color: #fff;
            border-color: #1da1f2;
            background-color: #1da1f2 !important;
        }

            .btn-check:active + .btn.btn-light-twitter i,
            .btn-check:checked + .btn.btn-light-twitter i,
            .btn.btn-light-twitter.active i,
            .btn.btn-light-twitter.show i,
            .btn.btn-light-twitter:active:not(.btn-active) i,
            .btn.btn-light-twitter:focus:not(.btn-active) i,
            .btn.btn-light-twitter:hover:not(.btn-active) i,
            .show > .btn.btn-light-twitter i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-twitter
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-twitter
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-twitter .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-twitter
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-twitter
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-twitter:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-twitter
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-twitter.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-twitter.dropdown-toggle:after,
            .btn.btn-light-twitter.active.dropdown-toggle:after,
            .btn.btn-light-twitter.show.dropdown-toggle:after,
            .btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-twitter.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-instagram {
        color: #fff;
        border-color: #e1306c;
        background-color: #e1306c;
    }

        .btn.btn-instagram i {
            color: #fff;
        }

        .btn.btn-instagram .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-instagram .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-instagram.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-instagram,
        .btn-check:checked + .btn.btn-instagram,
        .btn.btn-instagram.active,
        .btn.btn-instagram.show,
        .btn.btn-instagram:active:not(.btn-active),
        .btn.btn-instagram:focus:not(.btn-active),
        .btn.btn-instagram:hover:not(.btn-active),
        .show > .btn.btn-instagram {
            border-color: #cd1e59;
            background-color: #cd1e59 !important;
        }

    .btn.btn-light-instagram {
        color: #e1306c;
        border-color: rgba(225, 48, 108, 0.1);
        background-color: rgba(225, 48, 108, 0.1);
    }

        .btn.btn-light-instagram i {
            color: #e1306c;
        }

        .btn.btn-light-instagram .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #e1306c;
        }

        .btn.btn-light-instagram .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-instagram.dropdown-toggle:after {
            color: #e1306c;
        }

        .btn-check:active + .btn.btn-light-instagram,
        .btn-check:checked + .btn.btn-light-instagram,
        .btn.btn-light-instagram.active,
        .btn.btn-light-instagram.show,
        .btn.btn-light-instagram:active:not(.btn-active),
        .btn.btn-light-instagram:focus:not(.btn-active),
        .btn.btn-light-instagram:hover:not(.btn-active),
        .show > .btn.btn-light-instagram {
            color: #fff;
            border-color: #e1306c;
            background-color: #e1306c !important;
        }

            .btn-check:active + .btn.btn-light-instagram i,
            .btn-check:checked + .btn.btn-light-instagram i,
            .btn.btn-light-instagram.active i,
            .btn.btn-light-instagram.show i,
            .btn.btn-light-instagram:active:not(.btn-active) i,
            .btn.btn-light-instagram:focus:not(.btn-active) i,
            .btn.btn-light-instagram:hover:not(.btn-active) i,
            .show > .btn.btn-light-instagram i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-instagram
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-instagram
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-instagram .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-instagram
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-instagram
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram.active
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-instagram:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-instagram
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-instagram.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-instagram.dropdown-toggle:after,
            .btn.btn-light-instagram.active.dropdown-toggle:after,
            .btn.btn-light-instagram.show.dropdown-toggle:after,
            .btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-instagram.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-youtube {
        color: #fff;
        border-color: red;
        background-color: red;
    }

        .btn.btn-youtube i {
            color: #fff;
        }

        .btn.btn-youtube .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-youtube .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-youtube.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-youtube,
        .btn-check:checked + .btn.btn-youtube,
        .btn.btn-youtube.active,
        .btn.btn-youtube.show,
        .btn.btn-youtube:active:not(.btn-active),
        .btn.btn-youtube:focus:not(.btn-active),
        .btn.btn-youtube:hover:not(.btn-active),
        .show > .btn.btn-youtube {
            border-color: #d90000;
            background-color: #d90000 !important;
        }

    .btn.btn-light-youtube {
        color: red;
        border-color: rgba(255, 0, 0, 0.1);
        background-color: rgba(255, 0, 0, 0.1);
    }

        .btn.btn-light-youtube i {
            color: red;
        }

        .btn.btn-light-youtube .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: red;
        }

        .btn.btn-light-youtube .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-youtube.dropdown-toggle:after {
            color: red;
        }

        .btn-check:active + .btn.btn-light-youtube,
        .btn-check:checked + .btn.btn-light-youtube,
        .btn.btn-light-youtube.active,
        .btn.btn-light-youtube.show,
        .btn.btn-light-youtube:active:not(.btn-active),
        .btn.btn-light-youtube:focus:not(.btn-active),
        .btn.btn-light-youtube:hover:not(.btn-active),
        .show > .btn.btn-light-youtube {
            color: #fff;
            border-color: red;
            background-color: red !important;
        }

            .btn-check:active + .btn.btn-light-youtube i,
            .btn-check:checked + .btn.btn-light-youtube i,
            .btn.btn-light-youtube.active i,
            .btn.btn-light-youtube.show i,
            .btn.btn-light-youtube:active:not(.btn-active) i,
            .btn.btn-light-youtube:focus:not(.btn-active) i,
            .btn.btn-light-youtube:hover:not(.btn-active) i,
            .show > .btn.btn-light-youtube i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-youtube
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-youtube
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-youtube .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-youtube
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-youtube
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-youtube:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-youtube
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-youtube.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-youtube.dropdown-toggle:after,
            .btn.btn-light-youtube.active.dropdown-toggle:after,
            .btn.btn-light-youtube.show.dropdown-toggle:after,
            .btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-youtube.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-linkedin {
        color: #fff;
        border-color: #0077b5;
        background-color: #0077b5;
    }

        .btn.btn-linkedin i {
            color: #fff;
        }

        .btn.btn-linkedin .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #fff;
        }

        .btn.btn-linkedin .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-linkedin.dropdown-toggle:after {
            color: #fff;
        }

        .btn-check:active + .btn.btn-linkedin,
        .btn-check:checked + .btn.btn-linkedin,
        .btn.btn-linkedin.active,
        .btn.btn-linkedin.show,
        .btn.btn-linkedin:active:not(.btn-active),
        .btn.btn-linkedin:focus:not(.btn-active),
        .btn.btn-linkedin:hover:not(.btn-active),
        .show > .btn.btn-linkedin {
            border-color: #005e8f;
            background-color: #005e8f !important;
        }

    .btn.btn-light-linkedin {
        color: #0077b5;
        border-color: rgba(0, 119, 181, 0.1);
        background-color: rgba(0, 119, 181, 0.1);
    }

        .btn.btn-light-linkedin i {
            color: #0077b5;
        }

        .btn.btn-light-linkedin .svg-icon svg [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #0077b5;
        }

        .btn.btn-light-linkedin .svg-icon svg:hover [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-light-linkedin.dropdown-toggle:after {
            color: #0077b5;
        }

        .btn-check:active + .btn.btn-light-linkedin,
        .btn-check:checked + .btn.btn-light-linkedin,
        .btn.btn-light-linkedin.active,
        .btn.btn-light-linkedin.show,
        .btn.btn-light-linkedin:active:not(.btn-active),
        .btn.btn-light-linkedin:focus:not(.btn-active),
        .btn.btn-light-linkedin:hover:not(.btn-active),
        .show > .btn.btn-light-linkedin {
            color: #fff;
            border-color: #0077b5;
            background-color: #0077b5 !important;
        }

            .btn-check:active + .btn.btn-light-linkedin i,
            .btn-check:checked + .btn.btn-light-linkedin i,
            .btn.btn-light-linkedin.active i,
            .btn.btn-light-linkedin.show i,
            .btn.btn-light-linkedin:active:not(.btn-active) i,
            .btn.btn-light-linkedin:focus:not(.btn-active) i,
            .btn.btn-light-linkedin:hover:not(.btn-active) i,
            .show > .btn.btn-light-linkedin i {
                color: #fff;
            }

            .btn-check:active + .btn.btn-light-linkedin
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-linkedin
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin.active .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin.show .svg-icon svg [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-linkedin .svg-icon svg [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: #fff;
            }

            .btn-check:active + .btn.btn-light-linkedin
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-light-linkedin
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin.active
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-light-linkedin:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-light-linkedin
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-light-linkedin.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-light-linkedin.dropdown-toggle:after,
            .btn.btn-light-linkedin.active.dropdown-toggle:after,
            .btn.btn-light-linkedin.show.dropdown-toggle:after,
            .btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after,
            .btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after,
            .show > .btn.btn-light-linkedin.dropdown-toggle:after {
                color: #fff;
            }

    .btn.btn-outline.btn-outline-dashed.btn-outline-default {
        border-width: 1px;
        border-style: dashed;
        color: #7e8299;
        border-color: #e4e6ef;
    }

        .btn.btn-outline.btn-outline-dashed.btn-outline-default i {
            color: #7e8299;
        }

        .btn.btn-outline.btn-outline-dashed.btn-outline-default
        .svg-icon
        svg
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
            fill: #7e8299;
        }

        .btn.btn-outline.btn-outline-dashed.btn-outline-default
        .svg-icon
        svg:hover
        [fill]:not(.permanent):not(g) {
            transition: fill 0.3s ease;
        }

        .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after {
            color: #7e8299;
        }

        .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default,
        .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default,
        .btn.btn-outline.btn-outline-dashed.btn-outline-default.active,
        .btn.btn-outline.btn-outline-dashed.btn-outline-default.show,
        .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active),
        .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active),
        .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
        .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default {
            color: var(--primary-color);
            border-color: var(--primary-color);
            background-color: #f1faff !important;
        }

            .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default i,
            .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default i,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.active i,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.show i,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active)
            i,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active)
            i,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active)
            i,
            .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default i {
                color: var(--primary-color);
            }

            .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.active
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.show
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active)
            .svg-icon
            svg
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
                fill: var(--primary-color);
            }

            .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.active
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.show
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active)
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g),
            .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default
            .svg-icon
            svg:hover
            [fill]:not(.permanent):not(g) {
                transition: fill 0.3s ease;
            }

            .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after,
            .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.active.dropdown-toggle:after,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default.show.dropdown-toggle:after,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not( .btn-active ).dropdown-toggle:after,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not( .btn-active ).dropdown-toggle:after,
            .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not( .btn-active ).dropdown-toggle:after,
            .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after {
                color: var(--primary-color);
            }
.card {
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    border: 0;
}

    .card .card-header {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        min-height: 70px;
        padding: 0 2.25rem;
        background-color: transparent;
    }

        .card .card-header .card-title {
            display: flex;
            align-items: center;
            margin: 0.5rem;
            margin-left: 0;
        }

            .card .card-header .card-title.flex-column {
                align-items: flex-start;
                justify-content: center;
            }

            .card .card-header .card-title .card-icon {
                margin-right: 0.75rem;
                line-height: 0;
            }

                .card .card-header .card-title .card-icon i {
                    font-size: 1.25rem;
                    color: #7e8299;
                    line-height: 0;
                }

                    .card .card-header .card-title .card-icon i:after,
                    .card .card-header .card-title .card-icon i:before {
                        line-height: 0;
                    }

                .card .card-header .card-title .card-icon .svg-icon svg {
                    height: 24px;
                    width: 24px;
                }

                    .card
                    .card-header
                    .card-title
                    .card-icon
                    .svg-icon
                    svg
                    [fill]:not(.permanent):not(g) {
                        transition: fill 0.3s ease;
                        fill: #7e8299;
                    }

                    .card
                    .card-header
                    .card-title
                    .card-icon
                    .svg-icon
                    svg:hover
                    [fill]:not(.permanent):not(g) {
                        transition: fill 0.3s ease;
                    }

            .card .card-header .card-title,
            .card .card-header .card-title .card-label {
                font-weight: 500;
                font-size: 1.275rem;
                color: var(--bs-dark);
            }

                .card .card-header .card-title .card-label {
                    margin: 0 0.75rem 0 0;
                    flex-wrap: wrap;
                }

                .card .card-header .card-title .small,
                .card .card-header .card-title small {
                    color: #a1a5b7;
                    font-size: 1rem;
                }

                .card .card-header .card-title .h1,
                .card .card-header .card-title .h2,
                .card .card-header .card-title .h3,
                .card .card-header .card-title .h4,
                .card .card-header .card-title .h5,
                .card .card-header .card-title .h6,
                .card .card-header .card-title h1,
                .card .card-header .card-title h2,
                .card .card-header .card-title h3,
                .card .card-header .card-title h4,
                .card .card-header .card-title h5,
                .card .card-header .card-title h6 {
                    margin-bottom: 0;
                }

        .card .card-header .card-toolbar {
            display: flex;
            align-items: center;
            margin: 0.5rem 0;
            flex-wrap: wrap;
        }

    .card .card-body {
        padding: 2rem 2.25rem;
    }

    .card .card-footer {
        padding: 2rem 2.25rem;
        background-color: transparent;
    }

    .card .card-scroll {
        position: relative;
        overflow: auto;
    }

    .card.card-px-0 .card-body,
    .card.card-px-0 .card-footer,
    .card.card-px-0 .card-header {
        padding-left: 0;
        padding-right: 0;
    }

    .card.card-dashed {
        box-shadow: none;
        border: 1px dashed #e4e6ef;
    }

        .card.card-dashed > .card-header {
            border-bottom: 1px dashed #e4e6ef;
        }

        .card.card-dashed > .card-footer {
            border-top: 1px dashed #e4e6ef;
        }

    .card.card-bordered {
        box-shadow: none;
        border: 1px solid #eff2f5;
    }

    .card.card-flush > .card-header {
        border-bottom: 0;
    }

    .card.card-flush > .card-footer {
        border-top: 0;
    }

    .card.card-shadow {
        box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
        border: 0;
    }

    .card.card-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }

@media (min-width: 576px) {
    .card.card-sm-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-sm-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-sm-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-sm-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-sm-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-sm-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-sm-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }
}

@media (min-width: 768px) {
    .card.card-md-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-md-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-md-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-md-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-md-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-md-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-md-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }
}

@media (min-width: 992px) {
    .card.card-lg-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-lg-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-lg-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-lg-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-lg-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-lg-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-lg-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }
}

@media (min-width: 1200px) {
    .card.card-xl-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-xl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-xl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-xl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-xl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-xl-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-xl-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }
}

@media (min-width: 1400px) {
    .card.card-xxl-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }

    .card.card-xxl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }

    .card.card-xxl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }

    .card.card-xxl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }

    .card.card-xxl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }

    .card .card-header-xxl-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }

        .card .card-header-xxl-stretch .card-toolbar {
            margin: 0;
            align-items: stretch;
        }
}

.card-p {
    padding: 2rem 2.25rem !important;
}

.card-px {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.card-py {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.card-rounded {
    border-radius: 0.475rem;
}

.card-rounded-start {
    border-top-left-radius: 0.475rem;
    border-bottom-left-radius: 0.475rem;
}

.card-rounded-end {
    border-top-right-radius: 0.475rem;
    border-bottom-right-radius: 0.475rem;
}

.card-rounded-top {
    border-top-left-radius: 0.475rem;
    border-top-right-radius: 0.475rem;
}

.card-rounded-bottom {
    border-bottom-left-radius: 0.475rem;
    border-bottom-right-radius: 0.475rem;
}

@media (max-width: 767.98px) {
    .card > .card-header:not(.flex-nowrap) {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.colorbg {
    background-color: #eff2f5
}
.margintop{
    margin-top: 15px
}

@media (min-width: 992px) {
    .content {
        padding: 30px 0;
    }

    .toolbar-enabled:not(.toolbar-fixed) .content {
        padding-top: 0;
    }
}

@media (max-width: 991.98px) {
    .content {
        padding: 15px 0;
    }

    .toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) .content {
        padding-top: 0;
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

@media (min-width: 1800px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1800px;
    }
}

#dashboardbroker {
    width: 100% !important
}

.row {
    width: 100% !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.fillgrid {
    display: grid;
    grid-template-columns: 30% 1fr 60%;
}