@charset "UTF-8";
        /*!
 * 
 * 
 */
        @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

        .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
        }

        .object-fit-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .object-fit-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .object-fit-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .object-fit-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .object-fit-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .opacity-25 {
            opacity: .25 !important
        }

        .opacity-50 {
            opacity: .5 !important
        }

        .opacity-75 {
            opacity: .75 !important
        }

        .opacity-100 {
            opacity: 1 !important
        }

        .overflow-auto {
            overflow: auto !important
        }

        .overflow-hidden {
            overflow: hidden !important
        }

        .overflow-visible {
            overflow: visible !important
        }

        .overflow-scroll {
            overflow: scroll !important
        }

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

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

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

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

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

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

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

        .overflow-y-scroll {
            overflow-y: 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-inline-grid {
            display: inline-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: var(--bs-box-shadow) !important
        }

        .shadow-sm {
            box-shadow: var(--bs-box-shadow-sm) !important
        }

        .shadow-lg {
            box-shadow: var(--bs-box-shadow-lg) !important
        }

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

        .focus-ring-default {
            --bs-focus-ring-color: rgba(var(--bs-default-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-primary {
            --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-secondary {
            --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-success {
            --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-info {
            --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-warning {
            --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-danger {
            --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-light {
            --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-dark {
            --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-inverse {
            --bs-focus-ring-color: rgba(var(--bs-inverse-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-blue {
            --bs-focus-ring-color: rgba(var(--bs-blue-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-indigo {
            --bs-focus-ring-color: rgba(var(--bs-indigo-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-purple {
            --bs-focus-ring-color: rgba(var(--bs-purple-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-pink {
            --bs-focus-ring-color: rgba(var(--bs-pink-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-red {
            --bs-focus-ring-color: rgba(var(--bs-red-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-orange {
            --bs-focus-ring-color: rgba(var(--bs-orange-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-yellow {
            --bs-focus-ring-color: rgba(var(--bs-yellow-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-green {
            --bs-focus-ring-color: rgba(var(--bs-green-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-teal {
            --bs-focus-ring-color: rgba(var(--bs-teal-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-lime {
            --bs-focus-ring-color: rgba(var(--bs-lime-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-cyan {
            --bs-focus-ring-color: rgba(var(--bs-cyan-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-white {
            --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray {
            --bs-focus-ring-color: rgba(var(--bs-gray-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-dark {
            --bs-focus-ring-color: rgba(var(--bs-gray-dark-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-muted {
            --bs-focus-ring-color: rgba(var(--bs-muted-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-black {
            --bs-focus-ring-color: rgba(var(--bs-black-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-silver {
            --bs-focus-ring-color: rgba(var(--bs-silver-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-100 {
            --bs-focus-ring-color: rgba(var(--bs-gray-100-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-200 {
            --bs-focus-ring-color: rgba(var(--bs-gray-200-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-300 {
            --bs-focus-ring-color: rgba(var(--bs-gray-300-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-400 {
            --bs-focus-ring-color: rgba(var(--bs-gray-400-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-500 {
            --bs-focus-ring-color: rgba(var(--bs-gray-500-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-600 {
            --bs-focus-ring-color: rgba(var(--bs-gray-600-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-700 {
            --bs-focus-ring-color: rgba(var(--bs-gray-700-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-800 {
            --bs-focus-ring-color: rgba(var(--bs-gray-800-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-900 {
            --bs-focus-ring-color: rgba(var(--bs-gray-900-rgb), var(--bs-focus-ring-opacity))
        }

        .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-50 {
            top: 50% !important
        }

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

        .bottom-0 {
            bottom: 0 !important
        }

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

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

        .start-0 {
            left: 0 !important
        }

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

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

        .end-0 {
            right: 0 !important
        }

        .end-50 {
            right: 50% !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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-0 {
            border: 0 !important
        }

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

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

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

        .border-end-0 {
            border-inline-end: 0 !important
        }

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

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

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

        .border-start-0 {
            border-inline-start: 0 !important
        }

        .border-default {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-default-rgb), var(--bs-border-opacity)) !important
        }

        .border-primary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
        }

        .border-secondary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
        }

        .border-success {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
        }

        .border-info {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
        }

        .border-warning {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
        }

        .border-danger {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
        }

        .border-light {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
        }

        .border-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
        }

        .border-inverse {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-inverse-rgb), var(--bs-border-opacity)) !important
        }

        .border-blue {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important
        }

        .border-indigo {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-indigo-rgb), var(--bs-border-opacity)) !important
        }

        .border-purple {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important
        }

        .border-pink {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important
        }

        .border-red {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important
        }

        .border-orange {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important
        }

        .border-yellow {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important
        }

        .border-green {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important
        }

        .border-teal {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important
        }

        .border-lime {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important
        }

        .border-cyan {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important
        }

        .border-white {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important
        }

        .border-muted {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-muted-rgb), var(--bs-border-opacity)) !important
        }

        .border-black {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
        }

        .border-silver {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-silver-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-100 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-100-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-200 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-200-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-300 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-300-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-400 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-400-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-500 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-500-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-600 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-600-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-700 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-700-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-800 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-800-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-900 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-900-rgb), var(--bs-border-opacity)) !important
        }

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

        .border-secondary-subtle {
            border-color: var(--bs-secondary-border-subtle) !important
        }

        .border-success-subtle {
            border-color: var(--bs-success-border-subtle) !important
        }

        .border-info-subtle {
            border-color: var(--bs-info-border-subtle) !important
        }

        .border-warning-subtle {
            border-color: var(--bs-warning-border-subtle) !important
        }

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

        .border-light-subtle {
            border-color: var(--bs-light-border-subtle) !important
        }

        .border-dark-subtle {
            border-color: var(--bs-dark-border-subtle) !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
        }

        .border-opacity-10 {
            --bs-border-opacity: 0.1
        }

        .border-opacity-25 {
            --bs-border-opacity: 0.25
        }

        .border-opacity-50 {
            --bs-border-opacity: 0.5
        }

        .border-opacity-75 {
            --bs-border-opacity: 0.75
        }

        .border-opacity-100 {
            --bs-border-opacity: 1
        }

        .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
        }

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

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

        .min-vw-100 {
            min-width: 100vw !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
        }

        .mh-100 {
            max-height: 100% !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
        }

        .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: .234375rem !important
        }

        .m-2 {
            margin: .46875rem !important
        }

        .m-3 {
            margin: .9375rem !important
        }

        .m-4 {
            margin: 1.40625rem !important
        }

        .m-5 {
            margin: 2.8125rem !important
        }

        .m-auto {
            margin: auto !important
        }

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

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

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

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

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

        .mx-5 {
            margin-right: 2.8125rem !important;
            margin-left: 2.8125rem !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: .234375rem !important;
            margin-bottom: .234375rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .me-0 {
            margin-inline-end: 0 !important
        }

        .me-1 {
            margin-inline-end: .234375rem !important
        }

        .me-2 {
            margin-inline-end: .46875rem !important
        }

        .me-3 {
            margin-inline-end: .9375rem !important
        }

        .me-4 {
            margin-inline-end: 1.40625rem !important
        }

        .me-5 {
            margin-inline-end: 2.8125rem !important
        }

        .me-auto {
            margin-inline-end: auto !important
        }

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

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

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

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

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

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

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

        .ms-0 {
            margin-inline-start: 0 !important
        }

        .ms-1 {
            margin-inline-start: .234375rem !important
        }

        .ms-2 {
            margin-inline-start: .46875rem !important
        }

        .ms-3 {
            margin-inline-start: .9375rem !important
        }

        .ms-4 {
            margin-inline-start: 1.40625rem !important
        }

        .ms-5 {
            margin-inline-start: 2.8125rem !important
        }

        .ms-auto {
            margin-inline-start: auto !important
        }

        .m-n1 {
            margin: -.234375rem !important
        }

        .m-n2 {
            margin: -.46875rem !important
        }

        .m-n3 {
            margin: -.9375rem !important
        }

        .m-n4 {
            margin: -1.40625rem !important
        }

        .m-n5 {
            margin: -2.8125rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .me-n1 {
            margin-inline-end: -.234375rem !important
        }

        .me-n2 {
            margin-inline-end: -.46875rem !important
        }

        .me-n3 {
            margin-inline-end: -.9375rem !important
        }

        .me-n4 {
            margin-inline-end: -1.40625rem !important
        }

        .me-n5 {
            margin-inline-end: -2.8125rem !important
        }

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

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

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

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

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

        .ms-n1 {
            margin-inline-start: -.234375rem !important
        }

        .ms-n2 {
            margin-inline-start: -.46875rem !important
        }

        .ms-n3 {
            margin-inline-start: -.9375rem !important
        }

        .ms-n4 {
            margin-inline-start: -1.40625rem !important
        }

        .ms-n5 {
            margin-inline-start: -2.8125rem !important
        }

        .p-0 {
            padding: 0 !important
        }

        .p-1 {
            padding: .234375rem !important
        }

        .p-2 {
            padding: .46875rem !important
        }

        .p-3 {
            padding: .9375rem !important
        }

        .p-4 {
            padding: 1.40625rem !important
        }

        .p-5 {
            padding: 2.8125rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .pe-0 {
            padding-inline-end: 0 !important
        }

        .pe-1 {
            padding-inline-end: .234375rem !important
        }

        .pe-2 {
            padding-inline-end: .46875rem !important
        }

        .pe-3 {
            padding-inline-end: .9375rem !important
        }

        .pe-4 {
            padding-inline-end: 1.40625rem !important
        }

        .pe-5 {
            padding-inline-end: 2.8125rem !important
        }

        .pb-0 {
            padding-bottom: 0 !important
        }

        .pb-1 {
            padding-bottom: .234375rem !important
        }

        .pb-2 {
            padding-bottom: .46875rem !important
        }

        .pb-3 {
            padding-bottom: .9375rem !important
        }

        .pb-4 {
            padding-bottom: 1.40625rem !important
        }

        .pb-5 {
            padding-bottom: 2.8125rem !important
        }

        .ps-0 {
            padding-inline-start: 0 !important
        }

        .ps-1 {
            padding-inline-start: .234375rem !important
        }

        .ps-2 {
            padding-inline-start: .46875rem !important
        }

        .ps-3 {
            padding-inline-start: .9375rem !important
        }

        .ps-4 {
            padding-inline-start: 1.40625rem !important
        }

        .ps-5 {
            padding-inline-start: 2.8125rem !important
        }

        .gap-0 {
            gap: 0 !important
        }

        .gap-1 {
            gap: .234375rem !important
        }

        .gap-2 {
            gap: .46875rem !important
        }

        .gap-3 {
            gap: .9375rem !important
        }

        .gap-4 {
            gap: 1.40625rem !important
        }

        .gap-5 {
            gap: 2.8125rem !important
        }

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

        .row-gap-1 {
            row-gap: .234375rem !important
        }

        .row-gap-2 {
            row-gap: .46875rem !important
        }

        .row-gap-3 {
            row-gap: .9375rem !important
        }

        .row-gap-4 {
            row-gap: 1.40625rem !important
        }

        .row-gap-5 {
            row-gap: 2.8125rem !important
        }

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

        .column-gap-1 {
            -moz-column-gap: .234375rem !important;
            column-gap: .234375rem !important
        }

        .column-gap-2 {
            -moz-column-gap: .46875rem !important;
            column-gap: .46875rem !important
        }

        .column-gap-3 {
            -moz-column-gap: .9375rem !important;
            column-gap: .9375rem !important
        }

        .column-gap-4 {
            -moz-column-gap: 1.40625rem !important;
            column-gap: 1.40625rem !important
        }

        .column-gap-5 {
            -moz-column-gap: 2.8125rem !important;
            column-gap: 2.8125rem !important
        }

        .font-monospace {
            font-family: var(--bs-font-monospace) !important
        }

        .fs-1 {
            font-size: calc(1.3125rem + .75vw) !important
        }

        .fs-2 {
            font-size: calc(1.275rem + .3vw) !important
        }

        .fs-3 {
            font-size: calc(1.25625rem + .075vw) !important
        }

        .fs-4 {
            font-size: 1.125rem !important
        }

        .fs-5 {
            font-size: .9375rem !important
        }

        .fs-6 {
            font-size: .75rem !important
        }

        .fst-italic {
            font-style: italic !important
        }

        .fst-normal {
            font-style: normal !important
        }

        .fw-lighter {
            font-weight: lighter !important
        }

        .fw-light {
            font-weight: 300 !important
        }

        .fw-normal {
            font-weight: 400 !important
        }

        .fw-medium {
            font-weight: 500 !important
        }

        .fw-semibold {
            font-weight: 500 !important
        }

        .fw-bold {
            font-weight: 600 !important
        }

        .fw-bolder {
            font-weight: 700 !important
        }

        .lh-1 {
            line-height: 1 !important
        }

        .lh-sm {
            line-height: 1.2 !important
        }

        .lh-base {
            line-height: 1.5 !important
        }

        .lh-lg {
            line-height: 1.8 !important
        }

        .text-start {
            text-align: start !important
        }

        .text-end {
            text-align: end !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-default {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-default-rgb), var(--bs-text-opacity)) !important
        }

        .text-primary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
        }

        .text-secondary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
        }

        .text-success {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
        }

        .text-info {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
        }

        .text-warning {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
        }

        .text-danger {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
        }

        .text-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
        }

        .text-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-inverse {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-inverse-rgb), var(--bs-text-opacity)) !important
        }

        .text-blue {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
        }

        .text-indigo {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important
        }

        .text-purple {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important
        }

        .text-pink {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important
        }

        .text-red {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important
        }

        .text-orange {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
        }

        .text-yellow {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important
        }

        .text-green {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important
        }

        .text-teal {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important
        }

        .text-lime {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important
        }

        .text-cyan {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important
        }

        .text-white {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-muted {
            --bs-text-opacity: 1;
            color: var(--bs-secondary-color) !important
        }

        .text-black {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
        }

        .text-silver {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-silver-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-100 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-200 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-300 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-400 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-500 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-600 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-700 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-800 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-900 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
        }

        .text-body {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
        }

        .text-black-50 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, .5) !important
        }

        .text-white-50 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, .5) !important
        }

        .text-body-secondary {
            --bs-text-opacity: 1;
            color: var(--bs-secondary-color) !important
        }

        .text-body-tertiary {
            --bs-text-opacity: 1;
            color: var(--bs-tertiary-color) !important
        }

        .text-body-emphasis {
            --bs-text-opacity: 1;
            color: var(--bs-emphasis-color) !important
        }

        .text-reset {
            --bs-text-opacity: 1;
            color: inherit !important
        }

        .text-opacity-25 {
            --bs-text-opacity: 0.25
        }

        .text-opacity-50 {
            --bs-text-opacity: 0.5
        }

        .text-opacity-75 {
            --bs-text-opacity: 0.75
        }

        .text-opacity-100 {
            --bs-text-opacity: 1
        }

        .text-primary-emphasis {
            color: var(--bs-primary-text-emphasis) !important
        }

        .text-secondary-emphasis {
            color: var(--bs-secondary-text-emphasis) !important
        }

        .text-success-emphasis {
            color: var(--bs-success-text-emphasis) !important
        }

        .text-info-emphasis {
            color: var(--bs-info-text-emphasis) !important
        }

        .text-warning-emphasis {
            color: var(--bs-warning-text-emphasis) !important
        }

        .text-danger-emphasis {
            color: var(--bs-danger-text-emphasis) !important
        }

        .text-light-emphasis {
            color: var(--bs-light-text-emphasis) !important
        }

        .text-dark-emphasis {
            color: var(--bs-dark-text-emphasis) !important
        }

        .link-opacity-10 {
            --bs-link-opacity: 0.1
        }

        .link-opacity-10-hover:hover {
            --bs-link-opacity: 0.1
        }

        .link-opacity-25 {
            --bs-link-opacity: 0.25
        }

        .link-opacity-25-hover:hover {
            --bs-link-opacity: 0.25
        }

        .link-opacity-50 {
            --bs-link-opacity: 0.5
        }

        .link-opacity-50-hover:hover {
            --bs-link-opacity: 0.5
        }

        .link-opacity-75 {
            --bs-link-opacity: 0.75
        }

        .link-opacity-75-hover:hover {
            --bs-link-opacity: 0.75
        }

        .link-opacity-100 {
            --bs-link-opacity: 1
        }

        .link-opacity-100-hover:hover {
            --bs-link-opacity: 1
        }

        .link-offset-1 {
            text-underline-offset: .125em !important
        }

        .link-offset-1-hover:hover {
            text-underline-offset: .125em !important
        }

        .link-offset-2 {
            text-underline-offset: .25em !important
        }

        .link-offset-2-hover:hover {
            text-underline-offset: .25em !important
        }

        .link-offset-3 {
            text-underline-offset: .375em !important
        }

        .link-offset-3-hover:hover {
            text-underline-offset: .375em !important
        }

        .link-underline-default {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-primary {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-secondary {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-success {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-info {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-warning {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-danger {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-light {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-dark {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-inverse {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-inverse-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-blue {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-blue-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-indigo {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-indigo-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-purple {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-purple-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-pink {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-pink-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-red {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-red-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-orange {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-orange-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-yellow {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-yellow-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-green {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-green-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-teal {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-teal-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-lime {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-lime-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-cyan {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-cyan-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-white {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-dark {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-muted {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-muted-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-black {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-black-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-silver {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-silver-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-100 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-100-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-200 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-300 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-400 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-400-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-500 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-600 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-600-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-700 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-800 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-900 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-underline-opacity-0 {
            --bs-link-underline-opacity: 0
        }

        .link-underline-opacity-0-hover:hover {
            --bs-link-underline-opacity: 0
        }

        .link-underline-opacity-10 {
            --bs-link-underline-opacity: 0.1
        }

        .link-underline-opacity-10-hover:hover {
            --bs-link-underline-opacity: 0.1
        }

        .link-underline-opacity-25 {
            --bs-link-underline-opacity: 0.25
        }

        .link-underline-opacity-25-hover:hover {
            --bs-link-underline-opacity: 0.25
        }

        .link-underline-opacity-50 {
            --bs-link-underline-opacity: 0.5
        }

        .link-underline-opacity-50-hover:hover {
            --bs-link-underline-opacity: 0.5
        }

        .link-underline-opacity-75 {
            --bs-link-underline-opacity: 0.75
        }

        .link-underline-opacity-75-hover:hover {
            --bs-link-underline-opacity: 0.75
        }

        .link-underline-opacity-100 {
            --bs-link-underline-opacity: 1
        }

        .link-underline-opacity-100-hover:hover {
            --bs-link-underline-opacity: 1
        }

        .bg-default {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-default-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-primary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-secondary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-success {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-info {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-warning {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-danger {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-light {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-inverse {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-blue {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-indigo {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-purple {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-pink {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-red {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-orange {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-yellow {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-green {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-teal {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-lime {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-cyan {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-white {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-muted {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-black {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-silver {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-silver-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-body {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-transparent {
            --bs-bg-opacity: 1;
            background-color: transparent !important
        }

        .bg-body-secondary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-body-tertiary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-opacity-10 {
            --bs-bg-opacity: 0.1
        }

        .bg-opacity-25 {
            --bs-bg-opacity: 0.25
        }

        .bg-opacity-50 {
            --bs-bg-opacity: 0.5
        }

        .bg-opacity-75 {
            --bs-bg-opacity: 0.75
        }

        .bg-opacity-100 {
            --bs-bg-opacity: 1
        }

        .bg-primary-subtle {
            background-color: var(--bs-primary-bg-subtle) !important
        }

        .bg-secondary-subtle {
            background-color: var(--bs-secondary-bg-subtle) !important
        }

        .bg-success-subtle {
            background-color: var(--bs-success-bg-subtle) !important
        }

        .bg-info-subtle {
            background-color: var(--bs-info-bg-subtle) !important
        }

        .bg-warning-subtle {
            background-color: var(--bs-warning-bg-subtle) !important
        }

        .bg-danger-subtle {
            background-color: var(--bs-danger-bg-subtle) !important
        }

        .bg-light-subtle {
            background-color: var(--bs-light-bg-subtle) !important
        }

        .bg-dark-subtle {
            background-color: var(--bs-dark-bg-subtle) !important
        }

        .bg-gradient {
            background-image: var(--bs-gradient) !important
        }

        .user-select-all {
            -webkit-user-select: all !important;
            -moz-user-select: all !important;
            user-select: all !important
        }

        .user-select-auto {
            -webkit-user-select: auto !important;
            -moz-user-select: auto !important;
            user-select: auto !important
        }

        .user-select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important
        }

        .pe-none {
            pointer-events: none !important
        }

        .pe-auto {
            pointer-events: auto !important
        }

        .rounded {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .rounded-1 {
            border-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-2 {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-3 {
            border-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-4 {
            border-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-5 {
            border-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-circle {
            border-radius: 50% !important
        }

        .rounded-pill {
            border-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-top {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-0 {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important
        }

        .rounded-top-1 {
            border-top-left-radius: var(--bs-border-radius-sm) !important;
            border-top-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-top-2 {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-3 {
            border-top-left-radius: var(--bs-border-radius-lg) !important;
            border-top-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-top-4 {
            border-top-left-radius: var(--bs-border-radius-xl) !important;
            border-top-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-top-5 {
            border-top-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-top-circle {
            border-top-left-radius: 50% !important;
            border-top-right-radius: 50% !important
        }

        .rounded-top-pill {
            border-top-left-radius: var(--bs-border-radius-pill) !important;
            border-top-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-end {
            border-top-right-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-0 {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        .rounded-end-1 {
            border-top-right-radius: var(--bs-border-radius-sm) !important;
            border-bottom-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-end-2 {
            border-top-right-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-3 {
            border-top-right-radius: var(--bs-border-radius-lg) !important;
            border-bottom-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-end-4 {
            border-top-right-radius: var(--bs-border-radius-xl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-end-5 {
            border-top-right-radius: var(--bs-border-radius-xxl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-end-circle {
            border-top-right-radius: 50% !important;
            border-bottom-right-radius: 50% !important
        }

        .rounded-end-pill {
            border-top-right-radius: var(--bs-border-radius-pill) !important;
            border-bottom-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-bottom {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-bottom-left-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-0 {
            border-bottom-right-radius: 0 !important;
            border-bottom-left-radius: 0 !important
        }

        .rounded-bottom-1 {
            border-bottom-right-radius: var(--bs-border-radius-sm) !important;
            border-bottom-left-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-bottom-2 {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-bottom-left-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-3 {
            border-bottom-right-radius: var(--bs-border-radius-lg) !important;
            border-bottom-left-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-bottom-4 {
            border-bottom-right-radius: var(--bs-border-radius-xl) !important;
            border-bottom-left-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-bottom-5 {
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-bottom-circle {
            border-bottom-right-radius: 50% !important;
            border-bottom-left-radius: 50% !important
        }

        .rounded-bottom-pill {
            border-bottom-right-radius: var(--bs-border-radius-pill) !important;
            border-bottom-left-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-start {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-0 {
            border-bottom-left-radius: 0 !important;
            border-top-left-radius: 0 !important
        }

        .rounded-start-1 {
            border-bottom-left-radius: var(--bs-border-radius-sm) !important;
            border-top-left-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-start-2 {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-3 {
            border-bottom-left-radius: var(--bs-border-radius-lg) !important;
            border-top-left-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-start-4 {
            border-bottom-left-radius: var(--bs-border-radius-xl) !important;
            border-top-left-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-start-5 {
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-left-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-start-circle {
            border-bottom-left-radius: 50% !important;
            border-top-left-radius: 50% !important
        }

        .rounded-start-pill {
            border-bottom-left-radius: var(--bs-border-radius-pill) !important;
            border-top-left-radius: var(--bs-border-radius-pill) !important
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        .z-n1 {
            z-index: -1 !important
        }

        .z-0 {
            z-index: 0 !important
        }

        .z-1 {
            z-index: 1 !important
        }

        .z-2 {
            z-index: 2 !important
        }

        .z-3 {
            z-index: 3 !important
        }

        @media (min-width:576px) {
            .float-sm-start {
                float: left !important
            }

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

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

            .object-fit-sm-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-sm-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-sm-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-sm-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-sm-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-sm-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-sm-2 {
                margin: .46875rem !important
            }

            .m-sm-3 {
                margin: .9375rem !important
            }

            .m-sm-4 {
                margin: 1.40625rem !important
            }

            .m-sm-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-sm-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-sm-1 {
                margin-top: .234375rem !important
            }

            .mt-sm-2 {
                margin-top: .46875rem !important
            }

            .mt-sm-3 {
                margin-top: .9375rem !important
            }

            .mt-sm-4 {
                margin-top: 1.40625rem !important
            }

            .mt-sm-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-sm-1 {
                margin-bottom: .234375rem !important
            }

            .mb-sm-2 {
                margin-bottom: .46875rem !important
            }

            .mb-sm-3 {
                margin-bottom: .9375rem !important
            }

            .mb-sm-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-sm-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-sm-0 {
                margin-inline-start: 0 !important
            }

            .ms-sm-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-sm-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-sm-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-sm-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-sm-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-sm-auto {
                margin-inline-start: auto !important
            }

            .m-sm-n1 {
                margin: -.234375rem !important
            }

            .m-sm-n2 {
                margin: -.46875rem !important
            }

            .m-sm-n3 {
                margin: -.9375rem !important
            }

            .m-sm-n4 {
                margin: -1.40625rem !important
            }

            .m-sm-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-sm-n1 {
                margin-top: -.234375rem !important
            }

            .mt-sm-n2 {
                margin-top: -.46875rem !important
            }

            .mt-sm-n3 {
                margin-top: -.9375rem !important
            }

            .mt-sm-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-sm-n5 {
                margin-top: -2.8125rem !important
            }

            .me-sm-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-sm-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-sm-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-sm-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-sm-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-sm-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-sm-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-sm-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-sm-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-sm-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-sm-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-sm-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-sm-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-sm-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-sm-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-sm-1 {
                padding: .234375rem !important
            }

            .p-sm-2 {
                padding: .46875rem !important
            }

            .p-sm-3 {
                padding: .9375rem !important
            }

            .p-sm-4 {
                padding: 1.40625rem !important
            }

            .p-sm-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-sm-1 {
                padding-top: .234375rem !important
            }

            .pt-sm-2 {
                padding-top: .46875rem !important
            }

            .pt-sm-3 {
                padding-top: .9375rem !important
            }

            .pt-sm-4 {
                padding-top: 1.40625rem !important
            }

            .pt-sm-5 {
                padding-top: 2.8125rem !important
            }

            .pb-sm-0 {
                padding-bottom: 0 !important
            }

            .pb-sm-1 {
                padding-bottom: .234375rem !important
            }

            .pb-sm-2 {
                padding-bottom: .46875rem !important
            }

            .pb-sm-3 {
                padding-bottom: .9375rem !important
            }

            .pb-sm-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-sm-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-sm-1 {
                gap: .234375rem !important
            }

            .gap-sm-2 {
                gap: .46875rem !important
            }

            .gap-sm-3 {
                gap: .9375rem !important
            }

            .gap-sm-4 {
                gap: 1.40625rem !important
            }

            .gap-sm-5 {
                gap: 2.8125rem !important
            }

            .row-gap-sm-0 {
                row-gap: 0 !important
            }

            .row-gap-sm-1 {
                row-gap: .234375rem !important
            }

            .row-gap-sm-2 {
                row-gap: .46875rem !important
            }

            .row-gap-sm-3 {
                row-gap: .9375rem !important
            }

            .row-gap-sm-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-sm-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-sm-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-sm-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-sm-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-sm-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-sm-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-sm-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-sm-start {
                text-align: start !important
            }

            .text-sm-end {
                text-align: end !important
            }

            .text-sm-center {
                text-align: center !important
            }
        }

        @media (min-width:768px) {
            .float-md-start {
                float: left !important
            }

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

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

            .object-fit-md-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-md-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-md-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-md-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-md-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-md-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-md-2 {
                margin: .46875rem !important
            }

            .m-md-3 {
                margin: .9375rem !important
            }

            .m-md-4 {
                margin: 1.40625rem !important
            }

            .m-md-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-md-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-md-1 {
                margin-top: .234375rem !important
            }

            .mt-md-2 {
                margin-top: .46875rem !important
            }

            .mt-md-3 {
                margin-top: .9375rem !important
            }

            .mt-md-4 {
                margin-top: 1.40625rem !important
            }

            .mt-md-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-md-1 {
                margin-bottom: .234375rem !important
            }

            .mb-md-2 {
                margin-bottom: .46875rem !important
            }

            .mb-md-3 {
                margin-bottom: .9375rem !important
            }

            .mb-md-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-md-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-md-0 {
                margin-inline-start: 0 !important
            }

            .ms-md-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-md-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-md-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-md-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-md-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-md-auto {
                margin-inline-start: auto !important
            }

            .m-md-n1 {
                margin: -.234375rem !important
            }

            .m-md-n2 {
                margin: -.46875rem !important
            }

            .m-md-n3 {
                margin: -.9375rem !important
            }

            .m-md-n4 {
                margin: -1.40625rem !important
            }

            .m-md-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-md-n1 {
                margin-top: -.234375rem !important
            }

            .mt-md-n2 {
                margin-top: -.46875rem !important
            }

            .mt-md-n3 {
                margin-top: -.9375rem !important
            }

            .mt-md-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-md-n5 {
                margin-top: -2.8125rem !important
            }

            .me-md-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-md-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-md-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-md-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-md-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-md-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-md-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-md-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-md-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-md-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-md-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-md-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-md-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-md-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-md-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-md-1 {
                padding: .234375rem !important
            }

            .p-md-2 {
                padding: .46875rem !important
            }

            .p-md-3 {
                padding: .9375rem !important
            }

            .p-md-4 {
                padding: 1.40625rem !important
            }

            .p-md-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-md-1 {
                padding-top: .234375rem !important
            }

            .pt-md-2 {
                padding-top: .46875rem !important
            }

            .pt-md-3 {
                padding-top: .9375rem !important
            }

            .pt-md-4 {
                padding-top: 1.40625rem !important
            }

            .pt-md-5 {
                padding-top: 2.8125rem !important
            }

            .pb-md-0 {
                padding-bottom: 0 !important
            }

            .pb-md-1 {
                padding-bottom: .234375rem !important
            }

            .pb-md-2 {
                padding-bottom: .46875rem !important
            }

            .pb-md-3 {
                padding-bottom: .9375rem !important
            }

            .pb-md-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-md-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-md-1 {
                gap: .234375rem !important
            }

            .gap-md-2 {
                gap: .46875rem !important
            }

            .gap-md-3 {
                gap: .9375rem !important
            }

            .gap-md-4 {
                gap: 1.40625rem !important
            }

            .gap-md-5 {
                gap: 2.8125rem !important
            }

            .row-gap-md-0 {
                row-gap: 0 !important
            }

            .row-gap-md-1 {
                row-gap: .234375rem !important
            }

            .row-gap-md-2 {
                row-gap: .46875rem !important
            }

            .row-gap-md-3 {
                row-gap: .9375rem !important
            }

            .row-gap-md-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-md-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-md-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-md-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-md-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-md-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-md-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-md-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-md-start {
                text-align: start !important
            }

            .text-md-end {
                text-align: end !important
            }

            .text-md-center {
                text-align: center !important
            }
        }

        @media (min-width:992px) {
            .float-lg-start {
                float: left !important
            }

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

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

            .object-fit-lg-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-lg-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-lg-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-lg-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-lg-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-lg-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-lg-2 {
                margin: .46875rem !important
            }

            .m-lg-3 {
                margin: .9375rem !important
            }

            .m-lg-4 {
                margin: 1.40625rem !important
            }

            .m-lg-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-lg-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-lg-1 {
                margin-top: .234375rem !important
            }

            .mt-lg-2 {
                margin-top: .46875rem !important
            }

            .mt-lg-3 {
                margin-top: .9375rem !important
            }

            .mt-lg-4 {
                margin-top: 1.40625rem !important
            }

            .mt-lg-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-lg-1 {
                margin-bottom: .234375rem !important
            }

            .mb-lg-2 {
                margin-bottom: .46875rem !important
            }

            .mb-lg-3 {
                margin-bottom: .9375rem !important
            }

            .mb-lg-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-lg-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-lg-0 {
                margin-inline-start: 0 !important
            }

            .ms-lg-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-lg-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-lg-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-lg-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-lg-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-lg-auto {
                margin-inline-start: auto !important
            }

            .m-lg-n1 {
                margin: -.234375rem !important
            }

            .m-lg-n2 {
                margin: -.46875rem !important
            }

            .m-lg-n3 {
                margin: -.9375rem !important
            }

            .m-lg-n4 {
                margin: -1.40625rem !important
            }

            .m-lg-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-lg-n1 {
                margin-top: -.234375rem !important
            }

            .mt-lg-n2 {
                margin-top: -.46875rem !important
            }

            .mt-lg-n3 {
                margin-top: -.9375rem !important
            }

            .mt-lg-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-lg-n5 {
                margin-top: -2.8125rem !important
            }

            .me-lg-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-lg-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-lg-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-lg-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-lg-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-lg-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-lg-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-lg-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-lg-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-lg-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-lg-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-lg-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-lg-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-lg-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-lg-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-lg-1 {
                padding: .234375rem !important
            }

            .p-lg-2 {
                padding: .46875rem !important
            }

            .p-lg-3 {
                padding: .9375rem !important
            }

            .p-lg-4 {
                padding: 1.40625rem !important
            }

            .p-lg-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-lg-1 {
                padding-top: .234375rem !important
            }

            .pt-lg-2 {
                padding-top: .46875rem !important
            }

            .pt-lg-3 {
                padding-top: .9375rem !important
            }

            .pt-lg-4 {
                padding-top: 1.40625rem !important
            }

            .pt-lg-5 {
                padding-top: 2.8125rem !important
            }

            .pb-lg-0 {
                padding-bottom: 0 !important
            }

            .pb-lg-1 {
                padding-bottom: .234375rem !important
            }

            .pb-lg-2 {
                padding-bottom: .46875rem !important
            }

            .pb-lg-3 {
                padding-bottom: .9375rem !important
            }

            .pb-lg-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-lg-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-lg-1 {
                gap: .234375rem !important
            }

            .gap-lg-2 {
                gap: .46875rem !important
            }

            .gap-lg-3 {
                gap: .9375rem !important
            }

            .gap-lg-4 {
                gap: 1.40625rem !important
            }

            .gap-lg-5 {
                gap: 2.8125rem !important
            }

            .row-gap-lg-0 {
                row-gap: 0 !important
            }

            .row-gap-lg-1 {
                row-gap: .234375rem !important
            }

            .row-gap-lg-2 {
                row-gap: .46875rem !important
            }

            .row-gap-lg-3 {
                row-gap: .9375rem !important
            }

            .row-gap-lg-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-lg-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-lg-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-lg-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-lg-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-lg-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-lg-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-lg-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-lg-start {
                text-align: start !important
            }

            .text-lg-end {
                text-align: end !important
            }

            .text-lg-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .float-xl-start {
                float: left !important
            }

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

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

            .object-fit-xl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-xl-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-xl-2 {
                margin: .46875rem !important
            }

            .m-xl-3 {
                margin: .9375rem !important
            }

            .m-xl-4 {
                margin: 1.40625rem !important
            }

            .m-xl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-xl-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-xl-1 {
                margin-top: .234375rem !important
            }

            .mt-xl-2 {
                margin-top: .46875rem !important
            }

            .mt-xl-3 {
                margin-top: .9375rem !important
            }

            .mt-xl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xl-auto {
                margin-inline-start: auto !important
            }

            .m-xl-n1 {
                margin: -.234375rem !important
            }

            .m-xl-n2 {
                margin: -.46875rem !important
            }

            .m-xl-n3 {
                margin: -.9375rem !important
            }

            .m-xl-n4 {
                margin: -1.40625rem !important
            }

            .m-xl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xl-1 {
                padding: .234375rem !important
            }

            .p-xl-2 {
                padding: .46875rem !important
            }

            .p-xl-3 {
                padding: .9375rem !important
            }

            .p-xl-4 {
                padding: 1.40625rem !important
            }

            .p-xl-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-xl-1 {
                padding-top: .234375rem !important
            }

            .pt-xl-2 {
                padding-top: .46875rem !important
            }

            .pt-xl-3 {
                padding-top: .9375rem !important
            }

            .pt-xl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xl-0 {
                padding-bottom: 0 !important
            }

            .pb-xl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xl-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-xl-1 {
                gap: .234375rem !important
            }

            .gap-xl-2 {
                gap: .46875rem !important
            }

            .gap-xl-3 {
                gap: .9375rem !important
            }

            .gap-xl-4 {
                gap: 1.40625rem !important
            }

            .gap-xl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xl-0 {
                row-gap: 0 !important
            }

            .row-gap-xl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xl-start {
                text-align: start !important
            }

            .text-xl-end {
                text-align: end !important
            }

            .text-xl-center {
                text-align: center !important
            }
        }

        @media (min-width:1400px) {
            .float-xxl-start {
                float: left !important
            }

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

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

            .object-fit-xxl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xxl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xxl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xxl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xxl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-xxl-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-xxl-2 {
                margin: .46875rem !important
            }

            .m-xxl-3 {
                margin: .9375rem !important
            }

            .m-xxl-4 {
                margin: 1.40625rem !important
            }

            .m-xxl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-xxl-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-xxl-1 {
                margin-top: .234375rem !important
            }

            .mt-xxl-2 {
                margin-top: .46875rem !important
            }

            .mt-xxl-3 {
                margin-top: .9375rem !important
            }

            .mt-xxl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xxl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xxl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xxl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xxl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xxl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xxl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xxl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xxl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xxl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xxl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xxl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xxl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xxl-auto {
                margin-inline-start: auto !important
            }

            .m-xxl-n1 {
                margin: -.234375rem !important
            }

            .m-xxl-n2 {
                margin: -.46875rem !important
            }

            .m-xxl-n3 {
                margin: -.9375rem !important
            }

            .m-xxl-n4 {
                margin: -1.40625rem !important
            }

            .m-xxl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xxl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xxl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xxl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xxl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xxl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xxl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xxl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xxl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xxl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xxl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xxl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xxl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xxl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xxl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xxl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xxl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xxl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xxl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xxl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xxl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xxl-1 {
                padding: .234375rem !important
            }

            .p-xxl-2 {
                padding: .46875rem !important
            }

            .p-xxl-3 {
                padding: .9375rem !important
            }

            .p-xxl-4 {
                padding: 1.40625rem !important
            }

            .p-xxl-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-xxl-1 {
                padding-top: .234375rem !important
            }

            .pt-xxl-2 {
                padding-top: .46875rem !important
            }

            .pt-xxl-3 {
                padding-top: .9375rem !important
            }

            .pt-xxl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xxl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xxl-0 {
                padding-bottom: 0 !important
            }

            .pb-xxl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xxl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xxl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xxl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xxl-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-xxl-1 {
                gap: .234375rem !important
            }

            .gap-xxl-2 {
                gap: .46875rem !important
            }

            .gap-xxl-3 {
                gap: .9375rem !important
            }

            .gap-xxl-4 {
                gap: 1.40625rem !important
            }

            .gap-xxl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xxl-0 {
                row-gap: 0 !important
            }

            .row-gap-xxl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xxl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xxl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xxl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xxl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xxl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xxl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xxl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xxl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xxl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xxl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xxl-start {
                text-align: start !important
            }

            .text-xxl-end {
                text-align: end !important
            }

            .text-xxl-center {
                text-align: center !important
            }
        }

        @media (min-width:1800px) {
            .float-xxxl-start {
                float: left !important
            }

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

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

            .object-fit-xxxl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xxxl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xxxl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xxxl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xxxl-none {
                -o-object-fit: none !important;
                object-fit: none !important
            }

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

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

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

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

            .d-xxxl-inline-grid {
                display: inline-grid !important
            }

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

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

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

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

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

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

            .border-xxxl {
                border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .m-xxxl-1 {
                margin: .234375rem !important
            }

            .m-xxxl-2 {
                margin: .46875rem !important
            }

            .m-xxxl-3 {
                margin: .9375rem !important
            }

            .m-xxxl-4 {
                margin: 1.40625rem !important
            }

            .m-xxxl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .mt-xxxl-1 {
                margin-top: .234375rem !important
            }

            .mt-xxxl-2 {
                margin-top: .46875rem !important
            }

            .mt-xxxl-3 {
                margin-top: .9375rem !important
            }

            .mt-xxxl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xxxl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xxxl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xxxl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xxxl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xxxl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xxxl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xxxl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xxxl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xxxl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xxxl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xxxl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xxxl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xxxl-auto {
                margin-inline-start: auto !important
            }

            .m-xxxl-n1 {
                margin: -.234375rem !important
            }

            .m-xxxl-n2 {
                margin: -.46875rem !important
            }

            .m-xxxl-n3 {
                margin: -.9375rem !important
            }

            .m-xxxl-n4 {
                margin: -1.40625rem !important
            }

            .m-xxxl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xxxl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xxxl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xxxl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xxxl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xxxl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xxxl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xxxl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xxxl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xxxl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xxxl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xxxl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xxxl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xxxl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xxxl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xxxl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xxxl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xxxl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xxxl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xxxl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xxxl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xxxl-1 {
                padding: .234375rem !important
            }

            .p-xxxl-2 {
                padding: .46875rem !important
            }

            .p-xxxl-3 {
                padding: .9375rem !important
            }

            .p-xxxl-4 {
                padding: 1.40625rem !important
            }

            .p-xxxl-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-xxxl-1 {
                padding-top: .234375rem !important
            }

            .pt-xxxl-2 {
                padding-top: .46875rem !important
            }

            .pt-xxxl-3 {
                padding-top: .9375rem !important
            }

            .pt-xxxl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xxxl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xxxl-0 {
                padding-bottom: 0 !important
            }

            .pb-xxxl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xxxl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xxxl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xxxl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xxxl-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-xxxl-1 {
                gap: .234375rem !important
            }

            .gap-xxxl-2 {
                gap: .46875rem !important
            }

            .gap-xxxl-3 {
                gap: .9375rem !important
            }

            .gap-xxxl-4 {
                gap: 1.40625rem !important
            }

            .gap-xxxl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xxxl-0 {
                row-gap: 0 !important
            }

            .row-gap-xxxl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xxxl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xxxl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xxxl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xxxl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xxxl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xxxl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xxxl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xxxl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xxxl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xxxl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xxxl-start {
                text-align: start !important
            }

            .text-xxxl-end {
                text-align: end !important
            }

            .text-xxxl-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .fs-1 {
                font-size: 1.875rem !important
            }

            .fs-2 {
                font-size: 1.5rem !important
            }

            .fs-3 {
                font-size: 1.3125rem !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-inline-grid {
                display: inline-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
            }
        }

        /*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
        :root,
        [data-bs-theme=light] {
            --bs-default: #e9ecef;
            --bs-primary: #348fe2;
            --bs-secondary: #6c757d;
            --bs-success: #00acac;
            --bs-info: #49b6d6;
            --bs-warning: #f59c1a;
            --bs-danger: #ff5b57;
            --bs-light: #f2f3f4;
            --bs-dark: #2d353c;
            --bs-inverse: #2d353c;
            --bs-blue: #348fe2;
            --bs-indigo: #8753de;
            --bs-purple: #727cb6;
            --bs-pink: #fb5597;
            --bs-red: #ff5b57;
            --bs-orange: #f59c1a;
            --bs-yellow: #ffd900;
            --bs-green: #32a932;
            --bs-teal: #00acac;
            --bs-lime: #90ca4b;
            --bs-cyan: #49b6d6;
            --bs-white: #FFFFFF;
            --bs-gray: #6c757d;
            --bs-gray-dark: #2d353c;
            --bs-muted: #adb5bd;
            --bs-black: #000000;
            --bs-silver: #b6c2c9;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #2d353c;
            --bs-gray-900: #20252a;
            --bs-default-rgb: 233, 236, 239;
            --bs-primary-rgb: 52, 143, 226;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 0, 172, 172;
            --bs-info-rgb: 73, 182, 214;
            --bs-warning-rgb: 245, 156, 26;
            --bs-danger-rgb: 255, 91, 87;
            --bs-light-rgb: 242, 243, 244;
            --bs-dark-rgb: 45, 53, 60;
            --bs-inverse-rgb: 45, 53, 60;
            --bs-blue-rgb: 52, 143, 226;
            --bs-indigo-rgb: 135, 83, 222;
            --bs-purple-rgb: 114, 124, 182;
            --bs-pink-rgb: 251, 85, 151;
            --bs-red-rgb: 255, 91, 87;
            --bs-orange-rgb: 245, 156, 26;
            --bs-yellow-rgb: 255, 217, 0;
            --bs-green-rgb: 50, 169, 50;
            --bs-teal-rgb: 0, 172, 172;
            --bs-lime-rgb: 144, 202, 75;
            --bs-cyan-rgb: 73, 182, 214;
            --bs-white-rgb: 255, 255, 255;
            --bs-gray-rgb: 108, 117, 125;
            --bs-gray-dark-rgb: 45, 53, 60;
            --bs-muted-rgb: 173, 181, 189;
            --bs-black-rgb: 0, 0, 0;
            --bs-silver-rgb: 182, 194, 201;
            --bs-gray-100-rgb: 248, 249, 250;
            --bs-gray-200-rgb: 233, 236, 239;
            --bs-gray-300-rgb: 222, 226, 230;
            --bs-gray-400-rgb: 206, 212, 218;
            --bs-gray-500-rgb: 173, 181, 189;
            --bs-gray-600-rgb: 108, 117, 125;
            --bs-gray-700-rgb: 73, 80, 87;
            --bs-gray-800-rgb: 45, 53, 60;
            --bs-gray-900-rgb: 32, 37, 42;
            --bs-primary-text-emphasis: #15395a;
            --bs-secondary-text-emphasis: #2b2f32;
            --bs-success-text-emphasis: #004545;
            --bs-info-text-emphasis: #1d4956;
            --bs-warning-text-emphasis: #623e0a;
            --bs-danger-text-emphasis: #662423;
            --bs-light-text-emphasis: #495057;
            --bs-dark-text-emphasis: #495057;
            --bs-primary-bg-subtle: #d6e9f9;
            --bs-secondary-bg-subtle: #e2e3e5;
            --bs-success-bg-subtle: #cceeee;
            --bs-info-bg-subtle: #dbf0f7;
            --bs-warning-bg-subtle: #fdebd1;
            --bs-danger-bg-subtle: #ffdedd;
            --bs-light-bg-subtle: #fcfcfd;
            --bs-dark-bg-subtle: #ced4da;
            --bs-primary-border-subtle: #aed2f3;
            --bs-secondary-border-subtle: #c4c8cb;
            --bs-success-border-subtle: #99dede;
            --bs-info-border-subtle: #b6e2ef;
            --bs-warning-border-subtle: #fbd7a3;
            --bs-danger-border-subtle: #ffbdbc;
            --bs-light-border-subtle: #e9ecef;
            --bs-dark-border-subtle: #adb5bd;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-font-sans-serif: "Open Sans", sans-serif;
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 0.75rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #2d353c;
            --bs-body-color-rgb: 45, 53, 60;
            --bs-body-bg: #dee2e6;
            --bs-body-bg-rgb: 222, 226, 230;
            --bs-emphasis-color: #000000;
            --bs-emphasis-color-rgb: 0, 0, 0;
            --bs-secondary-color: rgba(45, 53, 60, 0.75);
            --bs-secondary-color-rgb: 45, 53, 60;
            --bs-secondary-bg: #e9ecef;
            --bs-secondary-bg-rgb: 233, 236, 239;
            --bs-tertiary-color: rgba(45, 53, 60, 0.5);
            --bs-tertiary-color-rgb: 45, 53, 60;
            --bs-tertiary-bg: #f8f9fa;
            --bs-tertiary-bg-rgb: 248, 249, 250;
            --bs-heading-color: inherit;
            --bs-link-color: #348fe2;
            --bs-link-color-rgb: 52, 143, 226;
            --bs-link-decoration: underline;
            --bs-link-hover-color: #2a72b5;
            --bs-link-hover-color-rgb: 42, 114, 181;
            --bs-code-color: #f90a69;
            --bs-highlight-color: #2d353c;
            --bs-highlight-bg: #fff7cc;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #ced4da;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 4px;
            --bs-border-radius-sm: 3px;
            --bs-border-radius-lg: 6px;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-xxl: 2rem;
            --bs-border-radius-2xl: var(--bs-border-radius-xxl);
            --bs-border-radius-pill: 50rem;
            --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
            --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
            --bs-focus-ring-width: 0.25rem;
            --bs-focus-ring-opacity: 0.25;
            --bs-focus-ring-color: rgba(52, 143, 226, 0.25);
            --bs-form-valid-color: #00acac;
            --bs-form-valid-border-color: #00acac;
            --bs-form-invalid-color: #ff5b57;
            --bs-form-invalid-border-color: #ff5b57
        }

        [data-bs-theme=dark] {
            color-scheme: dark;
            --bs-body-color: #dee2e6;
            --bs-body-color-rgb: 222, 226, 230;
            --bs-body-bg: #161a1d;
            --bs-body-bg-rgb: 22, 26, 29;
            --bs-emphasis-color: #FFFFFF;
            --bs-emphasis-color-rgb: 255, 255, 255;
            --bs-secondary-color: rgba(222, 226, 230, 0.75);
            --bs-secondary-color-rgb: 222, 226, 230;
            --bs-secondary-bg: #2d353c;
            --bs-secondary-bg-rgb: 45, 53, 60;
            --bs-tertiary-color: rgba(222, 226, 230, 0.5);
            --bs-tertiary-color-rgb: 222, 226, 230;
            --bs-tertiary-bg: #272d33;
            --bs-tertiary-bg-rgb: 39, 45, 51;
            --bs-primary-text-emphasis: #85bcee;
            --bs-secondary-text-emphasis: #a7acb1;
            --bs-success-text-emphasis: #66cdcd;
            --bs-info-text-emphasis: #92d3e6;
            --bs-warning-text-emphasis: #f9c476;
            --bs-danger-text-emphasis: #ff9d9a;
            --bs-light-text-emphasis: #f8f9fa;
            --bs-dark-text-emphasis: #dee2e6;
            --bs-primary-bg-subtle: #0a1d2d;
            --bs-secondary-bg-subtle: #161719;
            --bs-success-bg-subtle: #002222;
            --bs-info-bg-subtle: #0f242b;
            --bs-warning-bg-subtle: #311f05;
            --bs-danger-bg-subtle: #331211;
            --bs-light-bg-subtle: #2d353c;
            --bs-dark-bg-subtle: #171b1e;
            --bs-primary-border-subtle: #1f5688;
            --bs-secondary-border-subtle: #41464b;
            --bs-success-border-subtle: #006767;
            --bs-info-border-subtle: #2c6d80;
            --bs-warning-border-subtle: #935e10;
            --bs-danger-border-subtle: #993734;
            --bs-light-border-subtle: #495057;
            --bs-dark-border-subtle: #2d353c;
            --bs-heading-color: inherit;
            --bs-link-color: #85bcee;
            --bs-link-hover-color: #9dc9f1;
            --bs-link-color-rgb: 133, 188, 238;
            --bs-link-hover-color-rgb: 157, 201, 241;
            --bs-code-color: #fb6ca5;
            --bs-highlight-color: #dee2e6;
            --bs-highlight-bg: #665700;
            --bs-border-color: #6c757d;
            --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
            --bs-form-valid-color: #84cb84;
            --bs-form-valid-border-color: #84cb84;
            --bs-form-invalid-color: #ff9d9a;
            --bs-form-invalid-border-color: #ff9d9a
        }

        *,
        ::after,
        ::before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth
            }
        }

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

        hr {
            margin: .9375rem 0;
            color: #adb5bd;
            border: 0;
            border-top: var(--bs-border-width) solid;
            opacity: .4
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: .46875rem;
            font-weight: 600;
            line-height: 1.2;
            color: var(--bs-heading-color)
        }

        .h1,
        h1 {
            font-size: calc(1.3125rem + .75vw)
        }

        @media (min-width:1200px) {

            .h1,
            h1 {
                font-size: 1.875rem
            }
        }

        .h2,
        h2 {
            font-size: calc(1.275rem + .3vw)
        }

        @media (min-width:1200px) {

            .h2,
            h2 {
                font-size: 1.5rem
            }
        }

        .h3,
        h3 {
            font-size: calc(1.25625rem + .075vw)
        }

        @media (min-width:1200px) {

            .h3,
            h3 {
                font-size: 1.3125rem
            }
        }

        .h4,
        h4 {
            font-size: 1.125rem
        }

        .h5,
        h5 {
            font-size: .9375rem
        }

        .h6,
        h6 {
            font-size: .75rem
        }

        p {
            margin-top: 0;
            margin-bottom: .9375rem
        }

        abbr[title] {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
            cursor: help;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none
        }

        address {
            margin-bottom: 1rem;
            font-style: normal;
            line-height: inherit
        }

        ol,
        ul {
            padding-left: 2rem
        }

        dl,
        ol,
        ul {
            margin-top: 0;
            margin-bottom: 1rem
        }

        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

        dt {
            font-weight: 600
        }

        dd {
            margin-bottom: .5rem;
            margin-left: 0
        }

        blockquote {
            margin: 0 0 1rem
        }

        b,
        strong {
            font-weight: 700
        }

        .small,
        small {
            font-size: .875em
        }

        .mark,
        mark {
            padding: .1875em;
            color: var(--bs-highlight-color);
            background-color: var(--bs-highlight-bg)
        }

        sub,
        sup {
            position: relative;
            font-size: .75em;
            line-height: 0;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        a {
            color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
            text-decoration: underline
        }

        a:hover {
            --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
        }

        a:not([href]):not([class]),
        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

        code,
        kbd,
        pre,
        samp {
            font-family: var(--bs-font-monospace);
            font-size: 1em
        }

        pre {
            display: block;
            margin-top: 0;
            margin-bottom: 1rem;
            overflow: auto;
            font-size: 90%
        }

        pre code {
            font-size: inherit;
            color: inherit;
            word-break: normal
        }

        code {
            font-size: 90%;
            color: var(--bs-code-color);
            word-wrap: break-word
        }

        a>code {
            color: inherit
        }

        kbd {
            padding: .2rem .4rem;
            font-size: 90%;
            color: #fff;
            background-color: #20252a;
            border-radius: 3px
        }

        kbd kbd {
            padding: 0;
            font-size: 1em
        }

        figure {
            margin: 0 0 1rem
        }

        img,
        svg {
            vertical-align: middle
        }

        table {
            caption-side: bottom;
            border-collapse: collapse
        }

        caption {
            padding-top: .5rem;
            padding-bottom: .5rem;
            color: #adb5bd;
            text-align: left
        }

        th {
            text-align: inherit;
            text-align: -webkit-match-parent
        }

        tbody,
        td,
        tfoot,
        th,
        thead,
        tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        label {
            display: inline-block
        }

        button {
            border-radius: 0
        }

        button:focus:not(:focus-visible) {
            outline: 0
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        button,
        select {
            text-transform: none
        }

        [role=button] {
            cursor: pointer
        }

        select {
            word-wrap: normal
        }

        select:disabled {
            opacity: 1
        }

        [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
            display: none !important
        }

        [type=button],
        [type=reset],
        [type=submit],
        button {
            -webkit-appearance: button
        }

        [type=button]:not(:disabled),
        [type=reset]:not(:disabled),
        [type=submit]:not(:disabled),
        button:not(:disabled) {
            cursor: pointer
        }

        ::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        textarea {
            resize: vertical
        }

        fieldset {
            min-width: 0;
            padding: 0;
            margin: 0;
            border: 0
        }

        legend {
            float: left;
            width: 100%;
            padding: 0;
            margin-bottom: .5rem;
            line-height: inherit;
            font-size: calc(1.275rem + .3vw)
        }

        @media (min-width:1200px) {
            legend {
                font-size: 1.5rem
            }
        }

        legend+* {
            clear: left
        }

        ::-webkit-datetime-edit-day-field,
        ::-webkit-datetime-edit-fields-wrapper,
        ::-webkit-datetime-edit-hour-field,
        ::-webkit-datetime-edit-minute,
        ::-webkit-datetime-edit-month-field,
        ::-webkit-datetime-edit-text,
        ::-webkit-datetime-edit-year-field {
            padding: 0
        }

        ::-webkit-inner-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-color-swatch-wrapper {
            padding: 0
        }

        ::file-selector-button {
            font: inherit;
            -webkit-appearance: button
        }

        output {
            display: inline-block
        }

        iframe {
            border: 0
        }

        summary {
            display: list-item;
            cursor: pointer
        }

        progress {
            vertical-align: baseline
        }

        [hidden] {
            display: none !important
        }

        .lead {
            font-size: .9375rem;
            font-weight: 300
        }

        .display-1 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.625rem + 4.5vw)
        }

        @media (min-width:1200px) {
            .display-1 {
                font-size: 5rem
            }
        }

        .display-2 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.575rem + 3.9vw)
        }

        @media (min-width:1200px) {
            .display-2 {
                font-size: 4.5rem
            }
        }

        .display-3 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.525rem + 3.3vw)
        }

        @media (min-width:1200px) {
            .display-3 {
                font-size: 4rem
            }
        }

        .display-4 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.475rem + 2.7vw)
        }

        @media (min-width:1200px) {
            .display-4 {
                font-size: 3.5rem
            }
        }

        .display-5 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.425rem + 2.1vw)
        }

        @media (min-width:1200px) {
            .display-5 {
                font-size: 3rem
            }
        }

        .display-6 {
            font-weight: 300;
            line-height: 1.2;
            font-size: calc(1.375rem + 1.5vw)
        }

        @media (min-width:1200px) {
            .display-6 {
                font-size: 2.5rem
            }
        }

        .list-unstyled {
            padding-left: 0;
            list-style: none
        }

        .list-inline {
            padding-left: 0;
            list-style: none
        }

        .list-inline-item {
            display: inline-block
        }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

        .initialism {
            font-size: .875em;
            text-transform: uppercase
        }

        .blockquote {
            margin-bottom: .9375rem;
            font-size: .9375rem
        }

        .blockquote>:last-child {
            margin-bottom: 0
        }

        .blockquote-footer {
            margin-top: -.9375rem;
            margin-bottom: .9375rem;
            font-size: .875em;
            color: #6c757d
        }

        .blockquote-footer::before {
            content: "— "
        }

        .img-fluid {
            max-width: 100%;
            height: auto
        }

        .img-thumbnail {
            padding: .25rem;
            background-color: var(--bs-body-bg);
            border: var(--bs-border-width) solid var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            max-width: 100%;
            height: auto
        }

        .figure {
            display: inline-block
        }

        .figure-img {
            margin-bottom: .46875rem;
            line-height: 1
        }

        .figure-caption {
            font-size: .875em;
            color: var(--bs-secondary-color)
        }

        .container,
        .container-fluid,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl {
            --bs-gutter-x: 20px;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            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: 750px
            }
        }

        @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: 1170px
            }
        }

        :root {
            --bs-breakpoint-xs: 0;
            --bs-breakpoint-sm: 576px;
            --bs-breakpoint-md: 768px;
            --bs-breakpoint-lg: 992px;
            --bs-breakpoint-xl: 1200px;
            --bs-breakpoint-xxl: 1400px;
            --bs-breakpoint-xxxl: 1800px
        }

        .row {
            --bs-gutter-x: 20px;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row>* {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        .col {
            flex: 1 0 0
        }

        .row-cols-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-1 {
            margin-left: 8.33333333%
        }

        .offset-2 {
            margin-left: 16.66666667%
        }

        .offset-3 {
            margin-left: 25%
        }

        .offset-4 {
            margin-left: 33.33333333%
        }

        .offset-5 {
            margin-left: 41.66666667%
        }

        .offset-6 {
            margin-left: 50%
        }

        .offset-7 {
            margin-left: 58.33333333%
        }

        .offset-8 {
            margin-left: 66.66666667%
        }

        .offset-9 {
            margin-left: 75%
        }

        .offset-10 {
            margin-left: 83.33333333%
        }

        .offset-11 {
            margin-left: 91.66666667%
        }

        .g-0,
        .gx-0 {
            --bs-gutter-x: 0
        }

        .g-0,
        .gy-0 {
            --bs-gutter-y: 0
        }

        .g-1,
        .gx-1 {
            --bs-gutter-x: 0.234375rem
        }

        .g-1,
        .gy-1 {
            --bs-gutter-y: 0.234375rem
        }

        .g-2,
        .gx-2 {
            --bs-gutter-x: 0.46875rem
        }

        .g-2,
        .gy-2 {
            --bs-gutter-y: 0.46875rem
        }

        .g-3,
        .gx-3 {
            --bs-gutter-x: 0.9375rem
        }

        .g-3,
        .gy-3 {
            --bs-gutter-y: 0.9375rem
        }

        .g-4,
        .gx-4 {
            --bs-gutter-x: 1.40625rem
        }

        .g-4,
        .gy-4 {
            --bs-gutter-y: 1.40625rem
        }

        .g-5,
        .gx-5 {
            --bs-gutter-x: 2.8125rem
        }

        .g-5,
        .gy-5 {
            --bs-gutter-y: 2.8125rem
        }

        @media (min-width:576px) {
            .col-sm {
                flex: 1 0 0
            }

            .row-cols-sm-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-sm-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-sm-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-sm-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-sm-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-sm-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-sm-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-sm-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-sm-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-sm-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-sm-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-sm-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-sm-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-sm-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-sm-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-sm-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-sm-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-sm-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.33333333%
            }

            .offset-sm-2 {
                margin-left: 16.66666667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.33333333%
            }

            .offset-sm-5 {
                margin-left: 41.66666667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.33333333%
            }

            .offset-sm-8 {
                margin-left: 66.66666667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.33333333%
            }

            .offset-sm-11 {
                margin-left: 91.66666667%
            }

            .g-sm-0,
            .gx-sm-0 {
                --bs-gutter-x: 0
            }

            .g-sm-0,
            .gy-sm-0 {
                --bs-gutter-y: 0
            }

            .g-sm-1,
            .gx-sm-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-sm-1,
            .gy-sm-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-sm-2,
            .gx-sm-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-sm-2,
            .gy-sm-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-sm-3,
            .gx-sm-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-sm-3,
            .gy-sm-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-sm-4,
            .gx-sm-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-sm-4,
            .gy-sm-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-sm-5,
            .gx-sm-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-sm-5,
            .gy-sm-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        @media (min-width:768px) {
            .col-md {
                flex: 1 0 0
            }

            .row-cols-md-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-md-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-md-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-md-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-md-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-md-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-md-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-md-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-md-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-md-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-md-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-md-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-md-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-md-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-md-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-md-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-md-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-md-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-md-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-md-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.33333333%
            }

            .offset-md-2 {
                margin-left: 16.66666667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.33333333%
            }

            .offset-md-5 {
                margin-left: 41.66666667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.33333333%
            }

            .offset-md-8 {
                margin-left: 66.66666667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.33333333%
            }

            .offset-md-11 {
                margin-left: 91.66666667%
            }

            .g-md-0,
            .gx-md-0 {
                --bs-gutter-x: 0
            }

            .g-md-0,
            .gy-md-0 {
                --bs-gutter-y: 0
            }

            .g-md-1,
            .gx-md-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-md-1,
            .gy-md-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-md-2,
            .gx-md-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-md-2,
            .gy-md-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-md-3,
            .gx-md-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-md-3,
            .gy-md-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-md-4,
            .gx-md-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-md-4,
            .gy-md-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-md-5,
            .gx-md-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-md-5,
            .gy-md-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        @media (min-width:992px) {
            .col-lg {
                flex: 1 0 0
            }

            .row-cols-lg-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-lg-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-lg-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-lg-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-lg-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-lg-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-lg-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-lg-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-lg-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-lg-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-lg-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-lg-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-lg-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-lg-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-lg-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-lg-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.33333333%
            }

            .offset-lg-2 {
                margin-left: 16.66666667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.33333333%
            }

            .offset-lg-5 {
                margin-left: 41.66666667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.33333333%
            }

            .offset-lg-8 {
                margin-left: 66.66666667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.33333333%
            }

            .offset-lg-11 {
                margin-left: 91.66666667%
            }

            .g-lg-0,
            .gx-lg-0 {
                --bs-gutter-x: 0
            }

            .g-lg-0,
            .gy-lg-0 {
                --bs-gutter-y: 0
            }

            .g-lg-1,
            .gx-lg-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-lg-1,
            .gy-lg-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-lg-2,
            .gx-lg-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-lg-2,
            .gy-lg-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-lg-3,
            .gx-lg-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-lg-3,
            .gy-lg-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-lg-4,
            .gx-lg-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-lg-4,
            .gy-lg-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-lg-5,
            .gx-lg-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-lg-5,
            .gy-lg-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        @media (min-width:1200px) {
            .col-xl {
                flex: 1 0 0
            }

            .row-cols-xl-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-xl-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-xl-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-xl-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-xl-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-xl-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-xl-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xl-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-xl-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-xl-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xl-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-xl-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-xl-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-xl-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-xl-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-xl-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-xl-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-xl-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-xl-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-xl-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-xl-0 {
                margin-left: 0
            }

            .offset-xl-1 {
                margin-left: 8.33333333%
            }

            .offset-xl-2 {
                margin-left: 16.66666667%
            }

            .offset-xl-3 {
                margin-left: 25%
            }

            .offset-xl-4 {
                margin-left: 33.33333333%
            }

            .offset-xl-5 {
                margin-left: 41.66666667%
            }

            .offset-xl-6 {
                margin-left: 50%
            }

            .offset-xl-7 {
                margin-left: 58.33333333%
            }

            .offset-xl-8 {
                margin-left: 66.66666667%
            }

            .offset-xl-9 {
                margin-left: 75%
            }

            .offset-xl-10 {
                margin-left: 83.33333333%
            }

            .offset-xl-11 {
                margin-left: 91.66666667%
            }

            .g-xl-0,
            .gx-xl-0 {
                --bs-gutter-x: 0
            }

            .g-xl-0,
            .gy-xl-0 {
                --bs-gutter-y: 0
            }

            .g-xl-1,
            .gx-xl-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-xl-1,
            .gy-xl-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-xl-2,
            .gx-xl-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-xl-2,
            .gy-xl-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-xl-3,
            .gx-xl-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-xl-3,
            .gy-xl-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-xl-4,
            .gx-xl-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-xl-4,
            .gy-xl-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-xl-5,
            .gx-xl-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-xl-5,
            .gy-xl-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        @media (min-width:1400px) {
            .col-xxl {
                flex: 1 0 0
            }

            .row-cols-xxl-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-xxl-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-xxl-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-xxl-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-xxl-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-xxl-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-xxl-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xxl-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-xxl-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-xxl-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xxl-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-xxl-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-xxl-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-xxl-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-xxl-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-xxl-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-xxl-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-xxl-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-xxl-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-xxl-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-xxl-0 {
                margin-left: 0
            }

            .offset-xxl-1 {
                margin-left: 8.33333333%
            }

            .offset-xxl-2 {
                margin-left: 16.66666667%
            }

            .offset-xxl-3 {
                margin-left: 25%
            }

            .offset-xxl-4 {
                margin-left: 33.33333333%
            }

            .offset-xxl-5 {
                margin-left: 41.66666667%
            }

            .offset-xxl-6 {
                margin-left: 50%
            }

            .offset-xxl-7 {
                margin-left: 58.33333333%
            }

            .offset-xxl-8 {
                margin-left: 66.66666667%
            }

            .offset-xxl-9 {
                margin-left: 75%
            }

            .offset-xxl-10 {
                margin-left: 83.33333333%
            }

            .offset-xxl-11 {
                margin-left: 91.66666667%
            }

            .g-xxl-0,
            .gx-xxl-0 {
                --bs-gutter-x: 0
            }

            .g-xxl-0,
            .gy-xxl-0 {
                --bs-gutter-y: 0
            }

            .g-xxl-1,
            .gx-xxl-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-xxl-1,
            .gy-xxl-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-xxl-2,
            .gx-xxl-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-xxl-2,
            .gy-xxl-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-xxl-3,
            .gx-xxl-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-xxl-3,
            .gy-xxl-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-xxl-4,
            .gx-xxl-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-xxl-4,
            .gy-xxl-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-xxl-5,
            .gx-xxl-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-xxl-5,
            .gy-xxl-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        @media (min-width:1800px) {
            .col-xxxl {
                flex: 1 0 0
            }

            .row-cols-xxxl-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-xxxl-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-xxxl-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-xxxl-3>* {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .row-cols-xxxl-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-xxxl-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-xxxl-6>* {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xxxl-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-xxxl-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-xxxl-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xxxl-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-xxxl-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-xxxl-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-xxxl-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-xxxl-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-xxxl-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-xxxl-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-xxxl-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-xxxl-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-xxxl-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-xxxl-0 {
                margin-left: 0
            }

            .offset-xxxl-1 {
                margin-left: 8.33333333%
            }

            .offset-xxxl-2 {
                margin-left: 16.66666667%
            }

            .offset-xxxl-3 {
                margin-left: 25%
            }

            .offset-xxxl-4 {
                margin-left: 33.33333333%
            }

            .offset-xxxl-5 {
                margin-left: 41.66666667%
            }

            .offset-xxxl-6 {
                margin-left: 50%
            }

            .offset-xxxl-7 {
                margin-left: 58.33333333%
            }

            .offset-xxxl-8 {
                margin-left: 66.66666667%
            }

            .offset-xxxl-9 {
                margin-left: 75%
            }

            .offset-xxxl-10 {
                margin-left: 83.33333333%
            }

            .offset-xxxl-11 {
                margin-left: 91.66666667%
            }

            .g-xxxl-0,
            .gx-xxxl-0 {
                --bs-gutter-x: 0
            }

            .g-xxxl-0,
            .gy-xxxl-0 {
                --bs-gutter-y: 0
            }

            .g-xxxl-1,
            .gx-xxxl-1 {
                --bs-gutter-x: 0.234375rem
            }

            .g-xxxl-1,
            .gy-xxxl-1 {
                --bs-gutter-y: 0.234375rem
            }

            .g-xxxl-2,
            .gx-xxxl-2 {
                --bs-gutter-x: 0.46875rem
            }

            .g-xxxl-2,
            .gy-xxxl-2 {
                --bs-gutter-y: 0.46875rem
            }

            .g-xxxl-3,
            .gx-xxxl-3 {
                --bs-gutter-x: 0.9375rem
            }

            .g-xxxl-3,
            .gy-xxxl-3 {
                --bs-gutter-y: 0.9375rem
            }

            .g-xxxl-4,
            .gx-xxxl-4 {
                --bs-gutter-x: 1.40625rem
            }

            .g-xxxl-4,
            .gy-xxxl-4 {
                --bs-gutter-y: 1.40625rem
            }

            .g-xxxl-5,
            .gx-xxxl-5 {
                --bs-gutter-x: 2.8125rem
            }

            .g-xxxl-5,
            .gy-xxxl-5 {
                --bs-gutter-y: 2.8125rem
            }
        }

        .table {
            --bs-table-color-type: initial;
            --bs-table-bg-type: initial;
            --bs-table-color-state: initial;
            --bs-table-bg-state: initial;
            --bs-table-color: var(--bs-component-color);
            --bs-table-bg: transparent;
            --bs-table-border-color: var(--bs-component-table-border-color);
            --bs-table-accent-bg: transparent;
            --bs-table-striped-color: var(--bs-component-color);
            --bs-table-striped-bg: #e9ecef;
            --bs-table-active-color: var(--bs-component-color);
            --bs-table-active-bg: #e9ecef;
            --bs-table-hover-color: var(--bs-component-color);
            --bs-table-hover-bg: rgba(233, 236, 239, 0.85);
            width: 100%;
            margin-bottom: .9375rem;
            vertical-align: top;
            border-color: var(--bs-table-border-color)
        }

        .table>:not(caption)>*>* {
            padding: .5rem .5rem;
            color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
        }

        .table>tbody {
            vertical-align: inherit
        }

        .table>thead {
            vertical-align: bottom
        }

        .table-group-divider {
            border-top: calc(1px * 2) solid var(--bs-component-table-separator-color)
        }

        .caption-top {
            caption-side: top
        }

        .table-sm>:not(caption)>*>* {
            padding: .25rem .25rem
        }

        .table-bordered>:not(caption)>* {
            border-width: 1px 0
        }

        .table-bordered>:not(caption)>*>* {
            border-width: 0 1px
        }

        .table-borderless>:not(caption)>*>* {
            border-bottom-width: 0
        }

        .table-borderless>:not(:first-child) {
            border-top-width: 0
        }

        .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-color-type: var(--bs-table-striped-color);
            --bs-table-bg-type: var(--bs-table-striped-bg)
        }

        .table-striped-columns>:not(caption)>tr>:nth-child(even) {
            --bs-table-color-type: var(--bs-table-striped-color);
            --bs-table-bg-type: var(--bs-table-striped-bg)
        }

        .table-active {
            --bs-table-color-state: var(--bs-table-active-color);
            --bs-table-bg-state: var(--bs-table-active-bg)
        }

        .table-hover>tbody>tr:hover>* {
            --bs-table-color-state: var(--bs-table-hover-color);
            --bs-table-bg-state: var(--bs-table-hover-bg)
        }

        .table-primary {
            --bs-table-color: #000000;
            --bs-table-bg: #d6e9f9;
            --bs-table-border-color: #c1d2e0;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #202325;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-secondary {
            --bs-table-color: #000000;
            --bs-table-bg: #e2e3e5;
            --bs-table-border-color: #cbccce;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #222222;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-success {
            --bs-table-color: #000000;
            --bs-table-bg: #cceeee;
            --bs-table-border-color: #b8d6d6;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #1f2424;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-info {
            --bs-table-color: #000000;
            --bs-table-bg: #dbf0f7;
            --bs-table-border-color: #c5d8de;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #212425;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-warning {
            --bs-table-color: #000000;
            --bs-table-bg: #fdebd1;
            --bs-table-border-color: #e4d4bc;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #26231f;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-danger {
            --bs-table-color: #000000;
            --bs-table-bg: #ffdedd;
            --bs-table-border-color: #e6c8c7;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #262121;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-light {
            --bs-table-color: #000000;
            --bs-table-bg: #f2f3f4;
            --bs-table-border-color: #dadbdc;
            --bs-table-striped-bg: black;
            --bs-table-striped-color: #FFFFFF;
            --bs-table-active-bg: black;
            --bs-table-active-color: #FFFFFF;
            --bs-table-hover-bg: #242425;
            --bs-table-hover-color: #FFFFFF;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-dark {
            --bs-table-color: #FFFFFF;
            --bs-table-bg: #2d353c;
            --bs-table-border-color: #424950;
            --bs-table-striped-bg: white;
            --bs-table-striped-color: #000000;
            --bs-table-active-bg: white;
            --bs-table-active-color: #000000;
            --bs-table-hover-bg: #e0e1e2;
            --bs-table-hover-color: #000000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        @media (max-width:575.98px) {
            .table-responsive-sm {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        @media (max-width:767.98px) {
            .table-responsive-md {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        @media (max-width:991.98px) {
            .table-responsive-lg {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        @media (max-width:1199.98px) {
            .table-responsive-xl {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        @media (max-width:1399.98px) {
            .table-responsive-xxl {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        @media (max-width:1799.98px) {
            .table-responsive-xxxl {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        .form-label {
            margin-bottom: .25rem;
            font-weight: 600
        }

        .col-form-label {
            padding-top: calc(.4375rem + 1px);
            padding-bottom: calc(.4375rem + 1px);
            margin-bottom: 0;
            font-size: inherit;
            font-weight: 600;
            line-height: 1.5
        }

        .col-form-label-lg {
            padding-top: calc(.5rem + 1px);
            padding-bottom: calc(.5rem + 1px);
            font-size: .875rem
        }

        .col-form-label-sm {
            padding-top: calc(.3125rem + 1px);
            padding-bottom: calc(.3125rem + 1px);
            font-size: .75rem
        }

        .form-text {
            margin-top: .25rem;
            font-size: .875em;
            color: #adb5bd
        }

        .form-control {
            display: block;
            width: 100%;
            padding: .4375rem .75rem;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-component-bg);
            background-clip: padding-box;
            border: 1px solid var(--bs-component-border-color);
            border-radius: 4px;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control {
                transition: none
            }
        }

        .form-control[type=file] {
            overflow: hidden
        }

        .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control:focus {
            color: var(--bs-component-color);
            background-color: var(--bs-component-bg);
            border-color: #67abe9;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .form-control::-webkit-date-and-time-value {
            min-width: 85px;
            height: 1.5em;
            margin: 0
        }

        .form-control::-webkit-datetime-edit {
            display: block;
            padding: 0
        }

        .form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control::placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control:disabled {
            background-color: var(--bs-component-disabled-bg);
            opacity: 1
        }

        .form-control::file-selector-button {
            padding: .4375rem .75rem;
            margin: -.4375rem -.75rem;
            margin-inline-end: .75rem;
            color: var(--bs-component-color);
            background-color: rgba(var(--bs-component-border-color-rgb), 1);
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control::file-selector-button {
                transition: none
            }
        }

        .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: rgba(var(--bs-component-border-color-rgb), .5)
        }

        .form-control-plaintext {
            display: block;
            width: 100%;
            padding: .4375rem 0;
            margin-bottom: 0;
            line-height: 1.5;
            color: var(--bs-component-color);
            background-color: transparent;
            border: solid transparent;
            border-width: 1px 0
        }

        .form-control-plaintext:focus {
            outline: 0
        }

        .form-control-plaintext.form-control-lg,
        .form-control-plaintext.form-control-sm {
            padding-right: 0;
            padding-left: 0
        }

        .form-control-sm {
            min-height: calc(1.5em + .625rem + 2px);
            padding: .3125rem .625rem;
            font-size: .75rem;
            border-radius: 3px
        }

        .form-control-sm::file-selector-button {
            padding: .3125rem .625rem;
            margin: -.3125rem -.625rem;
            margin-inline-end: .625rem
        }

        .form-control-lg {
            min-height: calc(1.5em + 1rem + 2px);
            padding: .5rem 1rem;
            font-size: .875rem;
            border-radius: 6px
        }

        .form-control-lg::file-selector-button {
            padding: .5rem 1rem;
            margin: -.5rem -1rem;
            margin-inline-end: 1rem
        }

        textarea.form-control {
            min-height: calc(1.5em + .875rem + 2px)
        }

        textarea.form-control-sm {
            min-height: calc(1.5em + .625rem + 2px)
        }

        textarea.form-control-lg {
            min-height: calc(1.5em + 1rem + 2px)
        }

        .form-control-color {
            width: 3rem;
            height: calc(1.5em + .875rem + 2px);
            padding: .4375rem
        }

        .form-control-color:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control-color::-moz-color-swatch {
            border: 0 !important;
            border-radius: 4px
        }

        .form-control-color::-webkit-color-swatch {
            border: 0 !important;
            border-radius: 4px
        }

        .form-control-color.form-control-sm {
            height: calc(1.5em + .625rem + 2px)
        }

        .form-control-color.form-control-lg {
            height: calc(1.5em + 1rem + 2px)
        }

        .form-select {
            --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            display: block;
            width: 100%;
            padding: .4375rem 2.25rem .4375rem .75rem;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-component-bg);
            background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px;
            border: 1px solid var(--bs-component-border-color);
            border-radius: 4px;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-select {
                transition: none
            }
        }

        .form-select:focus {
            border-color: #67abe9;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .form-select[multiple],
        .form-select[size]:not([size="1"]) {
            padding-right: .75rem;
            background-image: none
        }

        .form-select:disabled {
            background-color: #e9ecef
        }

        .form-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 var(--bs-component-color)
        }

        .form-select-sm {
            padding-top: .3125rem;
            padding-bottom: .3125rem;
            padding-left: .625rem;
            font-size: .75rem;
            border-radius: 3px
        }

        .form-select-lg {
            padding-top: .5rem;
            padding-bottom: .5rem;
            padding-left: 1rem;
            font-size: .875rem;
            border-radius: 6px
        }

        [data-bs-theme=dark] .form-select {
            --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
        }

        .form-check {
            display: block;
            min-height: 1.125rem;
            padding-left: 2em;
            margin-bottom: .125rem
        }

        .form-check .form-check-input {
            float: left;
            margin-left: -2em
        }

        .form-check-reverse {
            padding-right: 2em;
            padding-left: 0;
            text-align: right
        }

        .form-check-reverse .form-check-input {
            float: right;
            margin-right: -2em;
            margin-left: 0
        }

        .form-check-input {
            --bs-form-check-bg: var(--bs-component-bg);
            flex-shrink: 0;
            width: 1.5em;
            height: 1.5em;
            margin-top: 0;
            vertical-align: top;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-form-check-bg);
            background-image: var(--bs-form-check-bg-image);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: var(--bs-border-width) solid var(--bs-border-color);
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }

        .form-check-input[type=checkbox] {
            border-radius: .25em
        }

        .form-check-input[type=radio] {
            border-radius: 50%
        }

        .form-check-input:active {
            filter: brightness(90%)
        }

        .form-check-input:focus {
            border-color: #67abe9;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .form-check-input:checked {
            background-color: #348fe2;
            border-color: #348fe2
        }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e")
        }

        .form-check-input[type=checkbox]:indeterminate {
            background-color: #348fe2;
            border-color: #348fe2;
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
        }

        .form-check-input:disabled {
            pointer-events: none;
            filter: none;
            opacity: .5
        }

        .form-check-input:disabled~.form-check-label,
        .form-check-input[disabled]~.form-check-label {
            cursor: default;
            opacity: .5
        }

        .form-switch {
            padding-left: 2.8em
        }

        .form-switch .form-check-input {
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            width: 2.3em;
            margin-left: -2.8em;
            background-image: var(--bs-form-switch-bg);
            background-position: left center;
            border-radius: 2.3em;
            transition: background-position .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-switch .form-check-input {
                transition: none
            }
        }

        .form-switch .form-check-input:focus {
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2367abe9'/%3e%3c/svg%3e")
        }

        .form-switch .form-check-input:checked {
            background-position: right center;
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e")
        }

        .form-switch.form-check-reverse {
            padding-right: 2.8em;
            padding-left: 0
        }

        .form-switch.form-check-reverse .form-check-input {
            margin-right: -2.8em;
            margin-left: 0
        }

        .form-check-inline {
            display: inline-block;
            margin-right: 1rem
        }

        .btn-check {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none
        }

        .btn-check:disabled+.btn,
        .btn-check[disabled]+.btn {
            pointer-events: none;
            filter: none;
            opacity: .65
        }

        [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
        }

        .form-range {
            width: 100%;
            height: 1.5rem;
            padding: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent
        }

        .form-range:focus {
            outline: 0
        }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #dee2e6, 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #dee2e6, 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .form-range::-moz-focus-outer {
            border: 0
        }

        .form-range::-webkit-slider-thumb {
            width: 1rem;
            height: 1rem;
            margin-top: -.25rem;
            -webkit-appearance: none;
            appearance: none;
            background-color: var(--bs-component-active-bg);
            border: 0;
            border-radius: 1rem;
            -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-webkit-slider-thumb {
                -webkit-transition: none;
                transition: none
            }
        }

        .form-range::-webkit-slider-thumb:active {
            background-color: #9ac7f1
        }

        .form-range::-webkit-slider-runnable-track {
            width: 100%;
            height: .5rem;
            color: transparent;
            cursor: pointer;
            background-color: var(--bs-light);
            border-color: transparent;
            border-radius: 1rem
        }

        .form-range::-moz-range-thumb {
            width: 1rem;
            height: 1rem;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-component-active-bg);
            border: 0;
            border-radius: 1rem;
            -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-moz-range-thumb {
                -moz-transition: none;
                transition: none
            }
        }

        .form-range::-moz-range-thumb:active {
            background-color: #9ac7f1
        }

        .form-range::-moz-range-track {
            width: 100%;
            height: .5rem;
            color: transparent;
            cursor: pointer;
            background-color: var(--bs-light);
            border-color: transparent;
            border-radius: 1rem
        }

        .form-range:disabled {
            pointer-events: none
        }

        .form-range:disabled::-webkit-slider-thumb {
            background-color: #adb5bd
        }

        .form-range:disabled::-moz-range-thumb {
            background-color: #adb5bd
        }

        .form-floating {
            position: relative
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext,
        .form-floating>.form-select {
            height: calc(3.5rem + 2px);
            min-height: calc(3.5rem + 2px);
            line-height: 1.25
        }

        .form-floating>label {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            max-width: 100%;
            height: 100%;
            padding: 1rem .75rem;
            overflow: hidden;
            color: rgba(var(--bs-body-color-rgb), .65);
            text-align: start;
            text-overflow: ellipsis;
            white-space: nowrap;
            pointer-events: none;
            border: 1px solid transparent;
            transform-origin: 0 0;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-floating>label {
                transition: none
            }
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext {
            padding: 1rem .75rem
        }

        .form-floating>.form-control-plaintext::-moz-placeholder,
        .form-floating>.form-control::-moz-placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext::placeholder,
        .form-floating>.form-control::placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext:not(:-moz-placeholder),
        .form-floating>.form-control:not(:-moz-placeholder) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating>.form-control-plaintext:focus,
        .form-floating>.form-control-plaintext:not(:placeholder-shown),
        .form-floating>.form-control:focus,
        .form-floating>.form-control:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating>.form-control-plaintext:-webkit-autofill,
        .form-floating>.form-control:-webkit-autofill {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating>.form-select {
            padding-top: 1.625rem;
            padding-bottom: .625rem;
            padding-left: .75rem
        }

        .form-floating>.form-control:not(:-moz-placeholder)~label {
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control-plaintext~label,
        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label,
        .form-floating>.form-select~label {
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control:-webkit-autofill~label {
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>textarea:not(:-moz-placeholder)~label::after {
            position: absolute;
            inset: 1rem .375rem;
            z-index: -1;
            height: 1.5em;
            content: "";
            background-color: var(--bs-component-bg);
            border-radius: 4px
        }

        .form-floating>textarea:focus~label::after,
        .form-floating>textarea:not(:placeholder-shown)~label::after {
            position: absolute;
            inset: 1rem .375rem;
            z-index: -1;
            height: 1.5em;
            content: "";
            background-color: var(--bs-component-bg);
            border-radius: 4px
        }

        .form-floating>textarea:disabled~label::after {
            background-color: var(--bs-component-disabled-bg)
        }

        .form-floating>.form-control-plaintext~label {
            border-width: 1px 0
        }

        .form-floating>.form-control:disabled~label,
        .form-floating>:disabled~label {
            color: #6c757d
        }

        .input-group {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            width: 100%
        }

        .input-group>.form-control,
        .input-group>.form-floating,
        .input-group>.form-select {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0
        }

        .input-group>.form-control:focus,
        .input-group>.form-floating:focus-within,
        .input-group>.form-select:focus {
            z-index: 5
        }

        .input-group .btn {
            position: relative;
            z-index: 2
        }

        .input-group .btn:focus {
            z-index: 5
        }

        .input-group-text {
            display: flex;
            align-items: center;
            padding: .4375rem .75rem;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            text-align: center;
            white-space: nowrap;
            background-color: rgba(var(--bs-component-border-color-rgb), 1);
            border: 1px solid var(--bs-component-border-color);
            border-radius: 4px
        }

        .input-group-lg>.btn,
        .input-group-lg>.form-control,
        .input-group-lg>.form-select,
        .input-group-lg>.input-group-text {
            padding: .5rem 1rem;
            font-size: .875rem;
            border-radius: 6px
        }

        .input-group-sm>.btn,
        .input-group-sm>.form-control,
        .input-group-sm>.form-select,
        .input-group-sm>.input-group-text {
            padding: .3125rem .625rem;
            font-size: .75rem;
            border-radius: 3px
        }

        .input-group-lg>.form-select,
        .input-group-sm>.form-select {
            padding-right: 3rem
        }

        .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
        .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: calc(-1 * 1px);
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .input-group>.form-floating:not(:first-child)>.form-control,
        .input-group>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .valid-feedback {
            display: none;
            width: 100%;
            margin-top: .25rem;
            font-size: .7125rem;
            color: #00acac
        }

        .valid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .234375rem .46875rem;
            margin-top: .1rem;
            font-size: .75rem;
            color: #fff;
            background-color: rgba(0, 172, 172, .95);
            border-radius: var(--bs-border-radius)
        }

        .is-valid~.valid-feedback,
        .is-valid~.valid-tooltip,
        .was-validated :valid~.valid-feedback,
        .was-validated :valid~.valid-tooltip {
            display: block
        }

        .form-control.is-valid,
        .was-validated .form-control:valid {
            border-color: #00acac;
            padding-right: calc(1.5em + .875rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300acac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(.375em + .21875rem) center;
            background-size: calc(.75em + .4375rem) calc(.75em + .4375rem)
        }

        .form-control.is-valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: #00acac;
            box-shadow: 0 0 0 .25rem rgba(0, 172, 172, .25)
        }

        .was-validated textarea.form-control:valid,
        textarea.form-control.is-valid {
            padding-right: calc(1.5em + .875rem);
            background-position: top calc(.375em + .21875rem) right calc(.375em + .21875rem)
        }

        .form-select.is-valid,
        .was-validated .form-select:valid {
            border-color: #00acac
        }

        .form-select.is-valid:not([multiple]):not([size]),
        .form-select.is-valid:not([multiple])[size="1"],
        .was-validated .form-select:valid:not([multiple]):not([size]),
        .was-validated .form-select:valid:not([multiple])[size="1"] {
            --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300acac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            padding-right: 4.125rem;
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .4375rem) calc(.75em + .4375rem)
        }

        .form-select.is-valid:focus,
        .was-validated .form-select:valid:focus {
            border-color: #00acac;
            box-shadow: 0 0 0 .25rem rgba(0, 172, 172, .25)
        }

        .form-control-color.is-valid,
        .was-validated .form-control-color:valid {
            width: calc(3rem + calc(1.5em + .875rem))
        }

        .form-check-input.is-valid,
        .was-validated .form-check-input:valid {
            border-color: #00acac
        }

        .form-check-input.is-valid:checked,
        .was-validated .form-check-input:valid:checked {
            background-color: #00acac
        }

        .form-check-input.is-valid:focus,
        .was-validated .form-check-input:valid:focus {
            box-shadow: 0 0 0 .25rem rgba(0, 172, 172, .25)
        }

        .form-check-input.is-valid~.form-check-label,
        .was-validated .form-check-input:valid~.form-check-label {
            color: #00acac
        }

        .form-check-inline .form-check-input~.valid-feedback {
            margin-left: .5em
        }

        .input-group>.form-control:not(:focus).is-valid,
        .input-group>.form-floating:not(:focus-within).is-valid,
        .input-group>.form-select:not(:focus).is-valid,
        .was-validated .input-group>.form-control:not(:focus):valid,
        .was-validated .input-group>.form-floating:not(:focus-within):valid,
        .was-validated .input-group>.form-select:not(:focus):valid {
            z-index: 3
        }

        .invalid-feedback {
            display: none;
            width: 100%;
            margin-top: .25rem;
            font-size: .7125rem;
            color: #ff5b57
        }

        .invalid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .234375rem .46875rem;
            margin-top: .1rem;
            font-size: .75rem;
            color: #fff;
            background-color: rgba(255, 91, 87, .95);
            border-radius: var(--bs-border-radius)
        }

        .is-invalid~.invalid-feedback,
        .is-invalid~.invalid-tooltip,
        .was-validated :invalid~.invalid-feedback,
        .was-validated :invalid~.invalid-tooltip {
            display: block
        }

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            border-color: #ff5b57;
            padding-right: calc(1.5em + .875rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b57'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b57' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(.375em + .21875rem) center;
            background-size: calc(.75em + .4375rem) calc(.75em + .4375rem)
        }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #ff5b57;
            box-shadow: 0 0 0 .25rem rgba(255, 91, 87, .25)
        }

        .was-validated textarea.form-control:invalid,
        textarea.form-control.is-invalid {
            padding-right: calc(1.5em + .875rem);
            background-position: top calc(.375em + .21875rem) right calc(.375em + .21875rem)
        }

        .form-select.is-invalid,
        .was-validated .form-select:invalid {
            border-color: #ff5b57
        }

        .form-select.is-invalid:not([multiple]):not([size]),
        .form-select.is-invalid:not([multiple])[size="1"],
        .was-validated .form-select:invalid:not([multiple]):not([size]),
        .was-validated .form-select:invalid:not([multiple])[size="1"] {
            --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b57'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b57' stroke='none'/%3e%3c/svg%3e");
            padding-right: 4.125rem;
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .4375rem) calc(.75em + .4375rem)
        }

        .form-select.is-invalid:focus,
        .was-validated .form-select:invalid:focus {
            border-color: #ff5b57;
            box-shadow: 0 0 0 .25rem rgba(255, 91, 87, .25)
        }

        .form-control-color.is-invalid,
        .was-validated .form-control-color:invalid {
            width: calc(3rem + calc(1.5em + .875rem))
        }

        .form-check-input.is-invalid,
        .was-validated .form-check-input:invalid {
            border-color: #ff5b57
        }

        .form-check-input.is-invalid:checked,
        .was-validated .form-check-input:invalid:checked {
            background-color: #ff5b57
        }

        .form-check-input.is-invalid:focus,
        .was-validated .form-check-input:invalid:focus {
            box-shadow: 0 0 0 .25rem rgba(255, 91, 87, .25)
        }

        .form-check-input.is-invalid~.form-check-label,
        .was-validated .form-check-input:invalid~.form-check-label {
            color: #ff5b57
        }

        .form-check-inline .form-check-input~.invalid-feedback {
            margin-left: .5em
        }

        .input-group>.form-control:not(:focus).is-invalid,
        .input-group>.form-floating:not(:focus-within).is-invalid,
        .input-group>.form-select:not(:focus).is-invalid,
        .was-validated .input-group>.form-control:not(:focus):invalid,
        .was-validated .input-group>.form-floating:not(:focus-within):invalid,
        .was-validated .input-group>.form-select:not(:focus):invalid {
            z-index: 4
        }

        .btn {
            --bs-btn-padding-x: 0.75rem;
            --bs-btn-padding-y: 0.4375rem;
            --bs-btn-font-size: 0.75rem;
            --bs-btn-font-weight: 600;
            --bs-btn-line-height: 1.5;
            --bs-btn-color: var(--bs-body-color);
            --bs-btn-bg: transparent;
            --bs-btn-border-width: 1px;
            --bs-btn-border-color: transparent;
            --bs-btn-border-radius: 4px;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-box-shadow: none;
            --bs-btn-disabled-opacity: 0.65;
            --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
            display: inline-block;
            padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
            font-family: var(--bs-btn-font-family);
            font-size: var(--bs-btn-font-size);
            font-weight: var(--bs-btn-font-weight);
            line-height: var(--bs-btn-line-height);
            color: var(--bs-btn-color);
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
            border-radius: var(--bs-btn-border-radius);
            background-color: var(--bs-btn-bg);
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .btn {
                transition: none
            }
        }

        .btn:hover {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color)
        }

        .btn-check+.btn:hover {
            color: var(--bs-btn-color);
            background-color: var(--bs-btn-bg);
            border-color: var(--bs-btn-border-color)
        }

        .btn:focus-visible {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
            outline: 0;
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn-check:focus-visible+.btn {
            border-color: var(--bs-btn-hover-border-color);
            outline: 0;
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn-check:checked+.btn,
        .btn.active,
        .btn.show,
        .btn:first-child:active,
        :not(.btn-check)+.btn:active {
            color: var(--bs-btn-active-color);
            background-color: var(--bs-btn-active-bg);
            border-color: var(--bs-btn-active-border-color)
        }

        .btn-check:checked+.btn:focus-visible,
        .btn.active:focus-visible,
        .btn.show:focus-visible,
        .btn:first-child:active:focus-visible,
        :not(.btn-check)+.btn:active:focus-visible {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn-check:checked:focus-visible+.btn {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn.disabled,
        .btn:disabled,
        fieldset:disabled .btn {
            color: var(--bs-btn-disabled-color);
            pointer-events: none;
            background-color: var(--bs-btn-disabled-bg);
            border-color: var(--bs-btn-disabled-border-color);
            opacity: var(--bs-btn-disabled-opacity)
        }

        .btn-default {
            --bs-btn-color: #000000;
            --bs-btn-bg: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #eceff1;
            --bs-btn-hover-border-color: #ebeef1;
            --bs-btn-focus-shadow-rgb: 198, 201, 203;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #edf0f2;
            --bs-btn-active-border-color: #ebeef1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #e9ecef;
            --bs-btn-disabled-border-color: #e9ecef
        }

        .btn-primary {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2c7ac0;
            --bs-btn-hover-border-color: #2a72b5;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2a72b5;
            --bs-btn-active-border-color: #276baa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #348fe2;
            --bs-btn-disabled-border-color: #348fe2
        }

        .btn-secondary {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #5c636a;
            --bs-btn-hover-border-color: #565e64;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #565e64;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #6c757d
        }

        .btn-success {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #009292;
            --bs-btn-hover-border-color: #008a8a;
            --bs-btn-focus-shadow-rgb: 38, 184, 184;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #008a8a;
            --bs-btn-active-border-color: #008181;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #00acac;
            --bs-btn-disabled-border-color: #00acac
        }

        .btn-info {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #3e9bb6;
            --bs-btn-hover-border-color: #3a92ab;
            --bs-btn-focus-shadow-rgb: 100, 193, 220;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #3a92ab;
            --bs-btn-active-border-color: #3789a1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #49b6d6;
            --bs-btn-disabled-border-color: #49b6d6
        }

        .btn-warning {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #d08516;
            --bs-btn-hover-border-color: #c47d15;
            --bs-btn-focus-shadow-rgb: 247, 171, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #c47d15;
            --bs-btn-active-border-color: #b87514;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #f59c1a;
            --bs-btn-disabled-border-color: #f59c1a
        }

        .btn-danger {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #d94d4a;
            --bs-btn-hover-border-color: #cc4946;
            --bs-btn-focus-shadow-rgb: 255, 116, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #cc4946;
            --bs-btn-active-border-color: #bf4441;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #ff5b57;
            --bs-btn-disabled-border-color: #ff5b57
        }

        .btn-light {
            --bs-btn-color: #000000;
            --bs-btn-bg: #f2f3f4;
            --bs-btn-border-color: #f2f3f4;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #cecfcf;
            --bs-btn-hover-border-color: #c2c2c3;
            --bs-btn-focus-shadow-rgb: 206, 207, 207;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #c2c2c3;
            --bs-btn-active-border-color: #b6b6b7;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #f2f3f4;
            --bs-btn-disabled-border-color: #f2f3f4
        }

        .btn-dark {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #4d5359;
            --bs-btn-hover-border-color: #424950;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #575d63;
            --bs-btn-active-border-color: #424950;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #2d353c;
            --bs-btn-disabled-border-color: #2d353c
        }

        .btn-inverse {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #262d33;
            --bs-btn-hover-border-color: #242a30;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #242a30;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #2d353c;
            --bs-btn-disabled-border-color: #2d353c
        }

        .btn-blue {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2c7ac0;
            --bs-btn-hover-border-color: #2a72b5;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2a72b5;
            --bs-btn-active-border-color: #276baa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #348fe2;
            --bs-btn-disabled-border-color: #348fe2
        }

        .btn-indigo {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #8753de;
            --bs-btn-border-color: #8753de;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #7347bd;
            --bs-btn-hover-border-color: #6c42b2;
            --bs-btn-focus-shadow-rgb: 153, 109, 227;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #6c42b2;
            --bs-btn-active-border-color: #653ea7;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #8753de;
            --bs-btn-disabled-border-color: #8753de
        }

        .btn-purple {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #727cb6;
            --bs-btn-border-color: #727cb6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #61699b;
            --bs-btn-hover-border-color: #5b6392;
            --bs-btn-focus-shadow-rgb: 135, 144, 193;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #5b6392;
            --bs-btn-active-border-color: #565d89;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #727cb6;
            --bs-btn-disabled-border-color: #727cb6
        }

        .btn-pink {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #fb5597;
            --bs-btn-border-color: #fb5597;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #d54880;
            --bs-btn-hover-border-color: #c94479;
            --bs-btn-focus-shadow-rgb: 252, 111, 167;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #c94479;
            --bs-btn-active-border-color: #bc4071;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #fb5597;
            --bs-btn-disabled-border-color: #fb5597
        }

        .btn-red {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #d94d4a;
            --bs-btn-hover-border-color: #cc4946;
            --bs-btn-focus-shadow-rgb: 255, 116, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #cc4946;
            --bs-btn-active-border-color: #bf4441;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #ff5b57;
            --bs-btn-disabled-border-color: #ff5b57
        }

        .btn-orange {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #d08516;
            --bs-btn-hover-border-color: #c47d15;
            --bs-btn-focus-shadow-rgb: 247, 171, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #c47d15;
            --bs-btn-active-border-color: #b87514;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #f59c1a;
            --bs-btn-disabled-border-color: #f59c1a
        }

        .btn-yellow {
            --bs-btn-color: #000000;
            --bs-btn-bg: #ffd900;
            --bs-btn-border-color: #ffd900;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #ffdf26;
            --bs-btn-hover-border-color: #ffdd1a;
            --bs-btn-focus-shadow-rgb: 217, 184, 0;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #ffe133;
            --bs-btn-active-border-color: #ffdd1a;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #ffd900;
            --bs-btn-disabled-border-color: #ffd900
        }

        .btn-green {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #32a932;
            --bs-btn-border-color: #32a932;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2b902b;
            --bs-btn-hover-border-color: #288728;
            --bs-btn-focus-shadow-rgb: 81, 182, 81;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #288728;
            --bs-btn-active-border-color: #267f26;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #32a932;
            --bs-btn-disabled-border-color: #32a932
        }

        .btn-teal {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #009292;
            --bs-btn-hover-border-color: #008a8a;
            --bs-btn-focus-shadow-rgb: 38, 184, 184;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #008a8a;
            --bs-btn-active-border-color: #008181;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #00acac;
            --bs-btn-disabled-border-color: #00acac
        }

        .btn-lime {
            --bs-btn-color: #000000;
            --bs-btn-bg: #90ca4b;
            --bs-btn-border-color: #90ca4b;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #a1d266;
            --bs-btn-hover-border-color: #9bcf5d;
            --bs-btn-focus-shadow-rgb: 122, 172, 64;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #a6d56f;
            --bs-btn-active-border-color: #9bcf5d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #90ca4b;
            --bs-btn-disabled-border-color: #90ca4b
        }

        .btn-cyan {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #3e9bb6;
            --bs-btn-hover-border-color: #3a92ab;
            --bs-btn-focus-shadow-rgb: 100, 193, 220;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #3a92ab;
            --bs-btn-active-border-color: #3789a1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #49b6d6;
            --bs-btn-disabled-border-color: #49b6d6
        }

        .btn-white {
            --bs-btn-color: #000000;
            --bs-btn-bg: #FFFFFF;
            --bs-btn-border-color: #FFFFFF;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: white;
            --bs-btn-hover-border-color: white;
            --bs-btn-focus-shadow-rgb: 217, 217, 217;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: white;
            --bs-btn-active-border-color: white;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #FFFFFF;
            --bs-btn-disabled-border-color: #FFFFFF
        }

        .btn-gray {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #5c636a;
            --bs-btn-hover-border-color: #565e64;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #565e64;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #6c757d
        }

        .btn-gray-dark {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #262d33;
            --bs-btn-hover-border-color: #242a30;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #242a30;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #2d353c;
            --bs-btn-disabled-border-color: #2d353c
        }

        .btn-muted {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #939aa1;
            --bs-btn-hover-border-color: #8a9197;
            --bs-btn-focus-shadow-rgb: 185, 192, 199;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #8a9197;
            --bs-btn-active-border-color: #82888e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #adb5bd;
            --bs-btn-disabled-border-color: #adb5bd
        }

        .btn-black {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #000000;
            --bs-btn-border-color: #000000;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: black;
            --bs-btn-hover-border-color: black;
            --bs-btn-focus-shadow-rgb: 38, 38, 38;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: black;
            --bs-btn-active-border-color: black;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #000000;
            --bs-btn-disabled-border-color: #000000
        }

        .btn-silver {
            --bs-btn-color: #000000;
            --bs-btn-bg: #b6c2c9;
            --bs-btn-border-color: #b6c2c9;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #c1cbd1;
            --bs-btn-hover-border-color: #bdc8ce;
            --bs-btn-focus-shadow-rgb: 155, 165, 171;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #c5ced4;
            --bs-btn-active-border-color: #bdc8ce;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #b6c2c9;
            --bs-btn-disabled-border-color: #b6c2c9
        }

        .btn-gray-100 {
            --bs-btn-color: #000000;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #f9fafb;
            --bs-btn-hover-border-color: #f9fafb;
            --bs-btn-focus-shadow-rgb: 211, 212, 213;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #f9fafb;
            --bs-btn-active-border-color: #f9fafb;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #f8f9fa;
            --bs-btn-disabled-border-color: #f8f9fa
        }

        .btn-gray-200 {
            --bs-btn-color: #000000;
            --bs-btn-bg: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #eceff1;
            --bs-btn-hover-border-color: #ebeef1;
            --bs-btn-focus-shadow-rgb: 198, 201, 203;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #edf0f2;
            --bs-btn-active-border-color: #ebeef1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #e9ecef;
            --bs-btn-disabled-border-color: #e9ecef
        }

        .btn-gray-300 {
            --bs-btn-color: #000000;
            --bs-btn-bg: #dee2e6;
            --bs-btn-border-color: #dee2e6;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #e3e6ea;
            --bs-btn-hover-border-color: #e1e5e9;
            --bs-btn-focus-shadow-rgb: 189, 192, 196;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #e5e8eb;
            --bs-btn-active-border-color: #e1e5e9;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #dee2e6;
            --bs-btn-disabled-border-color: #dee2e6
        }

        .btn-gray-400 {
            --bs-btn-color: #000000;
            --bs-btn-bg: #ced4da;
            --bs-btn-border-color: #ced4da;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #d5dae0;
            --bs-btn-hover-border-color: #d3d8de;
            --bs-btn-focus-shadow-rgb: 175, 180, 185;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #d8dde1;
            --bs-btn-active-border-color: #d3d8de;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: #ced4da;
            --bs-btn-disabled-border-color: #ced4da
        }

        .btn-gray-500 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #939aa1;
            --bs-btn-hover-border-color: #8a9197;
            --bs-btn-focus-shadow-rgb: 185, 192, 199;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #8a9197;
            --bs-btn-active-border-color: #82888e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #adb5bd;
            --bs-btn-disabled-border-color: #adb5bd
        }

        .btn-gray-600 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #5c636a;
            --bs-btn-hover-border-color: #565e64;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #565e64;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #6c757d
        }

        .btn-gray-700 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #495057;
            --bs-btn-border-color: #495057;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #3e444a;
            --bs-btn-hover-border-color: #3a4046;
            --bs-btn-focus-shadow-rgb: 100, 106, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #3a4046;
            --bs-btn-active-border-color: #373c41;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #495057;
            --bs-btn-disabled-border-color: #495057
        }

        .btn-gray-800 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #262d33;
            --bs-btn-hover-border-color: #242a30;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #242a30;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #2d353c;
            --bs-btn-disabled-border-color: #2d353c
        }

        .btn-gray-900 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #20252a;
            --bs-btn-border-color: #20252a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #1b1f24;
            --bs-btn-hover-border-color: #1a1e22;
            --bs-btn-focus-shadow-rgb: 65, 70, 74;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #1a1e22;
            --bs-btn-active-border-color: #181c20;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #20252a;
            --bs-btn-disabled-border-color: #20252a
        }

        .btn-outline-default {
            --bs-btn-color: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #e9ecef;
            --bs-btn-hover-border-color: #e9ecef;
            --bs-btn-focus-shadow-rgb: 233, 236, 239;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #e9ecef;
            --bs-btn-active-border-color: #e9ecef;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #e9ecef;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #e9ecef;
            --bs-gradient: none
        }

        .btn-outline-primary {
            --bs-btn-color: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #348fe2;
            --bs-btn-hover-border-color: #348fe2;
            --bs-btn-focus-shadow-rgb: 52, 143, 226;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #348fe2;
            --bs-btn-active-border-color: #348fe2;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #348fe2;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #348fe2;
            --bs-gradient: none
        }

        .btn-outline-secondary {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #6c757d;
            --bs-btn-hover-border-color: #6c757d;
            --bs-btn-focus-shadow-rgb: 108, 117, 125;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #6c757d;
            --bs-btn-active-border-color: #6c757d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #6c757d;
            --bs-gradient: none
        }

        .btn-outline-success {
            --bs-btn-color: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #00acac;
            --bs-btn-hover-border-color: #00acac;
            --bs-btn-focus-shadow-rgb: 0, 172, 172;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #00acac;
            --bs-btn-active-border-color: #00acac;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #00acac;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #00acac;
            --bs-gradient: none
        }

        .btn-outline-info {
            --bs-btn-color: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #49b6d6;
            --bs-btn-hover-border-color: #49b6d6;
            --bs-btn-focus-shadow-rgb: 73, 182, 214;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #49b6d6;
            --bs-btn-active-border-color: #49b6d6;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #49b6d6;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #49b6d6;
            --bs-gradient: none
        }

        .btn-outline-warning {
            --bs-btn-color: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #f59c1a;
            --bs-btn-hover-border-color: #f59c1a;
            --bs-btn-focus-shadow-rgb: 245, 156, 26;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #f59c1a;
            --bs-btn-active-border-color: #f59c1a;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #f59c1a;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #f59c1a;
            --bs-gradient: none
        }

        .btn-outline-danger {
            --bs-btn-color: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #ff5b57;
            --bs-btn-hover-border-color: #ff5b57;
            --bs-btn-focus-shadow-rgb: 255, 91, 87;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #ff5b57;
            --bs-btn-active-border-color: #ff5b57;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #ff5b57;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #ff5b57;
            --bs-gradient: none
        }

        .btn-outline-light {
            --bs-btn-color: #f2f3f4;
            --bs-btn-border-color: #f2f3f4;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #f2f3f4;
            --bs-btn-hover-border-color: #f2f3f4;
            --bs-btn-focus-shadow-rgb: 242, 243, 244;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #f2f3f4;
            --bs-btn-active-border-color: #f2f3f4;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #f2f3f4;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #f2f3f4;
            --bs-gradient: none
        }

        .btn-outline-dark {
            --bs-btn-color: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2d353c;
            --bs-btn-hover-border-color: #2d353c;
            --bs-btn-focus-shadow-rgb: 45, 53, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2d353c;
            --bs-btn-active-border-color: #2d353c;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #2d353c;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #2d353c;
            --bs-gradient: none
        }

        .btn-outline-inverse {
            --bs-btn-color: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2d353c;
            --bs-btn-hover-border-color: #2d353c;
            --bs-btn-focus-shadow-rgb: 45, 53, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2d353c;
            --bs-btn-active-border-color: #2d353c;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #2d353c;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #2d353c;
            --bs-gradient: none
        }

        .btn-outline-blue {
            --bs-btn-color: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #348fe2;
            --bs-btn-hover-border-color: #348fe2;
            --bs-btn-focus-shadow-rgb: 52, 143, 226;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #348fe2;
            --bs-btn-active-border-color: #348fe2;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #348fe2;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #348fe2;
            --bs-gradient: none
        }

        .btn-outline-indigo {
            --bs-btn-color: #8753de;
            --bs-btn-border-color: #8753de;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #8753de;
            --bs-btn-hover-border-color: #8753de;
            --bs-btn-focus-shadow-rgb: 135, 83, 222;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #8753de;
            --bs-btn-active-border-color: #8753de;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #8753de;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #8753de;
            --bs-gradient: none
        }

        .btn-outline-purple {
            --bs-btn-color: #727cb6;
            --bs-btn-border-color: #727cb6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #727cb6;
            --bs-btn-hover-border-color: #727cb6;
            --bs-btn-focus-shadow-rgb: 114, 124, 182;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #727cb6;
            --bs-btn-active-border-color: #727cb6;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #727cb6;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #727cb6;
            --bs-gradient: none
        }

        .btn-outline-pink {
            --bs-btn-color: #fb5597;
            --bs-btn-border-color: #fb5597;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #fb5597;
            --bs-btn-hover-border-color: #fb5597;
            --bs-btn-focus-shadow-rgb: 251, 85, 151;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #fb5597;
            --bs-btn-active-border-color: #fb5597;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fb5597;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #fb5597;
            --bs-gradient: none
        }

        .btn-outline-red {
            --bs-btn-color: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #ff5b57;
            --bs-btn-hover-border-color: #ff5b57;
            --bs-btn-focus-shadow-rgb: 255, 91, 87;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #ff5b57;
            --bs-btn-active-border-color: #ff5b57;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #ff5b57;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #ff5b57;
            --bs-gradient: none
        }

        .btn-outline-orange {
            --bs-btn-color: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #f59c1a;
            --bs-btn-hover-border-color: #f59c1a;
            --bs-btn-focus-shadow-rgb: 245, 156, 26;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #f59c1a;
            --bs-btn-active-border-color: #f59c1a;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #f59c1a;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #f59c1a;
            --bs-gradient: none
        }

        .btn-outline-yellow {
            --bs-btn-color: #ffd900;
            --bs-btn-border-color: #ffd900;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #ffd900;
            --bs-btn-hover-border-color: #ffd900;
            --bs-btn-focus-shadow-rgb: 255, 217, 0;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #ffd900;
            --bs-btn-active-border-color: #ffd900;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #ffd900;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #ffd900;
            --bs-gradient: none
        }

        .btn-outline-green {
            --bs-btn-color: #32a932;
            --bs-btn-border-color: #32a932;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #32a932;
            --bs-btn-hover-border-color: #32a932;
            --bs-btn-focus-shadow-rgb: 50, 169, 50;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #32a932;
            --bs-btn-active-border-color: #32a932;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #32a932;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #32a932;
            --bs-gradient: none
        }

        .btn-outline-teal {
            --bs-btn-color: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #00acac;
            --bs-btn-hover-border-color: #00acac;
            --bs-btn-focus-shadow-rgb: 0, 172, 172;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #00acac;
            --bs-btn-active-border-color: #00acac;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #00acac;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #00acac;
            --bs-gradient: none
        }

        .btn-outline-lime {
            --bs-btn-color: #90ca4b;
            --bs-btn-border-color: #90ca4b;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #90ca4b;
            --bs-btn-hover-border-color: #90ca4b;
            --bs-btn-focus-shadow-rgb: 144, 202, 75;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #90ca4b;
            --bs-btn-active-border-color: #90ca4b;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #90ca4b;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #90ca4b;
            --bs-gradient: none
        }

        .btn-outline-cyan {
            --bs-btn-color: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #49b6d6;
            --bs-btn-hover-border-color: #49b6d6;
            --bs-btn-focus-shadow-rgb: 73, 182, 214;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #49b6d6;
            --bs-btn-active-border-color: #49b6d6;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #49b6d6;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #49b6d6;
            --bs-gradient: none
        }

        .btn-outline-white {
            --bs-btn-color: #FFFFFF;
            --bs-btn-border-color: #FFFFFF;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #FFFFFF;
            --bs-btn-hover-border-color: #FFFFFF;
            --bs-btn-focus-shadow-rgb: 255, 255, 255;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #FFFFFF;
            --bs-btn-active-border-color: #FFFFFF;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #FFFFFF;
            --bs-gradient: none
        }

        .btn-outline-gray {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #6c757d;
            --bs-btn-hover-border-color: #6c757d;
            --bs-btn-focus-shadow-rgb: 108, 117, 125;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #6c757d;
            --bs-btn-active-border-color: #6c757d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #6c757d;
            --bs-gradient: none
        }

        .btn-outline-gray-dark {
            --bs-btn-color: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2d353c;
            --bs-btn-hover-border-color: #2d353c;
            --bs-btn-focus-shadow-rgb: 45, 53, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2d353c;
            --bs-btn-active-border-color: #2d353c;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #2d353c;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #2d353c;
            --bs-gradient: none
        }

        .btn-outline-muted {
            --bs-btn-color: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #adb5bd;
            --bs-btn-hover-border-color: #adb5bd;
            --bs-btn-focus-shadow-rgb: 173, 181, 189;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #adb5bd;
            --bs-btn-active-border-color: #adb5bd;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #adb5bd;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #adb5bd;
            --bs-gradient: none
        }

        .btn-outline-black {
            --bs-btn-color: #000000;
            --bs-btn-border-color: #000000;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #000000;
            --bs-btn-hover-border-color: #000000;
            --bs-btn-focus-shadow-rgb: 0, 0, 0;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #000000;
            --bs-btn-active-border-color: #000000;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000000;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #000000;
            --bs-gradient: none
        }

        .btn-outline-silver {
            --bs-btn-color: #b6c2c9;
            --bs-btn-border-color: #b6c2c9;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #b6c2c9;
            --bs-btn-hover-border-color: #b6c2c9;
            --bs-btn-focus-shadow-rgb: 182, 194, 201;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #b6c2c9;
            --bs-btn-active-border-color: #b6c2c9;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #b6c2c9;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #b6c2c9;
            --bs-gradient: none
        }

        .btn-outline-gray-100 {
            --bs-btn-color: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #f8f9fa;
            --bs-btn-hover-border-color: #f8f9fa;
            --bs-btn-focus-shadow-rgb: 248, 249, 250;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #f8f9fa;
            --bs-btn-active-border-color: #f8f9fa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #f8f9fa;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #f8f9fa;
            --bs-gradient: none
        }

        .btn-outline-gray-200 {
            --bs-btn-color: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #e9ecef;
            --bs-btn-hover-border-color: #e9ecef;
            --bs-btn-focus-shadow-rgb: 233, 236, 239;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #e9ecef;
            --bs-btn-active-border-color: #e9ecef;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #e9ecef;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #e9ecef;
            --bs-gradient: none
        }

        .btn-outline-gray-300 {
            --bs-btn-color: #dee2e6;
            --bs-btn-border-color: #dee2e6;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #dee2e6;
            --bs-btn-hover-border-color: #dee2e6;
            --bs-btn-focus-shadow-rgb: 222, 226, 230;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #dee2e6;
            --bs-btn-active-border-color: #dee2e6;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #dee2e6;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #dee2e6;
            --bs-gradient: none
        }

        .btn-outline-gray-400 {
            --bs-btn-color: #ced4da;
            --bs-btn-border-color: #ced4da;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #ced4da;
            --bs-btn-hover-border-color: #ced4da;
            --bs-btn-focus-shadow-rgb: 206, 212, 218;
            --bs-btn-active-color: #000000;
            --bs-btn-active-bg: #ced4da;
            --bs-btn-active-border-color: #ced4da;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #ced4da;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #ced4da;
            --bs-gradient: none
        }

        .btn-outline-gray-500 {
            --bs-btn-color: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #adb5bd;
            --bs-btn-hover-border-color: #adb5bd;
            --bs-btn-focus-shadow-rgb: 173, 181, 189;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #adb5bd;
            --bs-btn-active-border-color: #adb5bd;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #adb5bd;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #adb5bd;
            --bs-gradient: none
        }

        .btn-outline-gray-600 {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #6c757d;
            --bs-btn-hover-border-color: #6c757d;
            --bs-btn-focus-shadow-rgb: 108, 117, 125;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #6c757d;
            --bs-btn-active-border-color: #6c757d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #6c757d;
            --bs-gradient: none
        }

        .btn-outline-gray-700 {
            --bs-btn-color: #495057;
            --bs-btn-border-color: #495057;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #495057;
            --bs-btn-hover-border-color: #495057;
            --bs-btn-focus-shadow-rgb: 73, 80, 87;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #495057;
            --bs-btn-active-border-color: #495057;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #495057;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #495057;
            --bs-gradient: none
        }

        .btn-outline-gray-800 {
            --bs-btn-color: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #2d353c;
            --bs-btn-hover-border-color: #2d353c;
            --bs-btn-focus-shadow-rgb: 45, 53, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #2d353c;
            --bs-btn-active-border-color: #2d353c;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #2d353c;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #2d353c;
            --bs-gradient: none
        }

        .btn-outline-gray-900 {
            --bs-btn-color: #20252a;
            --bs-btn-border-color: #20252a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #20252a;
            --bs-btn-hover-border-color: #20252a;
            --bs-btn-focus-shadow-rgb: 32, 37, 42;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #20252a;
            --bs-btn-active-border-color: #20252a;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #20252a;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #20252a;
            --bs-gradient: none
        }

        .btn-link {
            --bs-btn-font-weight: 400;
            --bs-btn-color: #348fe2;
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: #2a72b5;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-color: #2a72b5;
            --bs-btn-active-border-color: transparent;
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-border-color: transparent;
            --bs-btn-box-shadow: 0 0 0 #000;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            text-decoration: underline
        }

        .btn-link:focus-visible {
            color: var(--bs-btn-color)
        }

        .btn-link:hover {
            color: var(--bs-btn-hover-color)
        }

        .btn-group-lg>.btn,
        .btn-lg {
            --bs-btn-padding-y: 0.5rem;
            --bs-btn-padding-x: 1rem;
            --bs-btn-font-size: 0.875rem;
            --bs-btn-border-radius: 6px
        }

        .btn-group-sm>.btn,
        .btn-sm {
            --bs-btn-padding-y: 0.3125rem;
            --bs-btn-padding-x: 0.625rem;
            --bs-btn-font-size: 0.75rem;
            --bs-btn-border-radius: 3px
        }

        .fade {
            transition: opacity .15s linear
        }

        @media (prefers-reduced-motion:reduce) {
            .fade {
                transition: none
            }
        }

        .fade:not(.show) {
            opacity: 0
        }

        .collapse:not(.show) {
            display: none
        }

        .collapsing {
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing {
                transition: none
            }
        }

        .collapsing.collapse-horizontal {
            width: 0;
            height: auto;
            transition: width .35s ease
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing.collapse-horizontal {
                transition: none
            }
        }

        .dropdown,
        .dropdown-center,
        .dropend,
        .dropstart,
        .dropup,
        .dropup-center {
            position: relative
        }

        .dropdown-toggle {
            white-space: nowrap
        }

        .dropdown-menu {
            --bs-dropdown-zindex: 1000;
            --bs-dropdown-min-width: 10rem;
            --bs-dropdown-padding-x: 0;
            --bs-dropdown-padding-y: 0.5rem;
            --bs-dropdown-spacer: 0.125rem;
            --bs-dropdown-font-size: 0.75rem;
            --bs-dropdown-color: var(--bs-component-color);
            --bs-dropdown-bg: var(--bs-component-dropdown-bg);
            --bs-dropdown-border-color: rgba(var(--bs-component-color-rgb), 0.1);
            --bs-dropdown-border-radius: 4px;
            --bs-dropdown-border-width: 0;
            --bs-dropdown-inner-border-radius: 4px;
            --bs-dropdown-divider-bg: rgba(var(--bs-component-color-rgb), 0.1);
            --bs-dropdown-divider-margin-y: 0.46875rem;
            --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-dropdown-link-color: rgba(var(--bs-component-color-rgb), 0.85);
            --bs-dropdown-link-hover-color: var(--bs-component-color);
            --bs-dropdown-link-hover-bg: var(--bs-component-dropdown-hover-bg);
            --bs-dropdown-link-active-color: var(--bs-component-active-color);
            --bs-dropdown-link-active-bg: var(--bs-component-active-bg);
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-item-padding-x: 0.9375rem;
            --bs-dropdown-item-padding-y: 0.309375rem;
            --bs-dropdown-header-color: var(--bs-component-color);
            --bs-dropdown-header-padding-x: 0.9375rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            position: absolute;
            z-index: var(--bs-dropdown-zindex);
            display: none;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            margin: 0;
            font-size: var(--bs-dropdown-font-size);
            color: var(--bs-dropdown-color);
            text-align: left;
            list-style: none;
            background-color: var(--bs-dropdown-bg);
            background-clip: padding-box;
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius)
        }

        .dropdown-menu[data-bs-popper] {
            top: 100%;
            left: 0;
            margin-top: var(--bs-dropdown-spacer)
        }

        .dropdown-menu-start {
            --bs-position: start
        }

        .dropdown-menu-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-end {
            --bs-position: end
        }

        .dropdown-menu-end[data-bs-popper] {
            right: 0;
            left: auto
        }

        @media (min-width:576px) {
            .dropdown-menu-sm-start {
                --bs-position: start
            }

            .dropdown-menu-sm-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-sm-end {
                --bs-position: end
            }

            .dropdown-menu-sm-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width:768px) {
            .dropdown-menu-md-start {
                --bs-position: start
            }

            .dropdown-menu-md-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-md-end {
                --bs-position: end
            }

            .dropdown-menu-md-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width:992px) {
            .dropdown-menu-lg-start {
                --bs-position: start
            }

            .dropdown-menu-lg-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-lg-end {
                --bs-position: end
            }

            .dropdown-menu-lg-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width:1200px) {
            .dropdown-menu-xl-start {
                --bs-position: start
            }

            .dropdown-menu-xl-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-xl-end {
                --bs-position: end
            }

            .dropdown-menu-xl-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width:1400px) {
            .dropdown-menu-xxl-start {
                --bs-position: start
            }

            .dropdown-menu-xxl-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-xxl-end {
                --bs-position: end
            }

            .dropdown-menu-xxl-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width:1800px) {
            .dropdown-menu-xxxl-start {
                --bs-position: start
            }

            .dropdown-menu-xxxl-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-xxxl-end {
                --bs-position: end
            }

            .dropdown-menu-xxxl-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        .dropup .dropdown-menu[data-bs-popper] {
            top: auto;
            bottom: 100%;
            margin-top: 0;
            margin-bottom: var(--bs-dropdown-spacer)
        }

        .dropend .dropdown-menu[data-bs-popper] {
            top: 0;
            right: auto;
            left: 100%;
            margin-top: 0;
            margin-left: var(--bs-dropdown-spacer)
        }

        .dropend .dropdown-toggle::after {
            vertical-align: 0
        }

        .dropstart .dropdown-menu[data-bs-popper] {
            top: 0;
            right: 100%;
            left: auto;
            margin-top: 0;
            margin-right: var(--bs-dropdown-spacer)
        }

        .dropstart .dropdown-toggle::before {
            vertical-align: 0
        }

        .dropdown-divider {
            height: 0;
            margin: var(--bs-dropdown-divider-margin-y) 0;
            overflow: hidden;
            border-top: 1px solid var(--bs-dropdown-divider-bg);
            opacity: 1
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            clear: both;
            font-weight: 400;
            color: var(--bs-dropdown-link-color);
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
            border-radius: var(--bs-dropdown-item-border-radius, 0)
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: var(--bs-dropdown-link-hover-color);
            background-color: var(--bs-dropdown-link-hover-bg)
        }

        .dropdown-item.active,
        .dropdown-item:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: var(--bs-dropdown-link-active-bg)
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none;
            background-color: transparent
        }

        .dropdown-menu.show {
            display: block
        }

        .dropdown-header {
            display: block;
            padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
            margin-bottom: 0;
            font-size: .6875rem;
            color: var(--bs-dropdown-header-color);
            white-space: nowrap
        }

        .dropdown-item-text {
            display: block;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            color: var(--bs-dropdown-link-color)
        }

        .dropdown-menu-dark {
            --bs-dropdown-color: #adb5bd;
            --bs-dropdown-bg: #2d353c;
            --bs-dropdown-border-color: rgba(var(--bs-component-color-rgb), 0.1);
            --bs-dropdown-link-color: #adb5bd;
            --bs-dropdown-link-hover-color: #FFFFFF;
            --bs-dropdown-divider-bg: #495057;
            --bs-dropdown-link-hover-bg: #495057;
            --bs-dropdown-link-active-color: var(--bs-component-active-color);
            --bs-dropdown-link-active-bg: var(--bs-component-active-bg);
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-header-color: #adb5bd
        }

        .btn-group,
        .btn-group-vertical {
            position: relative;
            display: inline-flex;
            vertical-align: middle
        }

        .btn-group-vertical>.btn,
        .btn-group>.btn {
            position: relative;
            flex: 1 1 auto
        }

        .btn-group-vertical>.btn-check:checked+.btn,
        .btn-group-vertical>.btn-check:focus+.btn,
        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn-check:checked+.btn,
        .btn-group>.btn-check:focus+.btn,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus,
        .btn-group>.btn:hover {
            z-index: 1
        }

        .btn-toolbar {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start
        }

        .btn-toolbar .input-group {
            width: auto
        }

        .btn-group {
            border-radius: 4px
        }

        .btn-group>.btn-group:not(:first-child),
        .btn-group>:not(.btn-check:first-child)+.btn {
            margin-left: calc(-1 * 1px)
        }

        .btn-group>.btn-group:not(:last-child)>.btn,
        .btn-group>.btn.dropdown-toggle-split:first-child,
        .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn-group:not(:first-child)>.btn,
        .btn-group>.btn:nth-child(n+3),
        .btn-group>:not(.btn-check)+.btn {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .dropdown-toggle-split {
            padding-right: .5625rem;
            padding-left: .5625rem
        }

        .dropdown-toggle-split::after,
        .dropend .dropdown-toggle-split::after,
        .dropup .dropdown-toggle-split::after {
            margin-left: 0
        }

        .dropstart .dropdown-toggle-split::before {
            margin-right: 0
        }

        .btn-group-sm>.btn+.dropdown-toggle-split,
        .btn-sm+.dropdown-toggle-split {
            padding-right: .46875rem;
            padding-left: .46875rem
        }

        .btn-group-lg>.btn+.dropdown-toggle-split,
        .btn-lg+.dropdown-toggle-split {
            padding-right: .75rem;
            padding-left: .75rem
        }

        .btn-group-vertical {
            flex-direction: column;
            align-items: flex-start;
            justify-content: center
        }

        .btn-group-vertical>.btn,
        .btn-group-vertical>.btn-group {
            width: 100%
        }

        .btn-group-vertical>.btn-group:not(:first-child),
        .btn-group-vertical>.btn:not(:first-child) {
            margin-top: calc(-1 * 1px)
        }

        .btn-group-vertical>.btn-group:not(:last-child)>.btn,
        .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical>.btn-group:not(:first-child)>.btn,
        .btn-group-vertical>.btn:nth-child(n+3),
        .btn-group-vertical>:not(.btn-check)+.btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .nav {
            --bs-nav-link-padding-x: 1rem;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-weight: 600;
            --bs-nav-link-color: rgba(var(--bs-component-color-rgb), 0.5);
            --bs-nav-link-hover-color: var(--bs-component-color);
            --bs-nav-link-disabled-color: #ced4da;
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
            font-size: var(--bs-nav-link-font-size);
            font-weight: var(--bs-nav-link-font-weight);
            color: var(--bs-nav-link-color);
            text-decoration: none;
            background: 0 0;
            border: 0;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .nav-link {
                transition: none
            }
        }

        .nav-link:focus,
        .nav-link:hover {
            color: var(--bs-nav-link-hover-color)
        }

        .nav-link:focus-visible {
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .nav-link.disabled,
        .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            pointer-events: none;
            cursor: default
        }

        .nav-tabs {
            --bs-nav-tabs-border-width: 0;
            --bs-nav-tabs-border-color: transparent;
            --bs-nav-tabs-border-radius: 4px;
            --bs-nav-tabs-link-hover-border-color: transparent;
            --bs-nav-tabs-link-active-color: var(--bs-component-color);
            --bs-nav-tabs-link-active-bg: var(--bs-component-bg);
            --bs-nav-tabs-link-active-border-color: transparent;
            border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
        }

        .nav-tabs .nav-link {
            margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
            border: var(--bs-nav-tabs-border-width) solid transparent;
            border-top-left-radius: var(--bs-nav-tabs-border-radius);
            border-top-right-radius: var(--bs-nav-tabs-border-radius)
        }

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

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

        .nav-tabs .dropdown-menu {
            margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .nav-pills {
            --bs-nav-pills-border-radius: 4px;
            --bs-nav-pills-link-active-color: var(--bs-component-active-color);
            --bs-nav-pills-link-active-bg: var(--bs-component-active-bg)
        }

        .nav-pills .nav-link {
            border-radius: var(--bs-nav-pills-border-radius)
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

        .nav-underline {
            --bs-nav-underline-gap: 1rem;
            --bs-nav-underline-border-width: 0.125rem;
            --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
            gap: var(--bs-nav-underline-gap)
        }

        .nav-underline .nav-link {
            padding-right: 0;
            padding-left: 0;
            border-bottom: var(--bs-nav-underline-border-width) solid transparent
        }

        .nav-underline .nav-link:focus,
        .nav-underline .nav-link:hover {
            border-bottom-color: currentcolor
        }

        .nav-underline .nav-link.active,
        .nav-underline .show>.nav-link {
            font-weight: 600;
            color: var(--bs-nav-underline-link-active-color);
            border-bottom-color: currentcolor
        }

        .nav-fill .nav-item,
        .nav-fill>.nav-link {
            flex: 1 1 auto;
            text-align: center
        }

        .nav-justified .nav-item,
        .nav-justified>.nav-link {
            flex-grow: 1;
            flex-basis: 0;
            text-align: center
        }

        .nav-fill .nav-item .nav-link,
        .nav-justified .nav-item .nav-link {
            width: 100%
        }

        .tab-content>.tab-pane {
            display: none
        }

        .tab-content>.active {
            display: block
        }

        .navbar {
            --bs-navbar-padding-x: 0;
            --bs-navbar-padding-y: 0.46875rem;
            --bs-navbar-color: rgba(0, 0, 0, 0.55);
            --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
            --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
            --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-padding-y: 0.40625rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 0.875rem;
            --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-nav-link-padding-x: 0.5rem;
            --bs-navbar-toggler-padding-y: 0.25rem;
            --bs-navbar-toggler-padding-x: 0.75rem;
            --bs-navbar-toggler-font-size: 0.875rem;
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
            --bs-navbar-toggler-border-radius: 4px;
            --bs-navbar-toggler-focus-width: 0.25rem;
            --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
        }

        .navbar>.container,
        .navbar>.container-fluid,
        .navbar>.container-lg,
        .navbar>.container-md,
        .navbar>.container-sm,
        .navbar>.container-xl {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between
        }

        .navbar-brand {
            padding-top: var(--bs-navbar-brand-padding-y);
            padding-bottom: var(--bs-navbar-brand-padding-y);
            margin-right: var(--bs-navbar-brand-margin-end);
            font-size: var(--bs-navbar-brand-font-size);
            color: var(--bs-navbar-brand-color);
            text-decoration: none;
            white-space: nowrap
        }

        .navbar-brand:focus,
        .navbar-brand:hover {
            color: var(--bs-navbar-brand-hover-color)
        }

        .navbar-nav {
            --bs-nav-link-padding-x: 0;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-weight: 600;
            --bs-nav-link-color: var(--bs-navbar-color);
            --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
            --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link.show {
            color: var(--bs-navbar-active-color)
        }

        .navbar-nav .dropdown-menu {
            position: static
        }

        .navbar-text {
            padding-top: .5rem;
            padding-bottom: .5rem;
            color: var(--bs-navbar-color)
        }

        .navbar-text a,
        .navbar-text a:focus,
        .navbar-text a:hover {
            color: var(--bs-navbar-active-color)
        }

        .navbar-collapse {
            flex-grow: 1;
            flex-basis: 100%;
            align-items: center
        }

        .navbar-toggler {
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            color: var(--bs-navbar-color);
            background-color: transparent;
            border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
            border-radius: var(--bs-navbar-toggler-border-radius);
            transition: var(--bs-navbar-toggler-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .navbar-toggler {
                transition: none
            }
        }

        .navbar-toggler:hover {
            text-decoration: none
        }

        .navbar-toggler:focus {
            text-decoration: none;
            outline: 0;
            box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
        }

        .navbar-toggler-icon {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            background-image: var(--bs-navbar-toggler-icon-bg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%
        }

        .navbar-nav-scroll {
            max-height: var(--bs-scroll-height, 75vh);
            overflow-y: auto
        }

        @media (min-width:576px) {
            .navbar-expand-sm {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-sm .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-sm .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-sm .navbar-toggler {
                display: none
            }

            .navbar-expand-sm .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        @media (min-width:768px) {
            .navbar-expand-md {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-md .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-md .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-md .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-md .navbar-toggler {
                display: none
            }

            .navbar-expand-md .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        @media (min-width:992px) {
            .navbar-expand-lg {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-lg .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-lg .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-lg .navbar-toggler {
                display: none
            }

            .navbar-expand-lg .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        @media (min-width:1200px) {
            .navbar-expand-xl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-xl .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-xl .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xl .navbar-toggler {
                display: none
            }

            .navbar-expand-xl .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        @media (min-width:1400px) {
            .navbar-expand-xxl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-xxl .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-xxl .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-xxl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xxl .navbar-toggler {
                display: none
            }

            .navbar-expand-xxl .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        @media (min-width:1800px) {
            .navbar-expand-xxxl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-xxxl .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-xxxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-xxxl .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-xxxl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xxxl .navbar-toggler {
                display: none
            }

            .navbar-expand-xxxl .offcanvas {
                position: static;
                z-index: auto;
                flex-grow: 1;
                width: auto !important;
                height: auto !important;
                visibility: visible !important;
                background-color: transparent !important;
                border: 0 !important;
                transform: none !important;
                transition: none
            }

            .navbar-expand-xxxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
        }

        .navbar-expand {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .navbar-expand .navbar-nav {
            flex-direction: row
        }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand .navbar-toggler {
            display: none
        }

        .navbar-expand .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

        .navbar-dark,
        .navbar[data-bs-theme=dark] {
            --bs-navbar-color: rgba(255, 255, 255, 0.55);
            --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
            --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
            --bs-navbar-active-color: #FFFFFF;
            --bs-navbar-brand-color: #FFFFFF;
            --bs-navbar-brand-hover-color: #FFFFFF;
            --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        }

        [data-bs-theme=dark] .navbar-toggler-icon {
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        }

        .card {
            --bs-card-spacer-y: 0.9375rem;
            --bs-card-spacer-x: 0.9375rem;
            --bs-card-title-spacer-y: 0.46875rem;
            --bs-card-border-width: 1px;
            --bs-card-border-color: var(--bs-component-border-color);
            --bs-card-border-radius: 4px;
            --bs-card-inner-border-radius: 4px;
            --bs-card-cap-padding-y: 0.46875rem;
            --bs-card-cap-padding-x: 0.9375rem;
            --bs-card-cap-bg: rgba(var(--bs-component-border-color-rgb), 0.35);
            --bs-card-bg: var(--bs-component-bg);
            --bs-card-img-overlay-padding: 0.9375rem;
            --bs-card-group-margin: 10px;
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            height: var(--bs-card-height);
            color: var(--bs-body-color);
            word-wrap: break-word;
            background-color: var(--bs-card-bg);
            background-clip: border-box;
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius)
        }

        .card>hr {
            margin-right: 0;
            margin-left: 0
        }

        .card>.list-group {
            border-top: inherit;
            border-bottom: inherit
        }

        .card>.list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card>.list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card>.card-header+.list-group,
        .card>.list-group+.card-footer {
            border-top: 0
        }

        .card-body {
            flex: 1 1 auto;
            padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
            color: var(--bs-card-color)
        }

        .card-title {
            margin-bottom: var(--bs-card-title-spacer-y);
            color: var(--bs-card-title-color)
        }

        .card-subtitle {
            margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
            margin-bottom: 0;
            color: var(--bs-card-subtitle-color)
        }

        .card-text:last-child {
            margin-bottom: 0
        }

        .card-link+.card-link {
            margin-left: var(--bs-card-spacer-x)
        }

        .card-header {
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
            margin-bottom: 0;
            color: var(--bs-card-cap-color);
            background-color: var(--bs-card-cap-bg);
            border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
        }

        .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
        }

        .card-footer {
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
            color: var(--bs-card-cap-color);
            background-color: var(--bs-card-cap-bg);
            border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
        }

        .card-footer:last-child {
            border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
        }

        .card-header-tabs {
            margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
            margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
            margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
            border-bottom: 0
        }

        .card-header-tabs .nav-link.active {
            background-color: var(--bs-card-bg);
            border-bottom-color: var(--bs-card-bg)
        }

        .card-header-pills {
            margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
            margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
        }

        .card-img-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: var(--bs-card-img-overlay-padding);
            border-radius: var(--bs-card-inner-border-radius)
        }

        .card-img,
        .card-img-bottom,
        .card-img-top {
            width: 100%
        }

        .card-img,
        .card-img-top {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-img,
        .card-img-bottom {
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card-group>.card {
            margin-bottom: var(--bs-card-group-margin)
        }

        @media (min-width:576px) {
            .card-group {
                display: flex;
                flex-flow: row wrap
            }

            .card-group>.card {
                flex: 1 0 0;
                margin-bottom: 0
            }

            .card-group>.card+.card {
                margin-left: 0;
                border-left: 0
            }

            .card-group>.card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .card-group>.card:not(:last-child)>.card-header,
            .card-group>.card:not(:last-child)>.card-img-top {
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child)>.card-footer,
            .card-group>.card:not(:last-child)>.card-img-bottom {
                border-bottom-right-radius: 0
            }

            .card-group>.card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .card-group>.card:not(:first-child)>.card-header,
            .card-group>.card:not(:first-child)>.card-img-top {
                border-top-left-radius: 0
            }

            .card-group>.card:not(:first-child)>.card-footer,
            .card-group>.card:not(:first-child)>.card-img-bottom {
                border-bottom-left-radius: 0
            }
        }

        .accordion {
            --bs-accordion-color: #2d353c;
            --bs-accordion-bg: #dee2e6;
            --bs-accordion-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, border-radius 0.15s ease;
            --bs-accordion-border-color: rgba(32, 37, 42, 0.125);
            --bs-accordion-border-width: 1px;
            --bs-accordion-border-radius: 4px;
            --bs-accordion-inner-border-radius: 4px;
            --bs-accordion-btn-padding-x: 1.25rem;
            --bs-accordion-btn-padding-y: 1rem;
            --bs-accordion-btn-color: #2d353c;
            --bs-accordion-btn-bg: #dee2e6;
            --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d353c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            --bs-accordion-btn-icon-width: 1.25rem;
            --bs-accordion-btn-icon-transform: rotate(-180deg);
            --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
            --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232f81cb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
            --bs-accordion-body-padding-x: 1.25rem;
            --bs-accordion-body-padding-y: 1rem;
            --bs-accordion-active-color: #2f81cb;
            --bs-accordion-active-bg: #ebf4fc
        }

        .accordion-button {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
            font-size: .75rem;
            color: var(--bs-accordion-btn-color);
            text-align: left;
            background-color: var(--bs-accordion-btn-bg);
            border: 0;
            border-radius: 0;
            overflow-anchor: none;
            transition: var(--bs-accordion-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button {
                transition: none
            }
        }

        .accordion-button:not(.collapsed) {
            color: var(--bs-accordion-active-color);
            background-color: var(--bs-accordion-active-bg);
            box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
        }

        .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .accordion-button::after {
            flex-shrink: 0;
            width: var(--bs-accordion-btn-icon-width);
            height: var(--bs-accordion-btn-icon-width);
            margin-left: auto;
            content: "";
            background-image: var(--bs-accordion-btn-icon);
            background-repeat: no-repeat;
            background-size: var(--bs-accordion-btn-icon-width);
            transition: var(--bs-accordion-btn-icon-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button::after {
                transition: none
            }
        }

        .accordion-button:hover {
            z-index: 2
        }

        .accordion-button:focus {
            z-index: 3;
            outline: 0;
            box-shadow: var(--bs-accordion-btn-focus-box-shadow)
        }

        .accordion-header {
            margin-bottom: 0
        }

        .accordion-item {
            color: var(--bs-accordion-color);
            background-color: var(--bs-accordion-bg);
            border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
        }

        .accordion-item:first-of-type {
            border-top-left-radius: var(--bs-accordion-border-radius);
            border-top-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:first-of-type>.accordion-header .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:not(:first-of-type) {
            border-top: 0
        }

        .accordion-item:last-of-type {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type>.accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

        .accordion-body {
            padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
        }

        .accordion-flush>.accordion-item {
            border-right: 0;
            border-left: 0;
            border-radius: 0
        }

        .accordion-flush>.accordion-item:first-child {
            border-top: 0
        }

        .accordion-flush>.accordion-item:last-child {
            border-bottom: 0
        }

        .accordion-flush>.accordion-item>.accordion-collapse,
        .accordion-flush>.accordion-item>.accordion-header .accordion-button,
        .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
            border-radius: 0
        }

        [data-bs-theme=dark] .accordion-button::after {
            --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385bcee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385bcee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
        }

        .breadcrumb {
            --bs-breadcrumb-padding-x: 0;
            --bs-breadcrumb-padding-y: 0;
            --bs-breadcrumb-margin-bottom: 1rem;
            --bs-breadcrumb-divider-color: #adb5bd;
            --bs-breadcrumb-item-padding-x: 0.5rem;
            --bs-breadcrumb-item-active-color: #6c757d;
            display: flex;
            flex-wrap: wrap;
            padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
            margin-bottom: var(--bs-breadcrumb-margin-bottom);
            font-size: var(--bs-breadcrumb-font-size);
            list-style: none;
            background-color: var(--bs-breadcrumb-bg);
            border-radius: var(--bs-breadcrumb-border-radius)
        }

        .breadcrumb-item+.breadcrumb-item {
            padding-left: var(--bs-breadcrumb-item-padding-x)
        }

        .breadcrumb-item+.breadcrumb-item::before {
            float: left;
            padding-right: var(--bs-breadcrumb-item-padding-x);
            color: var(--bs-breadcrumb-divider-color);
            content: var(--bs-breadcrumb-divider, "/")
        }

        .breadcrumb-item.active {
            color: var(--bs-breadcrumb-item-active-color)
        }

        .pagination {
            --bs-pagination-padding-x: 0.75rem;
            --bs-pagination-padding-y: 0.375rem;
            --bs-pagination-font-size: 0.75rem;
            --bs-pagination-color: rgba(var(--bs-component-color-rgb), 0.75);
            --bs-pagination-bg: var(--bs-component-bg);
            --bs-pagination-border-width: 1px;
            --bs-pagination-border-color: var(--bs-component-border-color);
            --bs-pagination-border-radius: 4px;
            --bs-pagination-hover-color: var(--bs-component-hover-color);
            --bs-pagination-hover-bg: var(--bs-component-hover-bg);
            --bs-pagination-hover-border-color: var(--bs-component-border-color);
            --bs-pagination-focus-color: #20252a;
            --bs-pagination-focus-bg: #e9ecef;
            --bs-pagination-focus-box-shadow: 0;
            --bs-pagination-active-color: var(--bs-component-active-color);
            --bs-pagination-active-bg: var(--bs-component-active-bg);
            --bs-pagination-active-border-color: var(--bs-component-active-bg);
            --bs-pagination-disabled-color: var(--bs-component-disabled-color);
            --bs-pagination-disabled-bg: var(--bs-component-disabled-bg);
            --bs-pagination-disabled-border-color: var(--bs-component-disabled-border-color);
            display: flex;
            padding-left: 0;
            list-style: none
        }

        .page-link {
            position: relative;
            display: block;
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            font-size: var(--bs-pagination-font-size);
            color: var(--bs-pagination-color);
            text-decoration: none;
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .page-link {
                transition: none
            }
        }

        .page-link:hover {
            z-index: 2;
            color: var(--bs-pagination-hover-color);
            background-color: var(--bs-pagination-hover-bg);
            border-color: var(--bs-pagination-hover-border-color)
        }

        .page-link:focus {
            z-index: 3;
            color: var(--bs-pagination-focus-color);
            background-color: var(--bs-pagination-focus-bg);
            outline: 0;
            box-shadow: var(--bs-pagination-focus-box-shadow)
        }

        .active>.page-link,
        .page-link.active {
            z-index: 3;
            color: var(--bs-pagination-active-color);
            background-color: var(--bs-pagination-active-bg);
            border-color: var(--bs-pagination-active-border-color)
        }

        .disabled>.page-link,
        .page-link.disabled {
            color: var(--bs-pagination-disabled-color);
            pointer-events: none;
            background-color: var(--bs-pagination-disabled-bg);
            border-color: var(--bs-pagination-disabled-border-color)
        }

        .page-item:not(:first-child) .page-link {
            margin-left: .375rem
        }

        .page-item .page-link {
            border-radius: var(--bs-pagination-border-radius)
        }

        .pagination-lg {
            --bs-pagination-padding-x: 1.35rem;
            --bs-pagination-padding-y: 0.75rem;
            --bs-pagination-font-size: 0.875rem;
            --bs-pagination-border-radius: 6px
        }

        .pagination-sm {
            --bs-pagination-padding-x: 0.5rem;
            --bs-pagination-padding-y: 0.25rem;
            --bs-pagination-font-size: 0.6875rem;
            --bs-pagination-border-radius: 3px
        }

        .badge {
            --bs-badge-padding-x: 0.65em;
            --bs-badge-padding-y: 0.35em;
            --bs-badge-font-size: 0.75em;
            --bs-badge-font-weight: 600;
            --bs-badge-color: #FFFFFF;
            --bs-badge-border-radius: var(--bs-border-radius);
            display: inline-block;
            padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
            font-size: var(--bs-badge-font-size);
            font-weight: var(--bs-badge-font-weight);
            line-height: 1;
            color: var(--bs-badge-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: var(--bs-badge-border-radius)
        }

        .badge:empty {
            display: none
        }

        .btn .badge {
            position: relative;
            top: -1px
        }

        .alert {
            --bs-alert-bg: transparent;
            --bs-alert-padding-x: 0.9375rem;
            --bs-alert-padding-y: 0.9375rem;
            --bs-alert-margin-bottom: 1rem;
            --bs-alert-color: inherit;
            --bs-alert-border-color: transparent;
            --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
            --bs-alert-border-radius: var(--bs-border-radius);
            --bs-alert-link-color: inherit;
            position: relative;
            padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
            margin-bottom: var(--bs-alert-margin-bottom);
            color: var(--bs-alert-color);
            background-color: var(--bs-alert-bg);
            border: var(--bs-alert-border);
            border-radius: var(--bs-alert-border-radius)
        }

        .alert-heading {
            color: inherit
        }

        .alert-link {
            font-weight: 600;
            color: var(--bs-alert-link-color)
        }

        .alert-dismissible {
            padding-right: 2.8125rem
        }

        .alert-dismissible .btn-close {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            padding: 1.171875rem .9375rem
        }

        .alert-default {
            --bs-alert-color: var(--bs-default-text-emphasis);
            --bs-alert-bg: var(--bs-default-bg-subtle);
            --bs-alert-border-color: var(--bs-default-border-subtle);
            --bs-alert-link-color: var(--bs-default-text-emphasis)
        }

        .alert-primary {
            --bs-alert-color: var(--bs-primary-text-emphasis);
            --bs-alert-bg: var(--bs-primary-bg-subtle);
            --bs-alert-border-color: var(--bs-primary-border-subtle);
            --bs-alert-link-color: var(--bs-primary-text-emphasis)
        }

        .alert-secondary {
            --bs-alert-color: var(--bs-secondary-text-emphasis);
            --bs-alert-bg: var(--bs-secondary-bg-subtle);
            --bs-alert-border-color: var(--bs-secondary-border-subtle);
            --bs-alert-link-color: var(--bs-secondary-text-emphasis)
        }

        .alert-success {
            --bs-alert-color: var(--bs-success-text-emphasis);
            --bs-alert-bg: var(--bs-success-bg-subtle);
            --bs-alert-border-color: var(--bs-success-border-subtle);
            --bs-alert-link-color: var(--bs-success-text-emphasis)
        }

        .alert-info {
            --bs-alert-color: var(--bs-info-text-emphasis);
            --bs-alert-bg: var(--bs-info-bg-subtle);
            --bs-alert-border-color: var(--bs-info-border-subtle);
            --bs-alert-link-color: var(--bs-info-text-emphasis)
        }

        .alert-warning {
            --bs-alert-color: var(--bs-warning-text-emphasis);
            --bs-alert-bg: var(--bs-warning-bg-subtle);
            --bs-alert-border-color: var(--bs-warning-border-subtle);
            --bs-alert-link-color: var(--bs-warning-text-emphasis)
        }

        .alert-danger {
            --bs-alert-color: var(--bs-danger-text-emphasis);
            --bs-alert-bg: var(--bs-danger-bg-subtle);
            --bs-alert-border-color: var(--bs-danger-border-subtle);
            --bs-alert-link-color: var(--bs-danger-text-emphasis)
        }

        .alert-light {
            --bs-alert-color: var(--bs-light-text-emphasis);
            --bs-alert-bg: var(--bs-light-bg-subtle);
            --bs-alert-border-color: var(--bs-light-border-subtle);
            --bs-alert-link-color: var(--bs-light-text-emphasis)
        }

        .alert-dark {
            --bs-alert-color: var(--bs-dark-text-emphasis);
            --bs-alert-bg: var(--bs-dark-bg-subtle);
            --bs-alert-border-color: var(--bs-dark-border-subtle);
            --bs-alert-link-color: var(--bs-dark-text-emphasis)
        }

        .alert-inverse {
            --bs-alert-color: var(--bs-inverse-text-emphasis);
            --bs-alert-bg: var(--bs-inverse-bg-subtle);
            --bs-alert-border-color: var(--bs-inverse-border-subtle);
            --bs-alert-link-color: var(--bs-inverse-text-emphasis)
        }

        .alert-blue {
            --bs-alert-color: var(--bs-blue-text-emphasis);
            --bs-alert-bg: var(--bs-blue-bg-subtle);
            --bs-alert-border-color: var(--bs-blue-border-subtle);
            --bs-alert-link-color: var(--bs-blue-text-emphasis)
        }

        .alert-indigo {
            --bs-alert-color: var(--bs-indigo-text-emphasis);
            --bs-alert-bg: var(--bs-indigo-bg-subtle);
            --bs-alert-border-color: var(--bs-indigo-border-subtle);
            --bs-alert-link-color: var(--bs-indigo-text-emphasis)
        }

        .alert-purple {
            --bs-alert-color: var(--bs-purple-text-emphasis);
            --bs-alert-bg: var(--bs-purple-bg-subtle);
            --bs-alert-border-color: var(--bs-purple-border-subtle);
            --bs-alert-link-color: var(--bs-purple-text-emphasis)
        }

        .alert-pink {
            --bs-alert-color: var(--bs-pink-text-emphasis);
            --bs-alert-bg: var(--bs-pink-bg-subtle);
            --bs-alert-border-color: var(--bs-pink-border-subtle);
            --bs-alert-link-color: var(--bs-pink-text-emphasis)
        }

        .alert-red {
            --bs-alert-color: var(--bs-red-text-emphasis);
            --bs-alert-bg: var(--bs-red-bg-subtle);
            --bs-alert-border-color: var(--bs-red-border-subtle);
            --bs-alert-link-color: var(--bs-red-text-emphasis)
        }

        .alert-orange {
            --bs-alert-color: var(--bs-orange-text-emphasis);
            --bs-alert-bg: var(--bs-orange-bg-subtle);
            --bs-alert-border-color: var(--bs-orange-border-subtle);
            --bs-alert-link-color: var(--bs-orange-text-emphasis)
        }

        .alert-yellow {
            --bs-alert-color: var(--bs-yellow-text-emphasis);
            --bs-alert-bg: var(--bs-yellow-bg-subtle);
            --bs-alert-border-color: var(--bs-yellow-border-subtle);
            --bs-alert-link-color: var(--bs-yellow-text-emphasis)
        }

        .alert-green {
            --bs-alert-color: var(--bs-green-text-emphasis);
            --bs-alert-bg: var(--bs-green-bg-subtle);
            --bs-alert-border-color: var(--bs-green-border-subtle);
            --bs-alert-link-color: var(--bs-green-text-emphasis)
        }

        .alert-teal {
            --bs-alert-color: var(--bs-teal-text-emphasis);
            --bs-alert-bg: var(--bs-teal-bg-subtle);
            --bs-alert-border-color: var(--bs-teal-border-subtle);
            --bs-alert-link-color: var(--bs-teal-text-emphasis)
        }

        .alert-lime {
            --bs-alert-color: var(--bs-lime-text-emphasis);
            --bs-alert-bg: var(--bs-lime-bg-subtle);
            --bs-alert-border-color: var(--bs-lime-border-subtle);
            --bs-alert-link-color: var(--bs-lime-text-emphasis)
        }

        .alert-cyan {
            --bs-alert-color: var(--bs-cyan-text-emphasis);
            --bs-alert-bg: var(--bs-cyan-bg-subtle);
            --bs-alert-border-color: var(--bs-cyan-border-subtle);
            --bs-alert-link-color: var(--bs-cyan-text-emphasis)
        }

        .alert-white {
            --bs-alert-color: var(--bs-white-text-emphasis);
            --bs-alert-bg: var(--bs-white-bg-subtle);
            --bs-alert-border-color: var(--bs-white-border-subtle);
            --bs-alert-link-color: var(--bs-white-text-emphasis)
        }

        .alert-gray {
            --bs-alert-color: var(--bs-gray-text-emphasis);
            --bs-alert-bg: var(--bs-gray-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-border-subtle);
            --bs-alert-link-color: var(--bs-gray-text-emphasis)
        }

        .alert-gray-dark {
            --bs-alert-color: var(--bs-gray-dark-text-emphasis);
            --bs-alert-bg: var(--bs-gray-dark-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-dark-border-subtle);
            --bs-alert-link-color: var(--bs-gray-dark-text-emphasis)
        }

        .alert-muted {
            --bs-alert-color: var(--bs-muted-text-emphasis);
            --bs-alert-bg: var(--bs-muted-bg-subtle);
            --bs-alert-border-color: var(--bs-muted-border-subtle);
            --bs-alert-link-color: var(--bs-muted-text-emphasis)
        }

        .alert-black {
            --bs-alert-color: var(--bs-black-text-emphasis);
            --bs-alert-bg: var(--bs-black-bg-subtle);
            --bs-alert-border-color: var(--bs-black-border-subtle);
            --bs-alert-link-color: var(--bs-black-text-emphasis)
        }

        .alert-silver {
            --bs-alert-color: var(--bs-silver-text-emphasis);
            --bs-alert-bg: var(--bs-silver-bg-subtle);
            --bs-alert-border-color: var(--bs-silver-border-subtle);
            --bs-alert-link-color: var(--bs-silver-text-emphasis)
        }

        .alert-gray-100 {
            --bs-alert-color: var(--bs-gray-100-text-emphasis);
            --bs-alert-bg: var(--bs-gray-100-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-100-border-subtle);
            --bs-alert-link-color: var(--bs-gray-100-text-emphasis)
        }

        .alert-gray-200 {
            --bs-alert-color: var(--bs-gray-200-text-emphasis);
            --bs-alert-bg: var(--bs-gray-200-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-200-border-subtle);
            --bs-alert-link-color: var(--bs-gray-200-text-emphasis)
        }

        .alert-gray-300 {
            --bs-alert-color: var(--bs-gray-300-text-emphasis);
            --bs-alert-bg: var(--bs-gray-300-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-300-border-subtle);
            --bs-alert-link-color: var(--bs-gray-300-text-emphasis)
        }

        .alert-gray-400 {
            --bs-alert-color: var(--bs-gray-400-text-emphasis);
            --bs-alert-bg: var(--bs-gray-400-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-400-border-subtle);
            --bs-alert-link-color: var(--bs-gray-400-text-emphasis)
        }

        .alert-gray-500 {
            --bs-alert-color: var(--bs-gray-500-text-emphasis);
            --bs-alert-bg: var(--bs-gray-500-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-500-border-subtle);
            --bs-alert-link-color: var(--bs-gray-500-text-emphasis)
        }

        .alert-gray-600 {
            --bs-alert-color: var(--bs-gray-600-text-emphasis);
            --bs-alert-bg: var(--bs-gray-600-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-600-border-subtle);
            --bs-alert-link-color: var(--bs-gray-600-text-emphasis)
        }

        .alert-gray-700 {
            --bs-alert-color: var(--bs-gray-700-text-emphasis);
            --bs-alert-bg: var(--bs-gray-700-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-700-border-subtle);
            --bs-alert-link-color: var(--bs-gray-700-text-emphasis)
        }

        .alert-gray-800 {
            --bs-alert-color: var(--bs-gray-800-text-emphasis);
            --bs-alert-bg: var(--bs-gray-800-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-800-border-subtle);
            --bs-alert-link-color: var(--bs-gray-800-text-emphasis)
        }

        .alert-gray-900 {
            --bs-alert-color: var(--bs-gray-900-text-emphasis);
            --bs-alert-bg: var(--bs-gray-900-bg-subtle);
            --bs-alert-border-color: var(--bs-gray-900-border-subtle);
            --bs-alert-link-color: var(--bs-gray-900-text-emphasis)
        }

        @keyframes progress-bar-stripes {
            0% {
                background-position-x: var(--bs-progress-height)
            }
        }

        .progress,
        .progress-stacked {
            --bs-progress-height: 1rem;
            --bs-progress-font-size: 0.5625rem;
            --bs-progress-bg: var(--bs-component-secondary-bg);
            --bs-progress-border-radius: 4px;
            --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
            --bs-progress-bar-color: #FFFFFF;
            --bs-progress-bar-bg: #348fe2;
            --bs-progress-bar-transition: width 0.6s ease;
            display: flex;
            height: var(--bs-progress-height);
            overflow: hidden;
            font-size: var(--bs-progress-font-size);
            background-color: var(--bs-progress-bg);
            border-radius: var(--bs-progress-border-radius)
        }

        .progress-bar {
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
            color: var(--bs-progress-bar-color);
            text-align: center;
            white-space: nowrap;
            background-color: var(--bs-progress-bar-bg);
            transition: var(--bs-progress-bar-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar {
                transition: none
            }
        }

        .progress-bar-striped {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-size: var(--bs-progress-height) var(--bs-progress-height)
        }

        .progress-stacked>.progress {
            overflow: visible
        }

        .progress-stacked>.progress>.progress-bar {
            width: 100%
        }

        .progress-bar-animated {
            animation: 1s linear infinite progress-bar-stripes
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar-animated {
                animation: none
            }
        }

        .list-group {
            --bs-list-group-color: var(--bs-component-color);
            --bs-list-group-bg: var(--bs-component-bg);
            --bs-list-group-border-color: var(--bs-component-border-color);
            --bs-list-group-border-width: var(--bs-border-width);
            --bs-list-group-border-radius: var(--bs-border-radius);
            --bs-list-group-item-padding-x: 0.9375rem;
            --bs-list-group-item-padding-y: 0.703125rem;
            --bs-list-group-action-color: var(--bs-component-color);
            --bs-list-group-action-hover-color: var(--bs-component-color);
            --bs-list-group-action-hover-bg: var(--bs-component-hover-bg);
            --bs-list-group-action-active-color: var(--bs-component-active-color);
            --bs-list-group-action-active-bg: var(--bs-component-active-bg);
            --bs-list-group-disabled-color: var(--bs-component-disabled-color);
            --bs-list-group-disabled-bg: var(--bs-component-bg);
            --bs-list-group-active-color: var(--bs-component-active-color);
            --bs-list-group-active-bg: var(--bs-component-active-bg);
            --bs-list-group-active-border-color: var(--bs-component-active-border-color);
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            border-radius: var(--bs-list-group-border-radius)
        }

        .list-group-numbered {
            list-style-type: none;
            counter-reset: section
        }

        .list-group-numbered>.list-group-item::before {
            content: counters(section, ".") ". ";
            counter-increment: section
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
            color: var(--bs-list-group-color);
            text-decoration: none;
            background-color: var(--bs-list-group-bg);
            border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
        }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            color: var(--bs-list-group-disabled-color);
            pointer-events: none;
            background-color: var(--bs-list-group-disabled-bg)
        }

        .list-group-item.active {
            z-index: 2;
            color: var(--bs-list-group-active-color);
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color)
        }

        .list-group-item+.list-group-item {
            border-top-width: 0
        }

        .list-group-item+.list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

        .list-group-item-action {
            width: 100%;
            color: var(--bs-list-group-action-color);
            text-align: inherit
        }

        .list-group-item-action:not(.active):focus,
        .list-group-item-action:not(.active):hover {
            z-index: 1;
            color: var(--bs-list-group-action-hover-color);
            text-decoration: none;
            background-color: var(--bs-list-group-action-hover-bg)
        }

        .list-group-item-action:not(.active):active {
            color: var(--bs-list-group-action-active-color);
            background-color: var(--bs-list-group-action-active-bg)
        }

        .list-group-horizontal {
            flex-direction: row
        }

        .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

        @media (min-width:576px) {
            .list-group-horizontal-sm {
                flex-direction: row
            }

            .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-sm>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        @media (min-width:768px) {
            .list-group-horizontal-md {
                flex-direction: row
            }

            .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-md>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        @media (min-width:992px) {
            .list-group-horizontal-lg {
                flex-direction: row
            }

            .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-lg>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        @media (min-width:1200px) {
            .list-group-horizontal-xl {
                flex-direction: row
            }

            .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-xl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        @media (min-width:1400px) {
            .list-group-horizontal-xxl {
                flex-direction: row
            }

            .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-xxl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        @media (min-width:1800px) {
            .list-group-horizontal-xxxl {
                flex-direction: row
            }

            .list-group-horizontal-xxxl>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xxxl>.list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-xxxl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xxxl>.list-group-item+.list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

            .list-group-horizontal-xxxl>.list-group-item+.list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
        }

        .list-group-flush {
            border-radius: 0
        }

        .list-group-flush>.list-group-item {
            border-width: 0 0 var(--bs-list-group-border-width)
        }

        .list-group-flush>.list-group-item:last-child {
            border-bottom-width: 0
        }

        .list-group-item-default {
            --bs-list-group-color: var(--bs-default-text-emphasis);
            --bs-list-group-bg: var(--bs-default-bg-subtle);
            --bs-list-group-border-color: var(--bs-default-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-default-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-default-border-subtle);
            --bs-list-group-active-color: var(--bs-default-bg-subtle);
            --bs-list-group-active-bg: var(--bs-default-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-default-text-emphasis)
        }

        .list-group-item-primary {
            --bs-list-group-color: var(--bs-primary-text-emphasis);
            --bs-list-group-bg: var(--bs-primary-bg-subtle);
            --bs-list-group-border-color: var(--bs-primary-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
            --bs-list-group-active-color: var(--bs-primary-bg-subtle);
            --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
        }

        .list-group-item-secondary {
            --bs-list-group-color: var(--bs-secondary-text-emphasis);
            --bs-list-group-bg: var(--bs-secondary-bg-subtle);
            --bs-list-group-border-color: var(--bs-secondary-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
            --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
            --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
        }

        .list-group-item-success {
            --bs-list-group-color: var(--bs-success-text-emphasis);
            --bs-list-group-bg: var(--bs-success-bg-subtle);
            --bs-list-group-border-color: var(--bs-success-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
            --bs-list-group-active-color: var(--bs-success-bg-subtle);
            --bs-list-group-active-bg: var(--bs-success-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
        }

        .list-group-item-info {
            --bs-list-group-color: var(--bs-info-text-emphasis);
            --bs-list-group-bg: var(--bs-info-bg-subtle);
            --bs-list-group-border-color: var(--bs-info-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
            --bs-list-group-active-color: var(--bs-info-bg-subtle);
            --bs-list-group-active-bg: var(--bs-info-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
        }

        .list-group-item-warning {
            --bs-list-group-color: var(--bs-warning-text-emphasis);
            --bs-list-group-bg: var(--bs-warning-bg-subtle);
            --bs-list-group-border-color: var(--bs-warning-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
            --bs-list-group-active-color: var(--bs-warning-bg-subtle);
            --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
        }

        .list-group-item-danger {
            --bs-list-group-color: var(--bs-danger-text-emphasis);
            --bs-list-group-bg: var(--bs-danger-bg-subtle);
            --bs-list-group-border-color: var(--bs-danger-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
            --bs-list-group-active-color: var(--bs-danger-bg-subtle);
            --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
        }

        .list-group-item-light {
            --bs-list-group-color: var(--bs-light-text-emphasis);
            --bs-list-group-bg: var(--bs-light-bg-subtle);
            --bs-list-group-border-color: var(--bs-light-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
            --bs-list-group-active-color: var(--bs-light-bg-subtle);
            --bs-list-group-active-bg: var(--bs-light-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
        }

        .list-group-item-dark {
            --bs-list-group-color: var(--bs-dark-text-emphasis);
            --bs-list-group-bg: var(--bs-dark-bg-subtle);
            --bs-list-group-border-color: var(--bs-dark-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
            --bs-list-group-active-color: var(--bs-dark-bg-subtle);
            --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
        }

        .list-group-item-inverse {
            --bs-list-group-color: var(--bs-inverse-text-emphasis);
            --bs-list-group-bg: var(--bs-inverse-bg-subtle);
            --bs-list-group-border-color: var(--bs-inverse-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-inverse-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-inverse-border-subtle);
            --bs-list-group-active-color: var(--bs-inverse-bg-subtle);
            --bs-list-group-active-bg: var(--bs-inverse-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-inverse-text-emphasis)
        }

        .list-group-item-blue {
            --bs-list-group-color: var(--bs-blue-text-emphasis);
            --bs-list-group-bg: var(--bs-blue-bg-subtle);
            --bs-list-group-border-color: var(--bs-blue-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-blue-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-blue-border-subtle);
            --bs-list-group-active-color: var(--bs-blue-bg-subtle);
            --bs-list-group-active-bg: var(--bs-blue-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-blue-text-emphasis)
        }

        .list-group-item-indigo {
            --bs-list-group-color: var(--bs-indigo-text-emphasis);
            --bs-list-group-bg: var(--bs-indigo-bg-subtle);
            --bs-list-group-border-color: var(--bs-indigo-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-indigo-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-indigo-border-subtle);
            --bs-list-group-active-color: var(--bs-indigo-bg-subtle);
            --bs-list-group-active-bg: var(--bs-indigo-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-indigo-text-emphasis)
        }

        .list-group-item-purple {
            --bs-list-group-color: var(--bs-purple-text-emphasis);
            --bs-list-group-bg: var(--bs-purple-bg-subtle);
            --bs-list-group-border-color: var(--bs-purple-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-purple-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-purple-border-subtle);
            --bs-list-group-active-color: var(--bs-purple-bg-subtle);
            --bs-list-group-active-bg: var(--bs-purple-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-purple-text-emphasis)
        }

        .list-group-item-pink {
            --bs-list-group-color: var(--bs-pink-text-emphasis);
            --bs-list-group-bg: var(--bs-pink-bg-subtle);
            --bs-list-group-border-color: var(--bs-pink-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-pink-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-pink-border-subtle);
            --bs-list-group-active-color: var(--bs-pink-bg-subtle);
            --bs-list-group-active-bg: var(--bs-pink-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-pink-text-emphasis)
        }

        .list-group-item-red {
            --bs-list-group-color: var(--bs-red-text-emphasis);
            --bs-list-group-bg: var(--bs-red-bg-subtle);
            --bs-list-group-border-color: var(--bs-red-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-red-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-red-border-subtle);
            --bs-list-group-active-color: var(--bs-red-bg-subtle);
            --bs-list-group-active-bg: var(--bs-red-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-red-text-emphasis)
        }

        .list-group-item-orange {
            --bs-list-group-color: var(--bs-orange-text-emphasis);
            --bs-list-group-bg: var(--bs-orange-bg-subtle);
            --bs-list-group-border-color: var(--bs-orange-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-orange-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-orange-border-subtle);
            --bs-list-group-active-color: var(--bs-orange-bg-subtle);
            --bs-list-group-active-bg: var(--bs-orange-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-orange-text-emphasis)
        }

        .list-group-item-yellow {
            --bs-list-group-color: var(--bs-yellow-text-emphasis);
            --bs-list-group-bg: var(--bs-yellow-bg-subtle);
            --bs-list-group-border-color: var(--bs-yellow-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-yellow-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-yellow-border-subtle);
            --bs-list-group-active-color: var(--bs-yellow-bg-subtle);
            --bs-list-group-active-bg: var(--bs-yellow-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-yellow-text-emphasis)
        }

        .list-group-item-green {
            --bs-list-group-color: var(--bs-green-text-emphasis);
            --bs-list-group-bg: var(--bs-green-bg-subtle);
            --bs-list-group-border-color: var(--bs-green-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-green-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-green-border-subtle);
            --bs-list-group-active-color: var(--bs-green-bg-subtle);
            --bs-list-group-active-bg: var(--bs-green-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-green-text-emphasis)
        }

        .list-group-item-teal {
            --bs-list-group-color: var(--bs-teal-text-emphasis);
            --bs-list-group-bg: var(--bs-teal-bg-subtle);
            --bs-list-group-border-color: var(--bs-teal-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-teal-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-teal-border-subtle);
            --bs-list-group-active-color: var(--bs-teal-bg-subtle);
            --bs-list-group-active-bg: var(--bs-teal-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-teal-text-emphasis)
        }

        .list-group-item-lime {
            --bs-list-group-color: var(--bs-lime-text-emphasis);
            --bs-list-group-bg: var(--bs-lime-bg-subtle);
            --bs-list-group-border-color: var(--bs-lime-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-lime-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-lime-border-subtle);
            --bs-list-group-active-color: var(--bs-lime-bg-subtle);
            --bs-list-group-active-bg: var(--bs-lime-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-lime-text-emphasis)
        }

        .list-group-item-cyan {
            --bs-list-group-color: var(--bs-cyan-text-emphasis);
            --bs-list-group-bg: var(--bs-cyan-bg-subtle);
            --bs-list-group-border-color: var(--bs-cyan-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-cyan-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-cyan-border-subtle);
            --bs-list-group-active-color: var(--bs-cyan-bg-subtle);
            --bs-list-group-active-bg: var(--bs-cyan-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-cyan-text-emphasis)
        }

        .list-group-item-white {
            --bs-list-group-color: var(--bs-white-text-emphasis);
            --bs-list-group-bg: var(--bs-white-bg-subtle);
            --bs-list-group-border-color: var(--bs-white-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-white-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-white-border-subtle);
            --bs-list-group-active-color: var(--bs-white-bg-subtle);
            --bs-list-group-active-bg: var(--bs-white-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-white-text-emphasis)
        }

        .list-group-item-gray {
            --bs-list-group-color: var(--bs-gray-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-text-emphasis)
        }

        .list-group-item-gray-dark {
            --bs-list-group-color: var(--bs-gray-dark-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-dark-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-dark-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-dark-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-dark-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-dark-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-dark-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-dark-text-emphasis)
        }

        .list-group-item-muted {
            --bs-list-group-color: var(--bs-muted-text-emphasis);
            --bs-list-group-bg: var(--bs-muted-bg-subtle);
            --bs-list-group-border-color: var(--bs-muted-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-muted-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-muted-border-subtle);
            --bs-list-group-active-color: var(--bs-muted-bg-subtle);
            --bs-list-group-active-bg: var(--bs-muted-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-muted-text-emphasis)
        }

        .list-group-item-black {
            --bs-list-group-color: var(--bs-black-text-emphasis);
            --bs-list-group-bg: var(--bs-black-bg-subtle);
            --bs-list-group-border-color: var(--bs-black-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-black-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-black-border-subtle);
            --bs-list-group-active-color: var(--bs-black-bg-subtle);
            --bs-list-group-active-bg: var(--bs-black-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-black-text-emphasis)
        }

        .list-group-item-silver {
            --bs-list-group-color: var(--bs-silver-text-emphasis);
            --bs-list-group-bg: var(--bs-silver-bg-subtle);
            --bs-list-group-border-color: var(--bs-silver-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-silver-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-silver-border-subtle);
            --bs-list-group-active-color: var(--bs-silver-bg-subtle);
            --bs-list-group-active-bg: var(--bs-silver-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-silver-text-emphasis)
        }

        .list-group-item-gray-100 {
            --bs-list-group-color: var(--bs-gray-100-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-100-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-100-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-100-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-100-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-100-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-100-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-100-text-emphasis)
        }

        .list-group-item-gray-200 {
            --bs-list-group-color: var(--bs-gray-200-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-200-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-200-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-200-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-200-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-200-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-200-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-200-text-emphasis)
        }

        .list-group-item-gray-300 {
            --bs-list-group-color: var(--bs-gray-300-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-300-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-300-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-300-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-300-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-300-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-300-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-300-text-emphasis)
        }

        .list-group-item-gray-400 {
            --bs-list-group-color: var(--bs-gray-400-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-400-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-400-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-400-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-400-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-400-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-400-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-400-text-emphasis)
        }

        .list-group-item-gray-500 {
            --bs-list-group-color: var(--bs-gray-500-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-500-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-500-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-500-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-500-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-500-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-500-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-500-text-emphasis)
        }

        .list-group-item-gray-600 {
            --bs-list-group-color: var(--bs-gray-600-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-600-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-600-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-600-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-600-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-600-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-600-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-600-text-emphasis)
        }

        .list-group-item-gray-700 {
            --bs-list-group-color: var(--bs-gray-700-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-700-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-700-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-700-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-700-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-700-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-700-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-700-text-emphasis)
        }

        .list-group-item-gray-800 {
            --bs-list-group-color: var(--bs-gray-800-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-800-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-800-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-800-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-800-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-800-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-800-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-800-text-emphasis)
        }

        .list-group-item-gray-900 {
            --bs-list-group-color: var(--bs-gray-900-text-emphasis);
            --bs-list-group-bg: var(--bs-gray-900-bg-subtle);
            --bs-list-group-border-color: var(--bs-gray-900-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-gray-900-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-gray-900-border-subtle);
            --bs-list-group-active-color: var(--bs-gray-900-bg-subtle);
            --bs-list-group-active-bg: var(--bs-gray-900-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-gray-900-text-emphasis)
        }

        .btn-close {
            --bs-btn-close-color: #000000;
            --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
            --bs-btn-close-opacity: 0.5;
            --bs-btn-close-hover-opacity: 0.75;
            --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
            --bs-btn-close-focus-opacity: 1;
            --bs-btn-close-disabled-opacity: 0.25;
            box-sizing: content-box;
            width: 1em;
            height: 1em;
            padding: .25em .25em;
            color: var(--bs-btn-close-color);
            background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
            filter: var(--bs-btn-close-filter);
            border: 0;
            border-radius: 4px;
            opacity: var(--bs-btn-close-opacity)
        }

        .btn-close:hover {
            color: var(--bs-btn-close-color);
            text-decoration: none;
            opacity: var(--bs-btn-close-hover-opacity)
        }

        .btn-close:focus {
            outline: 0;
            box-shadow: var(--bs-btn-close-focus-shadow);
            opacity: var(--bs-btn-close-focus-opacity)
        }

        .btn-close.disabled,
        .btn-close:disabled {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            opacity: var(--bs-btn-close-disabled-opacity)
        }

        .btn-close-white {
            --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
        }

        [data-bs-theme=dark] {
            --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
        }

        .toast {
            --bs-toast-zindex: 1090;
            --bs-toast-padding-x: 0.75rem;
            --bs-toast-padding-y: 0.5rem;
            --bs-toast-spacing: 10px;
            --bs-toast-max-width: 350px;
            --bs-toast-font-size: 0.8125rem;
            --bs-toast-bg: rgba(var(--bs-component-dropdown-bg-rgb), 0.98);
            --bs-toast-border-width: 0px;
            --bs-toast-border-color: var(--bs-component-dropdown-border-color);
            --bs-toast-border-radius: var(--bs-border-radius);
            --bs-toast-box-shadow: var(--bs-box-shadow);
            --bs-toast-header-color: var(--bs-component-color);
            --bs-toast-header-bg: rgba(var(--bs-component-dropdown-bg-rgb), 0.85);
            --bs-toast-header-border-color: var(--bs-component-dropdown-border-color);
            width: var(--bs-toast-max-width);
            max-width: 100%;
            font-size: var(--bs-toast-font-size);
            color: var(--bs-toast-color);
            pointer-events: auto;
            background-color: var(--bs-toast-bg);
            background-clip: padding-box;
            border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
            box-shadow: var(--bs-toast-box-shadow);
            border-radius: var(--bs-toast-border-radius)
        }

        .toast.showing {
            opacity: 0
        }

        .toast:not(.show) {
            display: none
        }

        .toast-container {
            --bs-toast-zindex: 1090;
            position: absolute;
            z-index: var(--bs-toast-zindex);
            width: -moz-max-content;
            width: max-content;
            max-width: 100%;
            pointer-events: none
        }

        .toast-container>:not(:last-child) {
            margin-bottom: var(--bs-toast-spacing)
        }

        .toast-header {
            display: flex;
            align-items: center;
            padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
            color: var(--bs-toast-header-color);
            background-color: var(--bs-toast-header-bg);
            background-clip: padding-box;
            border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
            border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
            border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
        }

        .toast-header .btn-close {
            margin-right: calc(-.5 * var(--bs-toast-padding-x));
            margin-left: var(--bs-toast-padding-x)
        }

        .toast-body {
            padding: var(--bs-toast-padding-x);
            word-wrap: break-word
        }

        .modal {
            --bs-modal-zindex: 1055;
            --bs-modal-width: 500px;
            --bs-modal-padding: 0.9375rem;
            --bs-modal-margin: 0.5rem;
            --bs-modal-color: var(--bs-body-color);
            --bs-modal-bg: var(--bs-component-modal-bg);
            --bs-modal-border-color: var(--bs-component-modal-border-color);
            --bs-modal-border-width: 0;
            --bs-modal-border-radius: var(--bs-border-radius-lg);
            --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0);
            --bs-modal-header-padding-x: 0.9375rem;
            --bs-modal-header-padding-y: 0.9375rem;
            --bs-modal-header-padding: 0.9375rem 0.9375rem;
            --bs-modal-header-border-color: var(--bs-component-modal-border-color);
            --bs-modal-header-border-width: 1px;
            --bs-modal-title-line-height: 1.5;
            --bs-modal-footer-gap: 0.5rem;
            --bs-modal-footer-border-color: var(--bs-component-modal-border-color);
            --bs-modal-footer-border-width: 1px;
            position: fixed;
            top: 0;
            left: 0;
            z-index: var(--bs-modal-zindex);
            display: none;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            outline: 0
        }

        .modal-dialog {
            position: relative;
            width: auto;
            margin: var(--bs-modal-margin);
            pointer-events: none
        }

        .modal.fade .modal-dialog {
            transform: translate(0, -50px);
            transition: transform .3s ease-out
        }

        @media (prefers-reduced-motion:reduce) {
            .modal.fade .modal-dialog {
                transition: none
            }
        }

        .modal.show .modal-dialog {
            transform: none
        }

        .modal.modal-static .modal-dialog {
            transform: scale(1.02)
        }

        .modal-dialog-scrollable {
            height: calc(100% - var(--bs-modal-margin) * 2)
        }

        .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden
        }

        .modal-dialog-scrollable .modal-body {
            overflow-y: auto
        }

        .modal-dialog-centered {
            display: flex;
            align-items: center;
            min-height: calc(100% - var(--bs-modal-margin) * 2)
        }

        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            color: var(--bs-modal-color);
            pointer-events: auto;
            background-color: var(--bs-modal-bg);
            background-clip: padding-box;
            border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
            border-radius: var(--bs-modal-border-radius);
            outline: 0
        }

        .modal-backdrop {
            --bs-backdrop-zindex: 1050;
            --bs-backdrop-bg: #20252a;
            --bs-backdrop-opacity: 0.85;
            position: fixed;
            top: 0;
            left: 0;
            z-index: var(--bs-backdrop-zindex);
            width: 100vw;
            height: 100vh;
            background-color: var(--bs-backdrop-bg)
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: var(--bs-backdrop-opacity)
        }

        .modal-header {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            padding: var(--bs-modal-header-padding);
            border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
            border-top-left-radius: var(--bs-modal-inner-border-radius);
            border-top-right-radius: var(--bs-modal-inner-border-radius)
        }

        .modal-header .btn-close {
            padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
            margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
            margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
            margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
            margin-left: auto
        }

        .modal-title {
            margin-bottom: 0;
            line-height: var(--bs-modal-title-line-height)
        }

        .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: var(--bs-modal-padding)
        }

        .modal-footer {
            display: flex;
            flex-shrink: 0;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
            padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
            background-color: var(--bs-modal-footer-bg);
            border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
            border-bottom-right-radius: var(--bs-modal-inner-border-radius);
            border-bottom-left-radius: var(--bs-modal-inner-border-radius)
        }

        .modal-footer>* {
            margin: calc(var(--bs-modal-footer-gap) * .5)
        }

        @media (min-width:576px) {
            .modal {
                --bs-modal-margin: 1.75rem;
                --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
            }

            .modal-dialog {
                max-width: var(--bs-modal-width);
                margin-right: auto;
                margin-left: auto
            }

            .modal-sm {
                --bs-modal-width: 300px
            }
        }

        @media (min-width:992px) {

            .modal-lg,
            .modal-xl {
                --bs-modal-width: 800px
            }
        }

        @media (min-width:1200px) {
            .modal-xl {
                --bs-modal-width: 1140px
            }
        }

        .modal-fullscreen {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen .modal-footer,
        .modal-fullscreen .modal-header {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }

        @media (max-width:575.98px) {
            .modal-fullscreen-sm-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-sm-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-footer,
            .modal-fullscreen-sm-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:767.98px) {
            .modal-fullscreen-md-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-md-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-footer,
            .modal-fullscreen-md-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:991.98px) {
            .modal-fullscreen-lg-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-lg-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-footer,
            .modal-fullscreen-lg-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1199.98px) {
            .modal-fullscreen-xl-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-xl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-footer,
            .modal-fullscreen-xl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1399.98px) {
            .modal-fullscreen-xxl-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-xxl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-footer,
            .modal-fullscreen-xxl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1799.98px) {
            .modal-fullscreen-xxxl-down {
                width: 100vw;
                max-width: none;
                height: 100%;
                margin: 0
            }

            .modal-fullscreen-xxxl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xxxl-down .modal-footer,
            .modal-fullscreen-xxxl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xxxl-down .modal-body {
                overflow-y: auto
            }
        }

        .tooltip {
            --bs-tooltip-zindex: 1080;
            --bs-tooltip-max-width: 200px;
            --bs-tooltip-padding-x: 0.46875rem;
            --bs-tooltip-padding-y: 0.234375rem;
            --bs-tooltip-margin: 0;
            --bs-tooltip-font-size: 0.75rem;
            --bs-tooltip-color: #FFFFFF;
            --bs-tooltip-bg: #20252a;
            --bs-tooltip-border-radius: var(--bs-border-radius);
            --bs-tooltip-opacity: 0.95;
            --bs-tooltip-arrow-width: 0.8rem;
            --bs-tooltip-arrow-height: 0.4rem;
            z-index: var(--bs-tooltip-zindex);
            display: block;
            margin: var(--bs-tooltip-margin);
            font-family: var(--bs-font-sans-serif);
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            white-space: normal;
            word-spacing: normal;
            line-break: auto;
            font-size: var(--bs-tooltip-font-size);
            word-wrap: break-word;
            opacity: 0
        }

        .tooltip.show {
            opacity: var(--bs-tooltip-opacity)
        }

        .tooltip .tooltip-arrow {
            display: block;
            width: var(--bs-tooltip-arrow-width);
            height: var(--bs-tooltip-arrow-height)
        }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
        .bs-tooltip-top .tooltip-arrow {
            bottom: calc(-1 * var(--bs-tooltip-arrow-height))
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
        .bs-tooltip-top .tooltip-arrow::before {
            top: -1px;
            border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
            border-top-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
        .bs-tooltip-end .tooltip-arrow {
            left: calc(-1 * var(--bs-tooltip-arrow-height));
            width: var(--bs-tooltip-arrow-height);
            height: var(--bs-tooltip-arrow-width)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
        .bs-tooltip-end .tooltip-arrow::before {
            right: -1px;
            border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
            border-right-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
        .bs-tooltip-bottom .tooltip-arrow {
            top: calc(-1 * var(--bs-tooltip-arrow-height))
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
        .bs-tooltip-bottom .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
            border-bottom-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
        .bs-tooltip-start .tooltip-arrow {
            right: calc(-1 * var(--bs-tooltip-arrow-height));
            width: var(--bs-tooltip-arrow-height);
            height: var(--bs-tooltip-arrow-width)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
        .bs-tooltip-start .tooltip-arrow::before {
            left: -1px;
            border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
            border-left-color: var(--bs-tooltip-bg)
        }

        .tooltip-inner {
            max-width: var(--bs-tooltip-max-width);
            padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
            color: var(--bs-tooltip-color);
            text-align: center;
            background-color: var(--bs-tooltip-bg);
            border-radius: var(--bs-tooltip-border-radius)
        }

        .popover {
            --bs-popover-zindex: 1070;
            --bs-popover-max-width: 250px;
            --bs-popover-font-size: 0.75rem;
            --bs-popover-bg: var(--bs-component-bg);
            --bs-popover-border-width: 0px;
            --bs-popover-border-color: rgba(32, 37, 42, 0.2);
            --bs-popover-border-radius: var(--bs-border-radius-lg);
            --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - 0px);
            --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-popover-header-padding-x: 0.9375rem;
            --bs-popover-header-padding-y: 0.65rem;
            --bs-popover-header-font-size: 0.75rem;
            --bs-popover-header-color: inherit;
            --bs-popover-header-bg: var(--bs-light);
            --bs-popover-body-padding-x: 0.9375rem;
            --bs-popover-body-padding-y: 0.9375rem;
            --bs-popover-body-color: var(--bs-component-color);
            --bs-popover-arrow-width: 1rem;
            --bs-popover-arrow-height: 0.5rem;
            --bs-popover-arrow-border: var(--bs-popover-border-color);
            z-index: var(--bs-popover-zindex);
            display: block;
            max-width: var(--bs-popover-max-width);
            font-family: var(--bs-font-sans-serif);
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            white-space: normal;
            word-spacing: normal;
            line-break: auto;
            font-size: var(--bs-popover-font-size);
            word-wrap: break-word;
            background-color: var(--bs-popover-bg);
            background-clip: padding-box;
            border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-radius: var(--bs-popover-border-radius)
        }

        .popover .popover-arrow {
            display: block;
            width: var(--bs-popover-arrow-width);
            height: var(--bs-popover-arrow-height)
        }

        .popover .popover-arrow::after,
        .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
        .bs-popover-top>.popover-arrow {
            bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
        .bs-popover-top>.popover-arrow::after,
        .bs-popover-top>.popover-arrow::before {
            border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
        .bs-popover-top>.popover-arrow::before {
            bottom: 0;
            border-top-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
        .bs-popover-top>.popover-arrow::after {
            bottom: var(--bs-popover-border-width);
            border-top-color: var(--bs-popover-bg)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
        .bs-popover-end>.popover-arrow {
            left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height);
            height: var(--bs-popover-arrow-width)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
        .bs-popover-end>.popover-arrow::after,
        .bs-popover-end>.popover-arrow::before {
            border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
        .bs-popover-end>.popover-arrow::before {
            left: 0;
            border-right-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
        .bs-popover-end>.popover-arrow::after {
            left: var(--bs-popover-border-width);
            border-right-color: var(--bs-popover-bg)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
        .bs-popover-bottom>.popover-arrow {
            top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
        .bs-popover-bottom>.popover-arrow::after,
        .bs-popover-bottom>.popover-arrow::before {
            border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
        .bs-popover-bottom>.popover-arrow::before {
            top: 0;
            border-bottom-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
        .bs-popover-bottom>.popover-arrow::after {
            top: var(--bs-popover-border-width);
            border-bottom-color: var(--bs-popover-bg)
        }

        .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
        .bs-popover-bottom .popover-header::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: var(--bs-popover-arrow-width);
            margin-left: calc(-.5 * var(--bs-popover-arrow-width));
            content: "";
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
        .bs-popover-start>.popover-arrow {
            right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height);
            height: var(--bs-popover-arrow-width)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
        .bs-popover-start>.popover-arrow::after,
        .bs-popover-start>.popover-arrow::before {
            border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
        .bs-popover-start>.popover-arrow::before {
            right: 0;
            border-left-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
        .bs-popover-start>.popover-arrow::after {
            right: var(--bs-popover-border-width);
            border-left-color: var(--bs-popover-bg)
        }

        .popover-header {
            padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
            margin-bottom: 0;
            font-size: var(--bs-popover-header-font-size);
            color: var(--bs-popover-header-color);
            background-color: var(--bs-popover-header-bg);
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-top-left-radius: var(--bs-popover-inner-border-radius);
            border-top-right-radius: var(--bs-popover-inner-border-radius)
        }

        .popover-header:empty {
            display: none
        }

        .popover-body {
            padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
            color: var(--bs-popover-body-color)
        }

        .carousel {
            position: relative
        }

        .carousel.pointer-event {
            touch-action: pan-y
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden
        }

        .carousel-inner::after {
            display: block;
            clear: both;
            content: ""
        }

        .carousel-item {
            position: relative;
            display: none;
            float: left;
            width: 100%;
            margin-right: -100%;
            backface-visibility: hidden;
            transition: transform .6s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-item {
                transition: none
            }
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
            display: block
        }

        .active.carousel-item-end,
        .carousel-item-next:not(.carousel-item-start) {
            transform: translateX(100%)
        }

        .active.carousel-item-start,
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(-100%)
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transition-property: opacity;
            transform: none
        }

        .carousel-fade .carousel-item-next.carousel-item-start,
        .carousel-fade .carousel-item-prev.carousel-item-end,
        .carousel-fade .carousel-item.active {
            z-index: 1;
            opacity: 1
        }

        .carousel-fade .active.carousel-item-end,
        .carousel-fade .active.carousel-item-start {
            z-index: 0;
            opacity: 0;
            transition: opacity 0s .6s
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-fade .active.carousel-item-end,
            .carousel-fade .active.carousel-item-start {
                transition: none
            }
        }

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 15%;
            padding: 0;
            color: #fff;
            text-align: center;
            background: 0 0;
            filter: var(--bs-carousel-control-icon-filter);
            border: 0;
            opacity: .5;
            transition: opacity .15s ease
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-control-next,
            .carousel-control-prev {
                transition: none
            }
        }

        .carousel-control-next:focus,
        .carousel-control-next:hover,
        .carousel-control-prev:focus,
        .carousel-control-prev:hover {
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: .9
        }

        .carousel-control-prev {
            left: 0
        }

        .carousel-control-next {
            right: 0
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 100% 100%
        }

        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
        }

        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
        }

        .carousel-indicators {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-right: 15%;
            margin-bottom: 1rem;
            margin-left: 15%
        }

        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            padding: 0;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: var(--bs-carousel-indicator-active-bg);
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            opacity: .5;
            transition: opacity .6s ease
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-indicators [data-bs-target] {
                transition: none
            }
        }

        .carousel-indicators .active {
            opacity: 1
        }

        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 1.25rem;
            left: 15%;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            color: var(--bs-carousel-caption-color);
            text-align: center
        }

        .carousel-dark {
            --bs-carousel-indicator-active-bg: #000000;
            --bs-carousel-caption-color: #000000;
            --bs-carousel-control-icon-filter: invert(1) grayscale(100)
        }

        :root,
        [data-bs-theme=light] {
            --bs-carousel-indicator-active-bg: #FFFFFF;
            --bs-carousel-caption-color: #FFFFFF
        }

        [data-bs-theme=dark] {
            --bs-carousel-indicator-active-bg: #000000;
            --bs-carousel-caption-color: #000000;
            --bs-carousel-control-icon-filter: invert(1) grayscale(100)
        }

        .spinner-border,
        .spinner-grow {
            display: inline-block;
            width: var(--bs-spinner-width);
            height: var(--bs-spinner-height);
            vertical-align: var(--bs-spinner-vertical-align);
            border-radius: 50%;
            animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
        }

        @keyframes spinner-border {
            to {
                transform: rotate(360deg)
            }
        }

        .spinner-border {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-border-width: 0.25em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-border;
            border: var(--bs-spinner-border-width) solid currentcolor;
            border-right-color: transparent
        }

        .spinner-border-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem;
            --bs-spinner-border-width: 0.2em
        }

        @keyframes spinner-grow {
            0% {
                transform: scale(0)
            }

            50% {
                opacity: 1;
                transform: none
            }
        }

        .spinner-grow {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-grow;
            background-color: currentcolor;
            opacity: 0
        }

        .spinner-grow-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem
        }

        @media (prefers-reduced-motion:reduce) {

            .spinner-border,
            .spinner-grow {
                --bs-spinner-animation-speed: 1.5s
            }
        }

        .offcanvas,
        .offcanvas-lg,
        .offcanvas-md,
        .offcanvas-sm,
        .offcanvas-xl,
        .offcanvas-xxl,
        .offcanvas-xxxl {
            --bs-offcanvas-zindex: 1045;
            --bs-offcanvas-width: 400px;
            --bs-offcanvas-height: 30vh;
            --bs-offcanvas-padding-x: 0.9375rem;
            --bs-offcanvas-padding-y: 0.9375rem;
            --bs-offcanvas-color: var(--bs-body-color);
            --bs-offcanvas-bg: var(--bs-component-modal-bg);
            --bs-offcanvas-border-width: 0;
            --bs-offcanvas-border-color: var(--bs-component-modal-border-color);
            --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            --bs-offcanvas-transition: transform 0.3s ease-in-out;
            --bs-offcanvas-title-line-height: 1.5
        }

        @media (max-width:575.98px) {
            .offcanvas-sm {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-sm {
                transition: none
            }
        }

        @media (max-width:575.98px) {
            .offcanvas-sm.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-sm.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-sm.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-sm.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-sm.show:not(.hiding),
            .offcanvas-sm.showing {
                transform: none
            }

            .offcanvas-sm.hiding,
            .offcanvas-sm.show,
            .offcanvas-sm.showing {
                visibility: visible
            }
        }

        @media (min-width:576px) {
            .offcanvas-sm {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-sm .offcanvas-header {
                display: none
            }

            .offcanvas-sm .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        @media (max-width:767.98px) {
            .offcanvas-md {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-md {
                transition: none
            }
        }

        @media (max-width:767.98px) {
            .offcanvas-md.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-md.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-md.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-md.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-md.show:not(.hiding),
            .offcanvas-md.showing {
                transform: none
            }

            .offcanvas-md.hiding,
            .offcanvas-md.show,
            .offcanvas-md.showing {
                visibility: visible
            }
        }

        @media (min-width:768px) {
            .offcanvas-md {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-md .offcanvas-header {
                display: none
            }

            .offcanvas-md .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        @media (max-width:991.98px) {
            .offcanvas-lg {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-lg {
                transition: none
            }
        }

        @media (max-width:991.98px) {
            .offcanvas-lg.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-lg.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-lg.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-lg.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-lg.show:not(.hiding),
            .offcanvas-lg.showing {
                transform: none
            }

            .offcanvas-lg.hiding,
            .offcanvas-lg.show,
            .offcanvas-lg.showing {
                visibility: visible
            }
        }

        @media (min-width:992px) {
            .offcanvas-lg {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-lg .offcanvas-header {
                display: none
            }

            .offcanvas-lg .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        @media (max-width:1199.98px) {
            .offcanvas-xl {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xl {
                transition: none
            }
        }

        @media (max-width:1199.98px) {
            .offcanvas-xl.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-xl.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-xl.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-xl.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-xl.show:not(.hiding),
            .offcanvas-xl.showing {
                transform: none
            }

            .offcanvas-xl.hiding,
            .offcanvas-xl.show,
            .offcanvas-xl.showing {
                visibility: visible
            }
        }

        @media (min-width:1200px) {
            .offcanvas-xl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xl .offcanvas-header {
                display: none
            }

            .offcanvas-xl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        @media (max-width:1399.98px) {
            .offcanvas-xxl {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xxl {
                transition: none
            }
        }

        @media (max-width:1399.98px) {
            .offcanvas-xxl.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-xxl.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-xxl.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-xxl.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-xxl.show:not(.hiding),
            .offcanvas-xxl.showing {
                transform: none
            }

            .offcanvas-xxl.hiding,
            .offcanvas-xxl.show,
            .offcanvas-xxl.showing {
                visibility: visible
            }
        }

        @media (min-width:1400px) {
            .offcanvas-xxl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xxl .offcanvas-header {
                display: none
            }

            .offcanvas-xxl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        @media (max-width:1799.98px) {
            .offcanvas-xxxl {
                position: fixed;
                bottom: 0;
                z-index: var(--bs-offcanvas-zindex);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                color: var(--bs-offcanvas-color);
                visibility: hidden;
                background-color: var(--bs-offcanvas-bg);
                background-clip: padding-box;
                outline: 0;
                transition: var(--bs-offcanvas-transition)
            }
        }

        @media (max-width:1799.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xxxl {
                transition: none
            }
        }

        @media (max-width:1799.98px) {
            .offcanvas-xxxl.offcanvas-start {
                top: 0;
                left: 0;
                width: var(--bs-offcanvas-width);
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(-100%)
            }

            .offcanvas-xxxl.offcanvas-end {
                top: 0;
                right: 0;
                width: var(--bs-offcanvas-width);
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateX(100%)
            }

            .offcanvas-xxxl.offcanvas-top {
                top: 0;
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(-100%)
            }

            .offcanvas-xxxl.offcanvas-bottom {
                right: 0;
                left: 0;
                height: var(--bs-offcanvas-height);
                max-height: 100%;
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-xxxl.show:not(.hiding),
            .offcanvas-xxxl.showing {
                transform: none
            }

            .offcanvas-xxxl.hiding,
            .offcanvas-xxxl.show,
            .offcanvas-xxxl.showing {
                visibility: visible
            }
        }

        @media (min-width:1800px) {
            .offcanvas-xxxl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xxxl .offcanvas-header {
                display: none
            }

            .offcanvas-xxxl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: transparent !important
            }
        }

        .offcanvas {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .offcanvas {
                transition: none
            }
        }

        .offcanvas.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas.show:not(.hiding),
        .offcanvas.showing {
            transform: none
        }

        .offcanvas.hiding,
        .offcanvas.show,
        .offcanvas.showing {
            visibility: visible
        }

        .offcanvas-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1040;
            width: 100vw;
            height: 100vh;
            background-color: #20252a
        }

        .offcanvas-backdrop.fade {
            opacity: 0
        }

        .offcanvas-backdrop.show {
            opacity: .85
        }

        .offcanvas-header {
            display: flex;
            align-items: center;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
        }

        .offcanvas-header .btn-close {
            padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
            margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
            margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
            margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
            margin-left: auto
        }

        .offcanvas-title {
            margin-bottom: 0;
            line-height: var(--bs-offcanvas-title-line-height)
        }

        .offcanvas-body {
            flex-grow: 1;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
            overflow-y: auto
        }

        .placeholder {
            display: inline-block;
            min-height: 1em;
            vertical-align: middle;
            cursor: wait;
            background-color: currentcolor;
            opacity: .5
        }

        .placeholder.btn::before {
            display: inline-block;
            content: ""
        }

        .placeholder-xs {
            min-height: .6em
        }

        .placeholder-sm {
            min-height: .8em
        }

        .placeholder-lg {
            min-height: 1.2em
        }

        .placeholder-glow .placeholder {
            animation: placeholder-glow 2s ease-in-out infinite
        }

        @keyframes placeholder-glow {
            50% {
                opacity: .2
            }
        }

        .placeholder-wave {
            -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            -webkit-mask-size: 200% 100%;
            mask-size: 200% 100%;
            animation: placeholder-wave 2s linear infinite
        }

        @keyframes placeholder-wave {
            100% {
                -webkit-mask-position: -200% 0;
                mask-position: -200% 0
            }
        }

        .clearfix::after {
            display: block;
            clear: both;
            content: ""
        }

        .text-bg-default {
            color: #000 !important;
            background-color: RGBA(var(--bs-default-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-primary {
            color: #fff !important;
            background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-secondary {
            color: #fff !important;
            background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-success {
            color: #fff !important;
            background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-info {
            color: #fff !important;
            background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-warning {
            color: #fff !important;
            background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-danger {
            color: #fff !important;
            background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-light {
            color: #000 !important;
            background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-dark {
            color: #fff !important;
            background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-inverse {
            color: #fff !important;
            background-color: RGBA(var(--bs-inverse-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-blue {
            color: #fff !important;
            background-color: RGBA(var(--bs-blue-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-indigo {
            color: #fff !important;
            background-color: RGBA(var(--bs-indigo-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-purple {
            color: #fff !important;
            background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-pink {
            color: #fff !important;
            background-color: RGBA(var(--bs-pink-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-red {
            color: #fff !important;
            background-color: RGBA(var(--bs-red-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-orange {
            color: #fff !important;
            background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-yellow {
            color: #000 !important;
            background-color: RGBA(var(--bs-yellow-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-green {
            color: #fff !important;
            background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-teal {
            color: #fff !important;
            background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-lime {
            color: #000 !important;
            background-color: RGBA(var(--bs-lime-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-cyan {
            color: #fff !important;
            background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-white {
            color: #000 !important;
            background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-dark {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-muted {
            color: #fff !important;
            background-color: RGBA(var(--bs-muted-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-black {
            color: #fff !important;
            background-color: RGBA(var(--bs-black-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-silver {
            color: #000 !important;
            background-color: RGBA(var(--bs-silver-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-100 {
            color: #000 !important;
            background-color: RGBA(var(--bs-gray-100-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-200 {
            color: #000 !important;
            background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-300 {
            color: #000 !important;
            background-color: RGBA(var(--bs-gray-300-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-400 {
            color: #000 !important;
            background-color: RGBA(var(--bs-gray-400-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-500 {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-600 {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-700 {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-800 {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-800-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .text-bg-gray-900 {
            color: #fff !important;
            background-color: RGBA(var(--bs-gray-900-rgb), var(--bs-bg-opacity, 1)) !important
        }

        .link-default {
            color: RGBA(var(--bs-default-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-default-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-default:focus,
        .link-default:hover {
            color: RGBA(237, 240, 242, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(237, 240, 242, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-primary {
            color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-primary:focus,
        .link-primary:hover {
            color: RGBA(42, 114, 181, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(42, 114, 181, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-secondary {
            color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-secondary:focus,
        .link-secondary:hover {
            color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-success {
            color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

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

        .link-info {
            color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-info:focus,
        .link-info:hover {
            color: RGBA(58, 146, 171, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(58, 146, 171, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-warning {
            color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-warning:focus,
        .link-warning:hover {
            color: RGBA(196, 125, 21, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(196, 125, 21, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-danger {
            color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-danger:focus,
        .link-danger:hover {
            color: RGBA(204, 73, 70, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(204, 73, 70, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-light {
            color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

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

        .link-dark {
            color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-dark:focus,
        .link-dark:hover {
            color: RGBA(36, 42, 48, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(36, 42, 48, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-inverse {
            color: RGBA(var(--bs-inverse-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-inverse-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-inverse:focus,
        .link-inverse:hover {
            color: RGBA(36, 42, 48, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(36, 42, 48, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-blue {
            color: RGBA(var(--bs-blue-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-blue-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-blue:focus,
        .link-blue:hover {
            color: RGBA(42, 114, 181, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(42, 114, 181, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-indigo {
            color: RGBA(var(--bs-indigo-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-indigo-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-indigo:focus,
        .link-indigo:hover {
            color: RGBA(108, 66, 178, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(108, 66, 178, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-purple {
            color: RGBA(var(--bs-purple-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-purple-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-purple:focus,
        .link-purple:hover {
            color: RGBA(91, 99, 146, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(91, 99, 146, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-pink {
            color: RGBA(var(--bs-pink-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-pink-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-pink:focus,
        .link-pink:hover {
            color: RGBA(201, 68, 121, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(201, 68, 121, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-red {
            color: RGBA(var(--bs-red-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-red-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-red:focus,
        .link-red:hover {
            color: RGBA(204, 73, 70, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(204, 73, 70, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-orange {
            color: RGBA(var(--bs-orange-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-orange-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-orange:focus,
        .link-orange:hover {
            color: RGBA(196, 125, 21, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(196, 125, 21, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-yellow {
            color: RGBA(var(--bs-yellow-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-yellow-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-yellow:focus,
        .link-yellow:hover {
            color: RGBA(255, 225, 51, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(255, 225, 51, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-green {
            color: RGBA(var(--bs-green-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-green-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-green:focus,
        .link-green:hover {
            color: RGBA(40, 135, 40, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(40, 135, 40, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-teal {
            color: RGBA(var(--bs-teal-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-teal-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-teal:focus,
        .link-teal:hover {
            color: RGBA(0, 138, 138, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(0, 138, 138, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-lime {
            color: RGBA(var(--bs-lime-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-lime-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-lime:focus,
        .link-lime:hover {
            color: RGBA(166, 213, 111, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(166, 213, 111, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-cyan {
            color: RGBA(var(--bs-cyan-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-cyan-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-cyan:focus,
        .link-cyan:hover {
            color: RGBA(58, 146, 171, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(58, 146, 171, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-white {
            color: RGBA(var(--bs-white-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-white-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-white:focus,
        .link-white:hover {
            color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray {
            color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray:focus,
        .link-gray:hover {
            color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-dark {
            color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-dark:focus,
        .link-gray-dark:hover {
            color: RGBA(36, 42, 48, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(36, 42, 48, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-muted {
            color: RGBA(var(--bs-muted-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-muted-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-muted:focus,
        .link-muted:hover {
            color: RGBA(138, 145, 151, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(138, 145, 151, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-black {
            color: RGBA(var(--bs-black-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-black-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-black:focus,
        .link-black:hover {
            color: RGBA(0, 0, 0, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(0, 0, 0, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-silver {
            color: RGBA(var(--bs-silver-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-silver-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-silver:focus,
        .link-silver:hover {
            color: RGBA(197, 206, 212, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(197, 206, 212, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-100 {
            color: RGBA(var(--bs-gray-100-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-100-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

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

        .link-gray-200 {
            color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-200:focus,
        .link-gray-200:hover {
            color: RGBA(237, 240, 242, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(237, 240, 242, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-300 {
            color: RGBA(var(--bs-gray-300-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-300:focus,
        .link-gray-300:hover {
            color: RGBA(229, 232, 235, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(229, 232, 235, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-400 {
            color: RGBA(var(--bs-gray-400-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-400-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-400:focus,
        .link-gray-400:hover {
            color: RGBA(216, 221, 225, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(216, 221, 225, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-500 {
            color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-500:focus,
        .link-gray-500:hover {
            color: RGBA(138, 145, 151, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(138, 145, 151, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-600 {
            color: RGBA(var(--bs-gray-600-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-600-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-600:focus,
        .link-gray-600:hover {
            color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-700 {
            color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-700:focus,
        .link-gray-700:hover {
            color: RGBA(58, 64, 70, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(58, 64, 70, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-800 {
            color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-800:focus,
        .link-gray-800:hover {
            color: RGBA(36, 42, 48, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(36, 42, 48, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-gray-900 {
            color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

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

        .link-body-emphasis {
            color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-body-emphasis:focus,
        .link-body-emphasis:hover {
            color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
            text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
        }

        .focus-ring:focus {
            outline: 0;
            box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
        }

        .icon-link {
            display: inline-flex;
            gap: .375rem;
            align-items: center;
            text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
            text-underline-offset: .25em;
            backface-visibility: hidden
        }

        .icon-link>.bi {
            flex-shrink: 0;
            width: 1em;
            height: 1em;
            fill: currentcolor;
            transition: .2s ease-in-out transform
        }

        @media (prefers-reduced-motion:reduce) {
            .icon-link>.bi {
                transition: none
            }
        }

        .icon-link-hover:focus-visible>.bi,
        .icon-link-hover:hover>.bi {
            transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
        }

        .ratio {
            position: relative;
            width: 100%
        }

        .ratio::before {
            display: block;
            padding-top: var(--bs-aspect-ratio);
            content: ""
        }

        .ratio>* {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .ratio-1x1 {
            --bs-aspect-ratio: 100%
        }

        .ratio-4x3 {
            --bs-aspect-ratio: 75%
        }

        .ratio-16x9 {
            --bs-aspect-ratio: 56.25%
        }

        .ratio-21x9 {
            --bs-aspect-ratio: 42.8571428571%
        }

        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030
        }

        .fixed-bottom {
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1030
        }

        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020
        }

        @media (min-width:576px) {
            .sticky-sm-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-sm-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        @media (min-width:768px) {
            .sticky-md-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-md-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        @media (min-width:992px) {
            .sticky-lg-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-lg-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        @media (min-width:1200px) {
            .sticky-xl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xl-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        @media (min-width:1400px) {
            .sticky-xxl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xxl-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        @media (min-width:1800px) {
            .sticky-xxxl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xxxl-bottom {
                position: sticky;
                bottom: 0;
                z-index: 1020
            }
        }

        .hstack {
            display: flex;
            flex-direction: row;
            align-items: center;
            align-self: stretch
        }

        .vstack {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            align-self: stretch
        }

        .visually-hidden,
        .visually-hidden-focusable:not(:focus):not(:focus-within) {
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important
        }

        .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
        .visually-hidden:not(caption) {
            position: absolute !important
        }

        .visually-hidden *,
        .visually-hidden-focusable:not(:focus):not(:focus-within) * {
            overflow: hidden !important
        }

        .stretched-link::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            content: ""
        }

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

        .vr {
            display: inline-block;
            align-self: stretch;
            width: var(--bs-border-width);
            min-height: 1em;
            background-color: currentcolor;
            opacity: .4
        }

        .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
        }

        .object-fit-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .object-fit-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .object-fit-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .object-fit-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .object-fit-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .opacity-25 {
            opacity: .25 !important
        }

        .opacity-50 {
            opacity: .5 !important
        }

        .opacity-75 {
            opacity: .75 !important
        }

        .opacity-100 {
            opacity: 1 !important
        }

        .overflow-auto {
            overflow: auto !important
        }

        .overflow-hidden {
            overflow: hidden !important
        }

        .overflow-visible {
            overflow: visible !important
        }

        .overflow-scroll {
            overflow: scroll !important
        }

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

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

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

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

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

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

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

        .overflow-y-scroll {
            overflow-y: 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-inline-grid {
            display: inline-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: var(--bs-box-shadow) !important
        }

        .shadow-sm {
            box-shadow: var(--bs-box-shadow-sm) !important
        }

        .shadow-lg {
            box-shadow: var(--bs-box-shadow-lg) !important
        }

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

        .focus-ring-default {
            --bs-focus-ring-color: rgba(var(--bs-default-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-primary {
            --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-secondary {
            --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-success {
            --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-info {
            --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-warning {
            --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-danger {
            --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-light {
            --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-dark {
            --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-inverse {
            --bs-focus-ring-color: rgba(var(--bs-inverse-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-blue {
            --bs-focus-ring-color: rgba(var(--bs-blue-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-indigo {
            --bs-focus-ring-color: rgba(var(--bs-indigo-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-purple {
            --bs-focus-ring-color: rgba(var(--bs-purple-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-pink {
            --bs-focus-ring-color: rgba(var(--bs-pink-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-red {
            --bs-focus-ring-color: rgba(var(--bs-red-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-orange {
            --bs-focus-ring-color: rgba(var(--bs-orange-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-yellow {
            --bs-focus-ring-color: rgba(var(--bs-yellow-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-green {
            --bs-focus-ring-color: rgba(var(--bs-green-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-teal {
            --bs-focus-ring-color: rgba(var(--bs-teal-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-lime {
            --bs-focus-ring-color: rgba(var(--bs-lime-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-cyan {
            --bs-focus-ring-color: rgba(var(--bs-cyan-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-white {
            --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray {
            --bs-focus-ring-color: rgba(var(--bs-gray-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-dark {
            --bs-focus-ring-color: rgba(var(--bs-gray-dark-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-muted {
            --bs-focus-ring-color: rgba(var(--bs-muted-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-black {
            --bs-focus-ring-color: rgba(var(--bs-black-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-silver {
            --bs-focus-ring-color: rgba(var(--bs-silver-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-100 {
            --bs-focus-ring-color: rgba(var(--bs-gray-100-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-200 {
            --bs-focus-ring-color: rgba(var(--bs-gray-200-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-300 {
            --bs-focus-ring-color: rgba(var(--bs-gray-300-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-400 {
            --bs-focus-ring-color: rgba(var(--bs-gray-400-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-500 {
            --bs-focus-ring-color: rgba(var(--bs-gray-500-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-600 {
            --bs-focus-ring-color: rgba(var(--bs-gray-600-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-700 {
            --bs-focus-ring-color: rgba(var(--bs-gray-700-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-800 {
            --bs-focus-ring-color: rgba(var(--bs-gray-800-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-gray-900 {
            --bs-focus-ring-color: rgba(var(--bs-gray-900-rgb), var(--bs-focus-ring-opacity))
        }

        .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-50 {
            top: 50% !important
        }

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

        .bottom-0 {
            bottom: 0 !important
        }

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

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

        .start-0 {
            left: 0 !important
        }

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

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

        .end-0 {
            right: 0 !important
        }

        .end-50 {
            right: 50% !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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-0 {
            border: 0 !important
        }

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

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

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

        .border-end-0 {
            border-inline-end: 0 !important
        }

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

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

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

        .border-start-0 {
            border-inline-start: 0 !important
        }

        .border-default {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-default-rgb), var(--bs-border-opacity)) !important
        }

        .border-primary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
        }

        .border-secondary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
        }

        .border-success {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
        }

        .border-info {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
        }

        .border-warning {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
        }

        .border-danger {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
        }

        .border-light {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
        }

        .border-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
        }

        .border-inverse {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-inverse-rgb), var(--bs-border-opacity)) !important
        }

        .border-blue {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important
        }

        .border-indigo {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-indigo-rgb), var(--bs-border-opacity)) !important
        }

        .border-purple {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important
        }

        .border-pink {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important
        }

        .border-red {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important
        }

        .border-orange {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important
        }

        .border-yellow {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important
        }

        .border-green {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important
        }

        .border-teal {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important
        }

        .border-lime {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important
        }

        .border-cyan {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important
        }

        .border-white {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important
        }

        .border-muted {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-muted-rgb), var(--bs-border-opacity)) !important
        }

        .border-black {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
        }

        .border-silver {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-silver-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-100 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-100-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-200 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-200-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-300 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-300-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-400 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-400-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-500 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-500-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-600 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-600-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-700 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-700-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-800 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-800-rgb), var(--bs-border-opacity)) !important
        }

        .border-gray-900 {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-gray-900-rgb), var(--bs-border-opacity)) !important
        }

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

        .border-secondary-subtle {
            border-color: var(--bs-secondary-border-subtle) !important
        }

        .border-success-subtle {
            border-color: var(--bs-success-border-subtle) !important
        }

        .border-info-subtle {
            border-color: var(--bs-info-border-subtle) !important
        }

        .border-warning-subtle {
            border-color: var(--bs-warning-border-subtle) !important
        }

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

        .border-light-subtle {
            border-color: var(--bs-light-border-subtle) !important
        }

        .border-dark-subtle {
            border-color: var(--bs-dark-border-subtle) !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
        }

        .border-opacity-10 {
            --bs-border-opacity: 0.1
        }

        .border-opacity-25 {
            --bs-border-opacity: 0.25
        }

        .border-opacity-50 {
            --bs-border-opacity: 0.5
        }

        .border-opacity-75 {
            --bs-border-opacity: 0.75
        }

        .border-opacity-100 {
            --bs-border-opacity: 1
        }

        .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
        }

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

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

        .min-vw-100 {
            min-width: 100vw !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
        }

        .mh-100 {
            max-height: 100% !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
        }

        .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: .234375rem !important
        }

        .m-2 {
            margin: .46875rem !important
        }

        .m-3 {
            margin: .9375rem !important
        }

        .m-4 {
            margin: 1.40625rem !important
        }

        .m-5 {
            margin: 2.8125rem !important
        }

        .m-auto {
            margin: auto !important
        }

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

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

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

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

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

        .mx-5 {
            margin-right: 2.8125rem !important;
            margin-left: 2.8125rem !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: .234375rem !important;
            margin-bottom: .234375rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .me-0 {
            margin-inline-end: 0 !important
        }

        .me-1 {
            margin-inline-end: .234375rem !important
        }

        .me-2 {
            margin-inline-end: .46875rem !important
        }

        .me-3 {
            margin-inline-end: .9375rem !important
        }

        .me-4 {
            margin-inline-end: 1.40625rem !important
        }

        .me-5 {
            margin-inline-end: 2.8125rem !important
        }

        .me-auto {
            margin-inline-end: auto !important
        }

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

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

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

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

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

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

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

        .ms-0 {
            margin-inline-start: 0 !important
        }

        .ms-1 {
            margin-inline-start: .234375rem !important
        }

        .ms-2 {
            margin-inline-start: .46875rem !important
        }

        .ms-3 {
            margin-inline-start: .9375rem !important
        }

        .ms-4 {
            margin-inline-start: 1.40625rem !important
        }

        .ms-5 {
            margin-inline-start: 2.8125rem !important
        }

        .ms-auto {
            margin-inline-start: auto !important
        }

        .m-n1 {
            margin: -.234375rem !important
        }

        .m-n2 {
            margin: -.46875rem !important
        }

        .m-n3 {
            margin: -.9375rem !important
        }

        .m-n4 {
            margin: -1.40625rem !important
        }

        .m-n5 {
            margin: -2.8125rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .me-n1 {
            margin-inline-end: -.234375rem !important
        }

        .me-n2 {
            margin-inline-end: -.46875rem !important
        }

        .me-n3 {
            margin-inline-end: -.9375rem !important
        }

        .me-n4 {
            margin-inline-end: -1.40625rem !important
        }

        .me-n5 {
            margin-inline-end: -2.8125rem !important
        }

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

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

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

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

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

        .ms-n1 {
            margin-inline-start: -.234375rem !important
        }

        .ms-n2 {
            margin-inline-start: -.46875rem !important
        }

        .ms-n3 {
            margin-inline-start: -.9375rem !important
        }

        .ms-n4 {
            margin-inline-start: -1.40625rem !important
        }

        .ms-n5 {
            margin-inline-start: -2.8125rem !important
        }

        .p-0 {
            padding: 0 !important
        }

        .p-1 {
            padding: .234375rem !important
        }

        .p-2 {
            padding: .46875rem !important
        }

        .p-3 {
            padding: .9375rem !important
        }

        .p-4 {
            padding: 1.40625rem !important
        }

        .p-5 {
            padding: 2.8125rem !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .pe-0 {
            padding-inline-end: 0 !important
        }

        .pe-1 {
            padding-inline-end: .234375rem !important
        }

        .pe-2 {
            padding-inline-end: .46875rem !important
        }

        .pe-3 {
            padding-inline-end: .9375rem !important
        }

        .pe-4 {
            padding-inline-end: 1.40625rem !important
        }

        .pe-5 {
            padding-inline-end: 2.8125rem !important
        }

        .pb-0 {
            padding-bottom: 0 !important
        }

        .pb-1 {
            padding-bottom: .234375rem !important
        }

        .pb-2 {
            padding-bottom: .46875rem !important
        }

        .pb-3 {
            padding-bottom: .9375rem !important
        }

        .pb-4 {
            padding-bottom: 1.40625rem !important
        }

        .pb-5 {
            padding-bottom: 2.8125rem !important
        }

        .ps-0 {
            padding-inline-start: 0 !important
        }

        .ps-1 {
            padding-inline-start: .234375rem !important
        }

        .ps-2 {
            padding-inline-start: .46875rem !important
        }

        .ps-3 {
            padding-inline-start: .9375rem !important
        }

        .ps-4 {
            padding-inline-start: 1.40625rem !important
        }

        .ps-5 {
            padding-inline-start: 2.8125rem !important
        }

        .gap-0 {
            gap: 0 !important
        }

        .gap-1 {
            gap: .234375rem !important
        }

        .gap-2 {
            gap: .46875rem !important
        }

        .gap-3 {
            gap: .9375rem !important
        }

        .gap-4 {
            gap: 1.40625rem !important
        }

        .gap-5 {
            gap: 2.8125rem !important
        }

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

        .row-gap-1 {
            row-gap: .234375rem !important
        }

        .row-gap-2 {
            row-gap: .46875rem !important
        }

        .row-gap-3 {
            row-gap: .9375rem !important
        }

        .row-gap-4 {
            row-gap: 1.40625rem !important
        }

        .row-gap-5 {
            row-gap: 2.8125rem !important
        }

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

        .column-gap-1 {
            -moz-column-gap: .234375rem !important;
            column-gap: .234375rem !important
        }

        .column-gap-2 {
            -moz-column-gap: .46875rem !important;
            column-gap: .46875rem !important
        }

        .column-gap-3 {
            -moz-column-gap: .9375rem !important;
            column-gap: .9375rem !important
        }

        .column-gap-4 {
            -moz-column-gap: 1.40625rem !important;
            column-gap: 1.40625rem !important
        }

        .column-gap-5 {
            -moz-column-gap: 2.8125rem !important;
            column-gap: 2.8125rem !important
        }

        .font-monospace {
            font-family: var(--bs-font-monospace) !important
        }

        .fs-1 {
            font-size: calc(1.3125rem + .75vw) !important
        }

        .fs-2 {
            font-size: calc(1.275rem + .3vw) !important
        }

        .fs-3 {
            font-size: calc(1.25625rem + .075vw) !important
        }

        .fs-4 {
            font-size: 1.125rem !important
        }

        .fs-5 {
            font-size: .9375rem !important
        }

        .fs-6 {
            font-size: .75rem !important
        }

        .fst-italic {
            font-style: italic !important
        }

        .fst-normal {
            font-style: normal !important
        }

        .fw-lighter {
            font-weight: lighter !important
        }

        .fw-light {
            font-weight: 300 !important
        }

        .fw-normal {
            font-weight: 400 !important
        }

        .fw-medium {
            font-weight: 500 !important
        }

        .fw-semibold {
            font-weight: 500 !important
        }

        .fw-bold {
            font-weight: 600 !important
        }

        .fw-bolder {
            font-weight: 700 !important
        }

        .lh-1 {
            line-height: 1 !important
        }

        .lh-sm {
            line-height: 1.2 !important
        }

        .lh-base {
            line-height: 1.5 !important
        }

        .lh-lg {
            line-height: 1.8 !important
        }

        .text-start {
            text-align: start !important
        }

        .text-end {
            text-align: end !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-default {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-default-rgb), var(--bs-text-opacity)) !important
        }

        .text-primary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
        }

        .text-secondary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
        }

        .text-success {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
        }

        .text-info {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
        }

        .text-warning {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
        }

        .text-danger {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
        }

        .text-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
        }

        .text-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-inverse {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-inverse-rgb), var(--bs-text-opacity)) !important
        }

        .text-blue {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
        }

        .text-indigo {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important
        }

        .text-purple {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important
        }

        .text-pink {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important
        }

        .text-red {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important
        }

        .text-orange {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
        }

        .text-yellow {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important
        }

        .text-green {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important
        }

        .text-teal {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important
        }

        .text-lime {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important
        }

        .text-cyan {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important
        }

        .text-white {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-muted {
            --bs-text-opacity: 1;
            color: var(--bs-secondary-color) !important
        }

        .text-black {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
        }

        .text-silver {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-silver-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-100 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-200 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-300 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-400 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-500 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-600 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-700 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-800 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important
        }

        .text-gray-900 {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
        }

        .text-body {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
        }

        .text-black-50 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, .5) !important
        }

        .text-white-50 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, .5) !important
        }

        .text-body-secondary {
            --bs-text-opacity: 1;
            color: var(--bs-secondary-color) !important
        }

        .text-body-tertiary {
            --bs-text-opacity: 1;
            color: var(--bs-tertiary-color) !important
        }

        .text-body-emphasis {
            --bs-text-opacity: 1;
            color: var(--bs-emphasis-color) !important
        }

        .text-reset {
            --bs-text-opacity: 1;
            color: inherit !important
        }

        .text-opacity-25 {
            --bs-text-opacity: 0.25
        }

        .text-opacity-50 {
            --bs-text-opacity: 0.5
        }

        .text-opacity-75 {
            --bs-text-opacity: 0.75
        }

        .text-opacity-100 {
            --bs-text-opacity: 1
        }

        .text-primary-emphasis {
            color: var(--bs-primary-text-emphasis) !important
        }

        .text-secondary-emphasis {
            color: var(--bs-secondary-text-emphasis) !important
        }

        .text-success-emphasis {
            color: var(--bs-success-text-emphasis) !important
        }

        .text-info-emphasis {
            color: var(--bs-info-text-emphasis) !important
        }

        .text-warning-emphasis {
            color: var(--bs-warning-text-emphasis) !important
        }

        .text-danger-emphasis {
            color: var(--bs-danger-text-emphasis) !important
        }

        .text-light-emphasis {
            color: var(--bs-light-text-emphasis) !important
        }

        .text-dark-emphasis {
            color: var(--bs-dark-text-emphasis) !important
        }

        .link-opacity-10 {
            --bs-link-opacity: 0.1
        }

        .link-opacity-10-hover:hover {
            --bs-link-opacity: 0.1
        }

        .link-opacity-25 {
            --bs-link-opacity: 0.25
        }

        .link-opacity-25-hover:hover {
            --bs-link-opacity: 0.25
        }

        .link-opacity-50 {
            --bs-link-opacity: 0.5
        }

        .link-opacity-50-hover:hover {
            --bs-link-opacity: 0.5
        }

        .link-opacity-75 {
            --bs-link-opacity: 0.75
        }

        .link-opacity-75-hover:hover {
            --bs-link-opacity: 0.75
        }

        .link-opacity-100 {
            --bs-link-opacity: 1
        }

        .link-opacity-100-hover:hover {
            --bs-link-opacity: 1
        }

        .link-offset-1 {
            text-underline-offset: .125em !important
        }

        .link-offset-1-hover:hover {
            text-underline-offset: .125em !important
        }

        .link-offset-2 {
            text-underline-offset: .25em !important
        }

        .link-offset-2-hover:hover {
            text-underline-offset: .25em !important
        }

        .link-offset-3 {
            text-underline-offset: .375em !important
        }

        .link-offset-3-hover:hover {
            text-underline-offset: .375em !important
        }

        .link-underline-default {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-primary {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-secondary {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-success {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-info {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-warning {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-danger {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-light {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-dark {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-inverse {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-inverse-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-blue {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-blue-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-indigo {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-indigo-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-purple {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-purple-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-pink {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-pink-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-red {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-red-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-orange {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-orange-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-yellow {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-yellow-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-green {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-green-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-teal {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-teal-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-lime {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-lime-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-cyan {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-cyan-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-white {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-dark {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-muted {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-muted-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-black {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-black-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-silver {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-silver-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-100 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-100-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-200 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-300 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-400 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-400-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-500 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-600 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-600-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-700 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-800 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-gray-900 {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-underline-opacity-0 {
            --bs-link-underline-opacity: 0
        }

        .link-underline-opacity-0-hover:hover {
            --bs-link-underline-opacity: 0
        }

        .link-underline-opacity-10 {
            --bs-link-underline-opacity: 0.1
        }

        .link-underline-opacity-10-hover:hover {
            --bs-link-underline-opacity: 0.1
        }

        .link-underline-opacity-25 {
            --bs-link-underline-opacity: 0.25
        }

        .link-underline-opacity-25-hover:hover {
            --bs-link-underline-opacity: 0.25
        }

        .link-underline-opacity-50 {
            --bs-link-underline-opacity: 0.5
        }

        .link-underline-opacity-50-hover:hover {
            --bs-link-underline-opacity: 0.5
        }

        .link-underline-opacity-75 {
            --bs-link-underline-opacity: 0.75
        }

        .link-underline-opacity-75-hover:hover {
            --bs-link-underline-opacity: 0.75
        }

        .link-underline-opacity-100 {
            --bs-link-underline-opacity: 1
        }

        .link-underline-opacity-100-hover:hover {
            --bs-link-underline-opacity: 1
        }

        .bg-default {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-default-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-primary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-secondary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-success {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-info {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-warning {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-danger {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-light {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-inverse {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-blue {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-indigo {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-purple {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-pink {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-red {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-orange {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-yellow {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-green {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-teal {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-lime {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-cyan {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-white {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-muted {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-black {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-silver {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-silver-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gray-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-body {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-transparent {
            --bs-bg-opacity: 1;
            background-color: transparent !important
        }

        .bg-body-secondary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-body-tertiary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-opacity-10 {
            --bs-bg-opacity: 0.1
        }

        .bg-opacity-25 {
            --bs-bg-opacity: 0.25
        }

        .bg-opacity-50 {
            --bs-bg-opacity: 0.5
        }

        .bg-opacity-75 {
            --bs-bg-opacity: 0.75
        }

        .bg-opacity-100 {
            --bs-bg-opacity: 1
        }

        .bg-primary-subtle {
            background-color: var(--bs-primary-bg-subtle) !important
        }

        .bg-secondary-subtle {
            background-color: var(--bs-secondary-bg-subtle) !important
        }

        .bg-success-subtle {
            background-color: var(--bs-success-bg-subtle) !important
        }

        .bg-info-subtle {
            background-color: var(--bs-info-bg-subtle) !important
        }

        .bg-warning-subtle {
            background-color: var(--bs-warning-bg-subtle) !important
        }

        .bg-danger-subtle {
            background-color: var(--bs-danger-bg-subtle) !important
        }

        .bg-light-subtle {
            background-color: var(--bs-light-bg-subtle) !important
        }

        .bg-dark-subtle {
            background-color: var(--bs-dark-bg-subtle) !important
        }

        .bg-gradient {
            background-image: var(--bs-gradient) !important
        }

        .user-select-all {
            -webkit-user-select: all !important;
            -moz-user-select: all !important;
            user-select: all !important
        }

        .user-select-auto {
            -webkit-user-select: auto !important;
            -moz-user-select: auto !important;
            user-select: auto !important
        }

        .user-select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important
        }

        .pe-none {
            pointer-events: none !important
        }

        .pe-auto {
            pointer-events: auto !important
        }

        .rounded {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .rounded-1 {
            border-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-2 {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-3 {
            border-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-4 {
            border-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-5 {
            border-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-circle {
            border-radius: 50% !important
        }

        .rounded-pill {
            border-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-top {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-0 {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important
        }

        .rounded-top-1 {
            border-top-left-radius: var(--bs-border-radius-sm) !important;
            border-top-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-top-2 {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-3 {
            border-top-left-radius: var(--bs-border-radius-lg) !important;
            border-top-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-top-4 {
            border-top-left-radius: var(--bs-border-radius-xl) !important;
            border-top-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-top-5 {
            border-top-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-top-circle {
            border-top-left-radius: 50% !important;
            border-top-right-radius: 50% !important
        }

        .rounded-top-pill {
            border-top-left-radius: var(--bs-border-radius-pill) !important;
            border-top-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-end {
            border-top-right-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-0 {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        .rounded-end-1 {
            border-top-right-radius: var(--bs-border-radius-sm) !important;
            border-bottom-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-end-2 {
            border-top-right-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-3 {
            border-top-right-radius: var(--bs-border-radius-lg) !important;
            border-bottom-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-end-4 {
            border-top-right-radius: var(--bs-border-radius-xl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-end-5 {
            border-top-right-radius: var(--bs-border-radius-xxl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-end-circle {
            border-top-right-radius: 50% !important;
            border-bottom-right-radius: 50% !important
        }

        .rounded-end-pill {
            border-top-right-radius: var(--bs-border-radius-pill) !important;
            border-bottom-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-bottom {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-bottom-left-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-0 {
            border-bottom-right-radius: 0 !important;
            border-bottom-left-radius: 0 !important
        }

        .rounded-bottom-1 {
            border-bottom-right-radius: var(--bs-border-radius-sm) !important;
            border-bottom-left-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-bottom-2 {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-bottom-left-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-3 {
            border-bottom-right-radius: var(--bs-border-radius-lg) !important;
            border-bottom-left-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-bottom-4 {
            border-bottom-right-radius: var(--bs-border-radius-xl) !important;
            border-bottom-left-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-bottom-5 {
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-bottom-circle {
            border-bottom-right-radius: 50% !important;
            border-bottom-left-radius: 50% !important
        }

        .rounded-bottom-pill {
            border-bottom-right-radius: var(--bs-border-radius-pill) !important;
            border-bottom-left-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-start {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-0 {
            border-bottom-left-radius: 0 !important;
            border-top-left-radius: 0 !important
        }

        .rounded-start-1 {
            border-bottom-left-radius: var(--bs-border-radius-sm) !important;
            border-top-left-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-start-2 {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-3 {
            border-bottom-left-radius: var(--bs-border-radius-lg) !important;
            border-top-left-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-start-4 {
            border-bottom-left-radius: var(--bs-border-radius-xl) !important;
            border-top-left-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-start-5 {
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-left-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-start-circle {
            border-bottom-left-radius: 50% !important;
            border-top-left-radius: 50% !important
        }

        .rounded-start-pill {
            border-bottom-left-radius: var(--bs-border-radius-pill) !important;
            border-top-left-radius: var(--bs-border-radius-pill) !important
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        .z-n1 {
            z-index: -1 !important
        }

        .z-0 {
            z-index: 0 !important
        }

        .z-1 {
            z-index: 1 !important
        }

        .z-2 {
            z-index: 2 !important
        }

        .z-3 {
            z-index: 3 !important
        }

        @media (min-width:576px) {
            .float-sm-start {
                float: left !important
            }

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

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

            .object-fit-sm-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-sm-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-sm-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-sm-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-sm-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-sm-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-sm-2 {
                margin: .46875rem !important
            }

            .m-sm-3 {
                margin: .9375rem !important
            }

            .m-sm-4 {
                margin: 1.40625rem !important
            }

            .m-sm-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-sm-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-sm-1 {
                margin-top: .234375rem !important
            }

            .mt-sm-2 {
                margin-top: .46875rem !important
            }

            .mt-sm-3 {
                margin-top: .9375rem !important
            }

            .mt-sm-4 {
                margin-top: 1.40625rem !important
            }

            .mt-sm-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-sm-1 {
                margin-bottom: .234375rem !important
            }

            .mb-sm-2 {
                margin-bottom: .46875rem !important
            }

            .mb-sm-3 {
                margin-bottom: .9375rem !important
            }

            .mb-sm-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-sm-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-sm-0 {
                margin-inline-start: 0 !important
            }

            .ms-sm-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-sm-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-sm-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-sm-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-sm-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-sm-auto {
                margin-inline-start: auto !important
            }

            .m-sm-n1 {
                margin: -.234375rem !important
            }

            .m-sm-n2 {
                margin: -.46875rem !important
            }

            .m-sm-n3 {
                margin: -.9375rem !important
            }

            .m-sm-n4 {
                margin: -1.40625rem !important
            }

            .m-sm-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-sm-n1 {
                margin-top: -.234375rem !important
            }

            .mt-sm-n2 {
                margin-top: -.46875rem !important
            }

            .mt-sm-n3 {
                margin-top: -.9375rem !important
            }

            .mt-sm-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-sm-n5 {
                margin-top: -2.8125rem !important
            }

            .me-sm-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-sm-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-sm-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-sm-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-sm-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-sm-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-sm-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-sm-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-sm-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-sm-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-sm-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-sm-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-sm-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-sm-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-sm-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-sm-1 {
                padding: .234375rem !important
            }

            .p-sm-2 {
                padding: .46875rem !important
            }

            .p-sm-3 {
                padding: .9375rem !important
            }

            .p-sm-4 {
                padding: 1.40625rem !important
            }

            .p-sm-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-sm-1 {
                padding-top: .234375rem !important
            }

            .pt-sm-2 {
                padding-top: .46875rem !important
            }

            .pt-sm-3 {
                padding-top: .9375rem !important
            }

            .pt-sm-4 {
                padding-top: 1.40625rem !important
            }

            .pt-sm-5 {
                padding-top: 2.8125rem !important
            }

            .pb-sm-0 {
                padding-bottom: 0 !important
            }

            .pb-sm-1 {
                padding-bottom: .234375rem !important
            }

            .pb-sm-2 {
                padding-bottom: .46875rem !important
            }

            .pb-sm-3 {
                padding-bottom: .9375rem !important
            }

            .pb-sm-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-sm-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-sm-1 {
                gap: .234375rem !important
            }

            .gap-sm-2 {
                gap: .46875rem !important
            }

            .gap-sm-3 {
                gap: .9375rem !important
            }

            .gap-sm-4 {
                gap: 1.40625rem !important
            }

            .gap-sm-5 {
                gap: 2.8125rem !important
            }

            .row-gap-sm-0 {
                row-gap: 0 !important
            }

            .row-gap-sm-1 {
                row-gap: .234375rem !important
            }

            .row-gap-sm-2 {
                row-gap: .46875rem !important
            }

            .row-gap-sm-3 {
                row-gap: .9375rem !important
            }

            .row-gap-sm-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-sm-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-sm-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-sm-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-sm-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-sm-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-sm-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-sm-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-sm-start {
                text-align: start !important
            }

            .text-sm-end {
                text-align: end !important
            }

            .text-sm-center {
                text-align: center !important
            }
        }

        @media (min-width:768px) {
            .float-md-start {
                float: left !important
            }

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

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

            .object-fit-md-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-md-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-md-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-md-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-md-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-md-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-md-2 {
                margin: .46875rem !important
            }

            .m-md-3 {
                margin: .9375rem !important
            }

            .m-md-4 {
                margin: 1.40625rem !important
            }

            .m-md-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-md-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-md-1 {
                margin-top: .234375rem !important
            }

            .mt-md-2 {
                margin-top: .46875rem !important
            }

            .mt-md-3 {
                margin-top: .9375rem !important
            }

            .mt-md-4 {
                margin-top: 1.40625rem !important
            }

            .mt-md-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-md-1 {
                margin-bottom: .234375rem !important
            }

            .mb-md-2 {
                margin-bottom: .46875rem !important
            }

            .mb-md-3 {
                margin-bottom: .9375rem !important
            }

            .mb-md-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-md-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-md-0 {
                margin-inline-start: 0 !important
            }

            .ms-md-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-md-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-md-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-md-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-md-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-md-auto {
                margin-inline-start: auto !important
            }

            .m-md-n1 {
                margin: -.234375rem !important
            }

            .m-md-n2 {
                margin: -.46875rem !important
            }

            .m-md-n3 {
                margin: -.9375rem !important
            }

            .m-md-n4 {
                margin: -1.40625rem !important
            }

            .m-md-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-md-n1 {
                margin-top: -.234375rem !important
            }

            .mt-md-n2 {
                margin-top: -.46875rem !important
            }

            .mt-md-n3 {
                margin-top: -.9375rem !important
            }

            .mt-md-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-md-n5 {
                margin-top: -2.8125rem !important
            }

            .me-md-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-md-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-md-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-md-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-md-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-md-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-md-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-md-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-md-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-md-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-md-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-md-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-md-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-md-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-md-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-md-1 {
                padding: .234375rem !important
            }

            .p-md-2 {
                padding: .46875rem !important
            }

            .p-md-3 {
                padding: .9375rem !important
            }

            .p-md-4 {
                padding: 1.40625rem !important
            }

            .p-md-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-md-1 {
                padding-top: .234375rem !important
            }

            .pt-md-2 {
                padding-top: .46875rem !important
            }

            .pt-md-3 {
                padding-top: .9375rem !important
            }

            .pt-md-4 {
                padding-top: 1.40625rem !important
            }

            .pt-md-5 {
                padding-top: 2.8125rem !important
            }

            .pb-md-0 {
                padding-bottom: 0 !important
            }

            .pb-md-1 {
                padding-bottom: .234375rem !important
            }

            .pb-md-2 {
                padding-bottom: .46875rem !important
            }

            .pb-md-3 {
                padding-bottom: .9375rem !important
            }

            .pb-md-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-md-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-md-1 {
                gap: .234375rem !important
            }

            .gap-md-2 {
                gap: .46875rem !important
            }

            .gap-md-3 {
                gap: .9375rem !important
            }

            .gap-md-4 {
                gap: 1.40625rem !important
            }

            .gap-md-5 {
                gap: 2.8125rem !important
            }

            .row-gap-md-0 {
                row-gap: 0 !important
            }

            .row-gap-md-1 {
                row-gap: .234375rem !important
            }

            .row-gap-md-2 {
                row-gap: .46875rem !important
            }

            .row-gap-md-3 {
                row-gap: .9375rem !important
            }

            .row-gap-md-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-md-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-md-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-md-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-md-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-md-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-md-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-md-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-md-start {
                text-align: start !important
            }

            .text-md-end {
                text-align: end !important
            }

            .text-md-center {
                text-align: center !important
            }
        }

        @media (min-width:992px) {
            .float-lg-start {
                float: left !important
            }

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

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

            .object-fit-lg-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-lg-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-lg-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-lg-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-lg-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-lg-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-lg-2 {
                margin: .46875rem !important
            }

            .m-lg-3 {
                margin: .9375rem !important
            }

            .m-lg-4 {
                margin: 1.40625rem !important
            }

            .m-lg-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-lg-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-lg-1 {
                margin-top: .234375rem !important
            }

            .mt-lg-2 {
                margin-top: .46875rem !important
            }

            .mt-lg-3 {
                margin-top: .9375rem !important
            }

            .mt-lg-4 {
                margin-top: 1.40625rem !important
            }

            .mt-lg-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-lg-1 {
                margin-bottom: .234375rem !important
            }

            .mb-lg-2 {
                margin-bottom: .46875rem !important
            }

            .mb-lg-3 {
                margin-bottom: .9375rem !important
            }

            .mb-lg-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-lg-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-lg-0 {
                margin-inline-start: 0 !important
            }

            .ms-lg-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-lg-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-lg-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-lg-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-lg-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-lg-auto {
                margin-inline-start: auto !important
            }

            .m-lg-n1 {
                margin: -.234375rem !important
            }

            .m-lg-n2 {
                margin: -.46875rem !important
            }

            .m-lg-n3 {
                margin: -.9375rem !important
            }

            .m-lg-n4 {
                margin: -1.40625rem !important
            }

            .m-lg-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-lg-n1 {
                margin-top: -.234375rem !important
            }

            .mt-lg-n2 {
                margin-top: -.46875rem !important
            }

            .mt-lg-n3 {
                margin-top: -.9375rem !important
            }

            .mt-lg-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-lg-n5 {
                margin-top: -2.8125rem !important
            }

            .me-lg-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-lg-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-lg-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-lg-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-lg-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-lg-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-lg-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-lg-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-lg-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-lg-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-lg-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-lg-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-lg-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-lg-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-lg-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-lg-1 {
                padding: .234375rem !important
            }

            .p-lg-2 {
                padding: .46875rem !important
            }

            .p-lg-3 {
                padding: .9375rem !important
            }

            .p-lg-4 {
                padding: 1.40625rem !important
            }

            .p-lg-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-lg-1 {
                padding-top: .234375rem !important
            }

            .pt-lg-2 {
                padding-top: .46875rem !important
            }

            .pt-lg-3 {
                padding-top: .9375rem !important
            }

            .pt-lg-4 {
                padding-top: 1.40625rem !important
            }

            .pt-lg-5 {
                padding-top: 2.8125rem !important
            }

            .pb-lg-0 {
                padding-bottom: 0 !important
            }

            .pb-lg-1 {
                padding-bottom: .234375rem !important
            }

            .pb-lg-2 {
                padding-bottom: .46875rem !important
            }

            .pb-lg-3 {
                padding-bottom: .9375rem !important
            }

            .pb-lg-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-lg-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-lg-1 {
                gap: .234375rem !important
            }

            .gap-lg-2 {
                gap: .46875rem !important
            }

            .gap-lg-3 {
                gap: .9375rem !important
            }

            .gap-lg-4 {
                gap: 1.40625rem !important
            }

            .gap-lg-5 {
                gap: 2.8125rem !important
            }

            .row-gap-lg-0 {
                row-gap: 0 !important
            }

            .row-gap-lg-1 {
                row-gap: .234375rem !important
            }

            .row-gap-lg-2 {
                row-gap: .46875rem !important
            }

            .row-gap-lg-3 {
                row-gap: .9375rem !important
            }

            .row-gap-lg-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-lg-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-lg-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-lg-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-lg-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-lg-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-lg-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-lg-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-lg-start {
                text-align: start !important
            }

            .text-lg-end {
                text-align: end !important
            }

            .text-lg-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .float-xl-start {
                float: left !important
            }

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

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

            .object-fit-xl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-xl-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-xl-2 {
                margin: .46875rem !important
            }

            .m-xl-3 {
                margin: .9375rem !important
            }

            .m-xl-4 {
                margin: 1.40625rem !important
            }

            .m-xl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-xl-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-xl-1 {
                margin-top: .234375rem !important
            }

            .mt-xl-2 {
                margin-top: .46875rem !important
            }

            .mt-xl-3 {
                margin-top: .9375rem !important
            }

            .mt-xl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xl-auto {
                margin-inline-start: auto !important
            }

            .m-xl-n1 {
                margin: -.234375rem !important
            }

            .m-xl-n2 {
                margin: -.46875rem !important
            }

            .m-xl-n3 {
                margin: -.9375rem !important
            }

            .m-xl-n4 {
                margin: -1.40625rem !important
            }

            .m-xl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xl-1 {
                padding: .234375rem !important
            }

            .p-xl-2 {
                padding: .46875rem !important
            }

            .p-xl-3 {
                padding: .9375rem !important
            }

            .p-xl-4 {
                padding: 1.40625rem !important
            }

            .p-xl-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-xl-1 {
                padding-top: .234375rem !important
            }

            .pt-xl-2 {
                padding-top: .46875rem !important
            }

            .pt-xl-3 {
                padding-top: .9375rem !important
            }

            .pt-xl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xl-0 {
                padding-bottom: 0 !important
            }

            .pb-xl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xl-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-xl-1 {
                gap: .234375rem !important
            }

            .gap-xl-2 {
                gap: .46875rem !important
            }

            .gap-xl-3 {
                gap: .9375rem !important
            }

            .gap-xl-4 {
                gap: 1.40625rem !important
            }

            .gap-xl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xl-0 {
                row-gap: 0 !important
            }

            .row-gap-xl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xl-start {
                text-align: start !important
            }

            .text-xl-end {
                text-align: end !important
            }

            .text-xl-center {
                text-align: center !important
            }
        }

        @media (min-width:1400px) {
            .float-xxl-start {
                float: left !important
            }

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

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

            .object-fit-xxl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xxl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xxl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xxl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xxl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .border-xxl-0 {
                border: 0 !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
            }

            .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: .234375rem !important
            }

            .m-xxl-2 {
                margin: .46875rem !important
            }

            .m-xxl-3 {
                margin: .9375rem !important
            }

            .m-xxl-4 {
                margin: 1.40625rem !important
            }

            .m-xxl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

            .mx-xxl-5 {
                margin-right: 2.8125rem !important;
                margin-left: 2.8125rem !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: .234375rem !important;
                margin-bottom: .234375rem !important
            }

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

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

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

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

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

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

            .mt-xxl-1 {
                margin-top: .234375rem !important
            }

            .mt-xxl-2 {
                margin-top: .46875rem !important
            }

            .mt-xxl-3 {
                margin-top: .9375rem !important
            }

            .mt-xxl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xxl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xxl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xxl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xxl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xxl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xxl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xxl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xxl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xxl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xxl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xxl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xxl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xxl-auto {
                margin-inline-start: auto !important
            }

            .m-xxl-n1 {
                margin: -.234375rem !important
            }

            .m-xxl-n2 {
                margin: -.46875rem !important
            }

            .m-xxl-n3 {
                margin: -.9375rem !important
            }

            .m-xxl-n4 {
                margin: -1.40625rem !important
            }

            .m-xxl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xxl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xxl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xxl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xxl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xxl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xxl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xxl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xxl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xxl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xxl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xxl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xxl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xxl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xxl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xxl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xxl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xxl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xxl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xxl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xxl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xxl-1 {
                padding: .234375rem !important
            }

            .p-xxl-2 {
                padding: .46875rem !important
            }

            .p-xxl-3 {
                padding: .9375rem !important
            }

            .p-xxl-4 {
                padding: 1.40625rem !important
            }

            .p-xxl-5 {
                padding: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

            .pt-xxl-1 {
                padding-top: .234375rem !important
            }

            .pt-xxl-2 {
                padding-top: .46875rem !important
            }

            .pt-xxl-3 {
                padding-top: .9375rem !important
            }

            .pt-xxl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xxl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xxl-0 {
                padding-bottom: 0 !important
            }

            .pb-xxl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xxl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xxl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xxl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xxl-5 {
                padding-bottom: 2.8125rem !important
            }

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

            .gap-xxl-1 {
                gap: .234375rem !important
            }

            .gap-xxl-2 {
                gap: .46875rem !important
            }

            .gap-xxl-3 {
                gap: .9375rem !important
            }

            .gap-xxl-4 {
                gap: 1.40625rem !important
            }

            .gap-xxl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xxl-0 {
                row-gap: 0 !important
            }

            .row-gap-xxl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xxl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xxl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xxl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xxl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xxl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xxl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xxl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xxl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xxl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xxl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xxl-start {
                text-align: start !important
            }

            .text-xxl-end {
                text-align: end !important
            }

            .text-xxl-center {
                text-align: center !important
            }
        }

        @media (min-width:1800px) {
            .float-xxxl-start {
                float: left !important
            }

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

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

            .object-fit-xxxl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xxxl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xxxl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xxxl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xxxl-none {
                -o-object-fit: none !important;
                object-fit: none !important
            }

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

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

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

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

            .d-xxxl-inline-grid {
                display: inline-grid !important
            }

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

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

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

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

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

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

            .border-xxxl {
                border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .m-xxxl-1 {
                margin: .234375rem !important
            }

            .m-xxxl-2 {
                margin: .46875rem !important
            }

            .m-xxxl-3 {
                margin: .9375rem !important
            }

            .m-xxxl-4 {
                margin: 1.40625rem !important
            }

            .m-xxxl-5 {
                margin: 2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .mt-xxxl-1 {
                margin-top: .234375rem !important
            }

            .mt-xxxl-2 {
                margin-top: .46875rem !important
            }

            .mt-xxxl-3 {
                margin-top: .9375rem !important
            }

            .mt-xxxl-4 {
                margin-top: 1.40625rem !important
            }

            .mt-xxxl-5 {
                margin-top: 2.8125rem !important
            }

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

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

            .mb-xxxl-1 {
                margin-bottom: .234375rem !important
            }

            .mb-xxxl-2 {
                margin-bottom: .46875rem !important
            }

            .mb-xxxl-3 {
                margin-bottom: .9375rem !important
            }

            .mb-xxxl-4 {
                margin-bottom: 1.40625rem !important
            }

            .mb-xxxl-5 {
                margin-bottom: 2.8125rem !important
            }

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

            .ms-xxxl-0 {
                margin-inline-start: 0 !important
            }

            .ms-xxxl-1 {
                margin-inline-start: .234375rem !important
            }

            .ms-xxxl-2 {
                margin-inline-start: .46875rem !important
            }

            .ms-xxxl-3 {
                margin-inline-start: .9375rem !important
            }

            .ms-xxxl-4 {
                margin-inline-start: 1.40625rem !important
            }

            .ms-xxxl-5 {
                margin-inline-start: 2.8125rem !important
            }

            .ms-xxxl-auto {
                margin-inline-start: auto !important
            }

            .m-xxxl-n1 {
                margin: -.234375rem !important
            }

            .m-xxxl-n2 {
                margin: -.46875rem !important
            }

            .m-xxxl-n3 {
                margin: -.9375rem !important
            }

            .m-xxxl-n4 {
                margin: -1.40625rem !important
            }

            .m-xxxl-n5 {
                margin: -2.8125rem !important
            }

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

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

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

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

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

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

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

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

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

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

            .mt-xxxl-n1 {
                margin-top: -.234375rem !important
            }

            .mt-xxxl-n2 {
                margin-top: -.46875rem !important
            }

            .mt-xxxl-n3 {
                margin-top: -.9375rem !important
            }

            .mt-xxxl-n4 {
                margin-top: -1.40625rem !important
            }

            .mt-xxxl-n5 {
                margin-top: -2.8125rem !important
            }

            .me-xxxl-n1 {
                margin-inline-end: -.234375rem !important
            }

            .me-xxxl-n2 {
                margin-inline-end: -.46875rem !important
            }

            .me-xxxl-n3 {
                margin-inline-end: -.9375rem !important
            }

            .me-xxxl-n4 {
                margin-inline-end: -1.40625rem !important
            }

            .me-xxxl-n5 {
                margin-inline-end: -2.8125rem !important
            }

            .mb-xxxl-n1 {
                margin-bottom: -.234375rem !important
            }

            .mb-xxxl-n2 {
                margin-bottom: -.46875rem !important
            }

            .mb-xxxl-n3 {
                margin-bottom: -.9375rem !important
            }

            .mb-xxxl-n4 {
                margin-bottom: -1.40625rem !important
            }

            .mb-xxxl-n5 {
                margin-bottom: -2.8125rem !important
            }

            .ms-xxxl-n1 {
                margin-inline-start: -.234375rem !important
            }

            .ms-xxxl-n2 {
                margin-inline-start: -.46875rem !important
            }

            .ms-xxxl-n3 {
                margin-inline-start: -.9375rem !important
            }

            .ms-xxxl-n4 {
                margin-inline-start: -1.40625rem !important
            }

            .ms-xxxl-n5 {
                margin-inline-start: -2.8125rem !important
            }

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

            .p-xxxl-1 {
                padding: .234375rem !important
            }

            .p-xxxl-2 {
                padding: .46875rem !important
            }

            .p-xxxl-3 {
                padding: .9375rem !important
            }

            .p-xxxl-4 {
                padding: 1.40625rem !important
            }

            .p-xxxl-5 {
                padding: 2.8125rem !important
            }

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

            .px-xxxl-1 {
                padding-right: .234375rem !important;
                padding-left: .234375rem !important
            }

            .px-xxxl-2 {
                padding-right: .46875rem !important;
                padding-left: .46875rem !important
            }

            .px-xxxl-3 {
                padding-right: .9375rem !important;
                padding-left: .9375rem !important
            }

            .px-xxxl-4 {
                padding-right: 1.40625rem !important;
                padding-left: 1.40625rem !important
            }

            .px-xxxl-5 {
                padding-right: 2.8125rem !important;
                padding-left: 2.8125rem !important
            }

            .py-xxxl-0 {
                padding-top: 0 !important;
                padding-bottom: 0 !important
            }

            .py-xxxl-1 {
                padding-top: .234375rem !important;
                padding-bottom: .234375rem !important
            }

            .py-xxxl-2 {
                padding-top: .46875rem !important;
                padding-bottom: .46875rem !important
            }

            .py-xxxl-3 {
                padding-top: .9375rem !important;
                padding-bottom: .9375rem !important
            }

            .py-xxxl-4 {
                padding-top: 1.40625rem !important;
                padding-bottom: 1.40625rem !important
            }

            .py-xxxl-5 {
                padding-top: 2.8125rem !important;
                padding-bottom: 2.8125rem !important
            }

            .pt-xxxl-0 {
                padding-top: 0 !important
            }

            .pt-xxxl-1 {
                padding-top: .234375rem !important
            }

            .pt-xxxl-2 {
                padding-top: .46875rem !important
            }

            .pt-xxxl-3 {
                padding-top: .9375rem !important
            }

            .pt-xxxl-4 {
                padding-top: 1.40625rem !important
            }

            .pt-xxxl-5 {
                padding-top: 2.8125rem !important
            }

            .pb-xxxl-0 {
                padding-bottom: 0 !important
            }

            .pb-xxxl-1 {
                padding-bottom: .234375rem !important
            }

            .pb-xxxl-2 {
                padding-bottom: .46875rem !important
            }

            .pb-xxxl-3 {
                padding-bottom: .9375rem !important
            }

            .pb-xxxl-4 {
                padding-bottom: 1.40625rem !important
            }

            .pb-xxxl-5 {
                padding-bottom: 2.8125rem !important
            }

            .gap-xxxl-0 {
                gap: 0 !important
            }

            .gap-xxxl-1 {
                gap: .234375rem !important
            }

            .gap-xxxl-2 {
                gap: .46875rem !important
            }

            .gap-xxxl-3 {
                gap: .9375rem !important
            }

            .gap-xxxl-4 {
                gap: 1.40625rem !important
            }

            .gap-xxxl-5 {
                gap: 2.8125rem !important
            }

            .row-gap-xxxl-0 {
                row-gap: 0 !important
            }

            .row-gap-xxxl-1 {
                row-gap: .234375rem !important
            }

            .row-gap-xxxl-2 {
                row-gap: .46875rem !important
            }

            .row-gap-xxxl-3 {
                row-gap: .9375rem !important
            }

            .row-gap-xxxl-4 {
                row-gap: 1.40625rem !important
            }

            .row-gap-xxxl-5 {
                row-gap: 2.8125rem !important
            }

            .column-gap-xxxl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xxxl-1 {
                -moz-column-gap: .234375rem !important;
                column-gap: .234375rem !important
            }

            .column-gap-xxxl-2 {
                -moz-column-gap: .46875rem !important;
                column-gap: .46875rem !important
            }

            .column-gap-xxxl-3 {
                -moz-column-gap: .9375rem !important;
                column-gap: .9375rem !important
            }

            .column-gap-xxxl-4 {
                -moz-column-gap: 1.40625rem !important;
                column-gap: 1.40625rem !important
            }

            .column-gap-xxxl-5 {
                -moz-column-gap: 2.8125rem !important;
                column-gap: 2.8125rem !important
            }

            .text-xxxl-start {
                text-align: start !important
            }

            .text-xxxl-end {
                text-align: end !important
            }

            .text-xxxl-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .fs-1 {
                font-size: 1.875rem !important
            }

            .fs-2 {
                font-size: 1.5rem !important
            }

            .fs-3 {
                font-size: 1.3125rem !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-inline-grid {
                display: inline-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
            }
        }

        :root,
        [data-bs-theme=light] {
            --bs-app-theme: #00acac;
            --bs-app-theme-rgb: 0, 172, 172;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #008181;
            --bs-app-theme-hover-border-color: #008181;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #008181;
            --bs-app-theme-active-border-color: #008181;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #40c1c1;
            --bs-app-theme-disabled-border-color: #40c1c1;
            --bs-app-theme-disabled-color: #FFFFFF;
            --bs-border-color: #ced4da;
            --bs-border-color-rgb: 206, 212, 218;
            --bs-app-header-bg: #FFFFFF;
            --bs-app-header-bg-rgb: 255, 255, 255;
            --bs-app-header-color: #20252a;
            --bs-app-header-color-rgb: 32, 37, 42;
            --bs-app-header-input-bg: #f2f3f4;
            --bs-app-header-input-border: #f2f3f4;
            --bs-app-header-mobile-divider-bg: #edf0f2;
            --bs-app-header-divider-bg: #dee2e6;
            --bs-app-sidebar-bg: #FFFFFF;
            --bs-app-sidebar-bg-rgb: 255, 255, 255;
            --bs-app-sidebar-bg-transparent: url(images/cover-sidebar.jpg);
            --bs-app-sidebar-profile-bg: #20252a;
            --bs-app-sidebar-profile-bg-rgb: 32, 37, 42;
            --bs-app-sidebar-profile-color: #FFFFFF;
            --bs-app-sidebar-profile-color-rgb: 255, 255, 255;
            --bs-app-sidebar-component-color: #2d353c;
            --bs-app-sidebar-component-color-rgb: 45, 53, 60;
            --bs-app-sidebar-component-active-bg: #f0f2f4;
            --bs-app-sidebar-component-active-color: #20252a;
            --bs-app-sidebar-menu-header-color: #adb5bd;
            --bs-app-sidebar-menu-divider-bg: #dee2e6;
            --bs-app-sidebar-menu-icon-color: inherit;
            --bs-app-sidebar-menu-badge-bg: #dee2e6;
            --bs-app-sidebar-menu-badge-color: #2d353c;
            --bs-app-sidebar-menu-badge-font-weight: 700;
            --bs-app-sidebar-menu-link-color: #6c757d;
            --bs-app-sidebar-menu-link-hover-color: #20252a;
            --bs-app-sidebar-menu-link-font-weight: 600;
            --bs-app-sidebar-menu-submenu-bg: none;
            --bs-app-sidebar-menu-submenu-link-color: #6c757d;
            --bs-app-sidebar-menu-submenu-link-hover-color: #20252a;
            --bs-app-sidebar-menu-submenu-link-font-weight: 600;
            --bs-app-sidebar-menu-grid-bg: #dee2e6;
            --bs-app-sidebar-menu-grid-border-width: 2px;
            --bs-app-sidebar-menu-grid-border-color: #dee2e6;
            --bs-app-sidebar-grid-border-color: #dee2e6;
            --bs-app-sidebar-minify-btn-bg: #e9ecef;
            --bs-app-sidebar-minify-btn-hover-bg: #ced4da;
            --bs-app-sidebar-float-submenu-bg: #f8f9fa;
            --bs-app-sidebar-float-submenu-grid-border-color: #dee2e6;
            --bs-app-top-menu-bg: #FFFFFF;
            --bs-app-top-menu-link-color: rgba(32, 37, 42, 0.6);
            --bs-app-top-menu-link-font-weight: 600;
            --bs-app-top-menu-link-hover-color: #20252a;
            --bs-app-top-menu-link-hover-bg: none;
            --bs-app-top-menu-link-active-color: #20252a;
            --bs-app-top-menu-link-active-bg: none;
            --bs-app-top-menu-menu-badge-bg: #e9ecef;
            --bs-app-top-menu-menu-badge-color: #20252a;
            --bs-app-top-menu-menu-badge-font-weight: 600;
            --bs-app-top-menu-menu-submenu-bg: #f8f9fa;
            --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.1);
            --bs-app-top-menu-control-link-bg: #FFFFFF;
            --bs-app-top-menu-control-link-color: rgba(32, 37, 42, 0.6);
            --bs-app-top-menu-control-link-hover-bg: #FFFFFF;
            --bs-app-top-menu-control-link-hover-color: #20252a;
            --bs-app-login-bg-cover: url(images/bg-login.png);
            --bs-component-bg: #FFFFFF;
            --bs-component-bg-rgb: 255, 255, 255;
            --bs-component-secondary-bg: #dee2e6;
            --bs-component-secondary-bg-rgb: 222, 226, 230;
            --bs-component-tertiary-bg: #adb5bd;
            --bs-component-tertiary-bg-rgb: 173, 181, 189;
            --bs-component-dropdown-bg: #FFFFFF;
            --bs-component-dropdown-bg-rgb: 255, 255, 255;
            --bs-component-dropdown-hover-bg: #eff1f3;
            --bs-component-dropdown-hover-bg-rgb: 239, 241, 243;
            --bs-component-dropdown-border-color: #ced4da;
            --bs-component-dropdown-border-color-rgb: 206, 212, 218;
            --bs-component-modal-bg: #FFFFFF;
            --bs-component-modal-bg-rgb: 255, 255, 255;
            --bs-component-modal-border-color: #ced4da;
            --bs-component-modal-border-color-rgb: 206, 212, 218;
            --bs-component-secondary-bg: #dee2e6;
            --bs-component-color: #20252a;
            --bs-component-color-rgb: 32, 37, 42;
            --bs-component-border-color: #ced4da;
            --bs-component-border-color-rgb: 206, 212, 218;
            --bs-component-active-bg: #348fe2;
            --bs-component-active-bg-rgb: 52, 143, 226;
            --bs-component-active-color: #FFFFFF;
            --bs-component-active-color-rgb: 255, 255, 255;
            --bs-component-hover-bg: #eff1f3;
            --bs-component-hover-color: #20252a;
            --bs-component-hover-border-color: #ced4da;
            --bs-component-focus-border-color: #67abe9;
            --bs-component-disabled-bg: #e9ecef;
            --bs-component-disabled-color: #adb5bd;
            --bs-component-disabled-border-color: #ced4da;
            --bs-component-table-border-color: #ced4da;
            --bs-component-table-separator-color: currentColor;
            --bs-default-bg-subtle: #f8f9fa;
            --bs-default-text-emphasis: #464748;
            --bs-default-border-subtle: #f8f9fa;
            --bs-primary-bg-subtle: #c2ddf6;
            --bs-primary-text-emphasis: #102b44;
            --bs-primary-border-subtle: #c2ddf6;
            --bs-secondary-bg-subtle: #d3d6d8;
            --bs-secondary-text-emphasis: #202326;
            --bs-secondary-border-subtle: #d3d6d8;
            --bs-success-bg-subtle: #b3e6e6;
            --bs-success-text-emphasis: #003434;
            --bs-success-border-subtle: #b3e6e6;
            --bs-info-bg-subtle: #c8e9f3;
            --bs-info-text-emphasis: #163740;
            --bs-info-border-subtle: #c8e9f3;
            --bs-warning-bg-subtle: #fce1ba;
            --bs-warning-text-emphasis: #4a2f08;
            --bs-warning-border-subtle: #fce1ba;
            --bs-danger-bg-subtle: #ffcecd;
            --bs-danger-text-emphasis: #4d1b1a;
            --bs-danger-border-subtle: #ffcecd;
            --bs-light-bg-subtle: #fbfbfc;
            --bs-light-text-emphasis: #494949;
            --bs-light-border-subtle: #fbfbfc;
            --bs-dark-bg-subtle: #c0c2c5;
            --bs-dark-text-emphasis: #0e1012;
            --bs-dark-border-subtle: #c0c2c5;
            --bs-inverse-bg-subtle: #c0c2c5;
            --bs-inverse-text-emphasis: #0e1012;
            --bs-inverse-border-subtle: #c0c2c5;
            --bs-blue-bg-subtle: #c2ddf6;
            --bs-blue-text-emphasis: #102b44;
            --bs-blue-border-subtle: #c2ddf6;
            --bs-indigo-bg-subtle: #dbcbf5;
            --bs-indigo-text-emphasis: #291943;
            --bs-indigo-border-subtle: #dbcbf5;
            --bs-purple-bg-subtle: #d5d8e9;
            --bs-purple-text-emphasis: #222537;
            --bs-purple-border-subtle: #d5d8e9;
            --bs-pink-bg-subtle: #fecce0;
            --bs-pink-text-emphasis: #4b1a2d;
            --bs-pink-border-subtle: #fecce0;
            --bs-red-bg-subtle: #ffcecd;
            --bs-red-text-emphasis: #4d1b1a;
            --bs-red-border-subtle: #ffcecd;
            --bs-orange-bg-subtle: #fce1ba;
            --bs-orange-text-emphasis: #4a2f08;
            --bs-orange-border-subtle: #fce1ba;
            --bs-yellow-bg-subtle: #fff4b3;
            --bs-yellow-text-emphasis: #4d4100;
            --bs-yellow-border-subtle: #fff4b3;
            --bs-green-bg-subtle: #c2e5c2;
            --bs-green-text-emphasis: #0f330f;
            --bs-green-border-subtle: #c2e5c2;
            --bs-teal-bg-subtle: #b3e6e6;
            --bs-teal-text-emphasis: #003434;
            --bs-teal-border-subtle: #b3e6e6;
            --bs-lime-bg-subtle: #deefc9;
            --bs-lime-text-emphasis: #2b3d17;
            --bs-lime-border-subtle: #deefc9;
            --bs-cyan-bg-subtle: #c8e9f3;
            --bs-cyan-text-emphasis: #163740;
            --bs-cyan-border-subtle: #c8e9f3;
            --bs-white-bg-subtle: white;
            --bs-white-text-emphasis: #4d4d4d;
            --bs-white-border-subtle: white;
            --bs-gray-bg-subtle: #d3d6d8;
            --bs-gray-text-emphasis: #202326;
            --bs-gray-border-subtle: #d3d6d8;
            --bs-gray-dark-bg-subtle: #c0c2c5;
            --bs-gray-dark-text-emphasis: #0e1012;
            --bs-gray-dark-border-subtle: #c0c2c5;
            --bs-muted-bg-subtle: #e6e9eb;
            --bs-muted-text-emphasis: #343639;
            --bs-muted-border-subtle: #e6e9eb;
            --bs-black-bg-subtle: #b3b3b3;
            --bs-black-text-emphasis: black;
            --bs-black-border-subtle: #b3b3b3;
            --bs-silver-bg-subtle: #e9edef;
            --bs-silver-text-emphasis: #373a3c;
            --bs-silver-border-subtle: #e9edef;
            --bs-gray-100-bg-subtle: #fdfdfe;
            --bs-gray-100-text-emphasis: #4a4b4b;
            --bs-gray-100-border-subtle: #fdfdfe;
            --bs-gray-200-bg-subtle: #f8f9fa;
            --bs-gray-200-text-emphasis: #464748;
            --bs-gray-200-border-subtle: #f8f9fa;
            --bs-gray-300-bg-subtle: #f5f6f8;
            --bs-gray-300-text-emphasis: #434445;
            --bs-gray-300-border-subtle: #f5f6f8;
            --bs-gray-400-bg-subtle: #f0f2f4;
            --bs-gray-400-text-emphasis: #3e4041;
            --bs-gray-400-border-subtle: #f0f2f4;
            --bs-gray-500-bg-subtle: #e6e9eb;
            --bs-gray-500-text-emphasis: #343639;
            --bs-gray-500-border-subtle: #e6e9eb;
            --bs-gray-600-bg-subtle: #d3d6d8;
            --bs-gray-600-text-emphasis: #202326;
            --bs-gray-600-border-subtle: #d3d6d8;
            --bs-gray-700-bg-subtle: #c8cbcd;
            --bs-gray-700-text-emphasis: #16181a;
            --bs-gray-700-border-subtle: #c8cbcd;
            --bs-gray-800-bg-subtle: #c0c2c5;
            --bs-gray-800-text-emphasis: #0e1012;
            --bs-gray-800-border-subtle: #c0c2c5;
            --bs-gray-900-bg-subtle: #bcbebf;
            --bs-gray-900-text-emphasis: #0a0b0d;
            --bs-gray-900-border-subtle: #bcbebf
        }

        [data-bs-theme=dark] {
            --bs-body-bg: #161a1d;
            --bs-body-color: #dee2e6;
            --bs-dark: #f8f9fa;
            --bs-dark-rgb: 248, 249, 250;
            --bs-light: #20252a;
            --bs-light-rgb: 32, 37, 42;
            --bs-border-color: #6c757d;
            --bs-app-header-bg: #262d33;
            --bs-app-header-color: #FFFFFF;
            --bs-app-header-input-bg: #1b1f24;
            --bs-app-header-input-border: #1b1f24;
            --bs-app-header-divider-bg: #495057;
            --bs-app-header-mobile-divider-bg: #20252a;
            --bs-app-sidebar-bg: #2d353c;
            --bs-app-sidebar-bg-rgb: 45, 53, 60;
            --bs-app-sidebar-profile-bg: #20252a;
            --bs-app-sidebar-profile-bg-rgb: 32, 37, 42;
            --bs-app-sidebar-profile-color: #FFFFFF;
            --bs-app-sidebar-profile-color-rgb: 255, 255, 255;
            --bs-app-sidebar-component-color: #FFFFFF;
            --bs-app-sidebar-component-color-rgb: 255, 255, 255;
            --bs-app-sidebar-component-active-bg: #20252a;
            --bs-app-sidebar-component-active-color: #FFFFFF;
            --bs-app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45);
            --bs-app-sidebar-menu-divider-bg: #20252a;
            --bs-app-sidebar-menu-icon-color: inherit;
            --bs-app-sidebar-menu-badge-bg: #20252a;
            --bs-app-sidebar-menu-badge-color: #FFFFFF;
            --bs-app-sidebar-menu-badge-font-weight: 400;
            --bs-app-sidebar-menu-link-font-weight: 400;
            --bs-app-sidebar-menu-link-color: rgba(255, 255, 255, 0.6);
            --bs-app-sidebar-menu-link-hover-color: #FFFFFF;
            --bs-app-sidebar-menu-submenu-bg: none;
            --bs-app-sidebar-menu-submenu-link-color: rgba(255, 255, 255, 0.45);
            --bs-app-sidebar-menu-submenu-link-hover-color: #FFFFFF;
            --bs-app-sidebar-menu-submenu-link-font-weight: 400;
            --bs-app-sidebar-menu-grid-bg: #20252a;
            --bs-app-sidebar-menu-grid-border-width: 1px;
            --bs-app-sidebar-menu-grid-border-color: rgba(255, 255, 255, 0.6);
            --bs-app-sidebar-grid-border-color: #3d4852;
            --bs-app-sidebar-float-submenu-bg: #20252a;
            --bs-app-sidebar-float-submenu-grid-border-color: #2d353c;
            --bs-app-sidebar-minify-btn-bg: #242b30;
            --bs-app-sidebar-minify-btn-hover-bg: #20252a;
            --bs-app-top-menu-bg: #20252a;
            --bs-app-top-menu-link-color: rgba(255, 255, 255, 0.6);
            --bs-app-top-menu-link-font-weight: 400;
            --bs-app-top-menu-link-hover-color: #FFFFFF;
            --bs-app-top-menu-link-hover-bg: none;
            --bs-app-top-menu-link-active-color: #FFFFFF;
            --bs-app-top-menu-link-active-bg: none;
            --bs-app-top-menu-menu-badge-bg: #495057;
            --bs-app-top-menu-menu-badge-color: #e9ecef;
            --bs-app-top-menu-menu-badge-font-weight: 600;
            --bs-app-top-menu-menu-submenu-bg: #2d353c;
            --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.2);
            --bs-app-top-menu-control-link-bg: #2d353c;
            --bs-app-top-menu-control-link-color: rgba(255, 255, 255, 0.6);
            --bs-app-top-menu-control-link-hover-bg: #242b30;
            --bs-app-top-menu-control-link-hover-color: #FFFFFF;
            --bs-app-login-bg-cover: url(images/bg-login-dark-mode.png);
            --bs-component-bg: #2d353c;
            --bs-component-bg-rgb: 45, 53, 60;
            --bs-component-secondary-bg: #495057;
            --bs-component-secondary-bg-rgb: 73, 80, 87;
            --bs-component-tertiary-bg: #6c757d;
            --bs-component-tertiary-bg-rgb: 108, 117, 125;
            --bs-component-color: #FFFFFF;
            --bs-component-color-rgb: 255, 255, 255;
            --bs-component-border-color: #495057;
            --bs-component-border-color-rgb: 73, 80, 87;
            --bs-component-hover-bg: #4d5359;
            --bs-component-hover-color: #FFFFFF;
            --bs-component-hover-border-color: rgba(222, 226, 230, 0.125);
            --bs-component-disabled-bg: #495057;
            --bs-component-disabled-border-color: #495057;
            --bs-component-disabled-color: #6c757d;
            --bs-component-dropdown-bg: #495057;
            --bs-component-dropdown-bg-rgb: 73, 80, 87;
            --bs-component-dropdown-hover-bg: #6c757d;
            --bs-component-dropdown-hover-bg-rgb: 108, 117, 125;
            --bs-component-dropdown-border-color: #6c757d;
            --bs-component-dropdown-border-color-rgb: 108, 117, 125;
            --bs-component-modal-bg: #495057;
            --bs-component-modal-bg-rgb: 73, 80, 87;
            --bs-component-modal-border-color: #6c757d;
            --bs-component-modal-border-color-rgb: 108, 117, 125;
            --bs-component-secondary-bg: #495057;
            --bs-component-table-border-color: #495057;
            --bs-component-table-separator-color: #adb5bd;
            --bs-default-bg-subtle: #2f2f30;
            --bs-default-text-emphasis: #f2f4f5;
            --bs-default-border-subtle: #2f2f30;
            --bs-primary-bg-subtle: #0a1d2d;
            --bs-primary-text-emphasis: #85bcee;
            --bs-primary-border-subtle: #0a1d2d;
            --bs-secondary-bg-subtle: #161719;
            --bs-secondary-text-emphasis: #a7acb1;
            --bs-secondary-border-subtle: #161719;
            --bs-success-bg-subtle: #002222;
            --bs-success-text-emphasis: #66cdcd;
            --bs-success-border-subtle: #002222;
            --bs-info-bg-subtle: #0f242b;
            --bs-info-text-emphasis: #92d3e6;
            --bs-info-border-subtle: #0f242b;
            --bs-warning-bg-subtle: #311f05;
            --bs-warning-text-emphasis: #f9c476;
            --bs-warning-border-subtle: #311f05;
            --bs-danger-bg-subtle: #331211;
            --bs-danger-text-emphasis: #ff9d9a;
            --bs-danger-border-subtle: #331211;
            --bs-light-bg-subtle: #303131;
            --bs-light-text-emphasis: #f7f8f8;
            --bs-light-border-subtle: #303131;
            --bs-dark-bg-subtle: #090b0c;
            --bs-dark-text-emphasis: #81868a;
            --bs-dark-border-subtle: #090b0c;
            --bs-inverse-bg-subtle: #090b0c;
            --bs-inverse-text-emphasis: #81868a;
            --bs-inverse-border-subtle: #090b0c;
            --bs-blue-bg-subtle: #0a1d2d;
            --bs-blue-text-emphasis: #85bcee;
            --bs-blue-border-subtle: #0a1d2d;
            --bs-indigo-bg-subtle: #1b112c;
            --bs-indigo-text-emphasis: #b798eb;
            --bs-indigo-border-subtle: #1b112c;
            --bs-purple-bg-subtle: #171924;
            --bs-purple-text-emphasis: #aab0d3;
            --bs-purple-border-subtle: #171924;
            --bs-pink-bg-subtle: #32111e;
            --bs-pink-text-emphasis: #fd99c1;
            --bs-pink-border-subtle: #32111e;
            --bs-red-bg-subtle: #331211;
            --bs-red-text-emphasis: #ff9d9a;
            --bs-red-border-subtle: #331211;
            --bs-orange-bg-subtle: #311f05;
            --bs-orange-text-emphasis: #f9c476;
            --bs-orange-border-subtle: #311f05;
            --bs-yellow-bg-subtle: #332b00;
            --bs-yellow-text-emphasis: #ffe866;
            --bs-yellow-border-subtle: #332b00;
            --bs-green-bg-subtle: #0a220a;
            --bs-green-text-emphasis: #84cb84;
            --bs-green-border-subtle: #0a220a;
            --bs-teal-bg-subtle: #002222;
            --bs-teal-text-emphasis: #66cdcd;
            --bs-teal-border-subtle: #002222;
            --bs-lime-bg-subtle: #1d280f;
            --bs-lime-text-emphasis: #bcdf93;
            --bs-lime-border-subtle: #1d280f;
            --bs-cyan-bg-subtle: #0f242b;
            --bs-cyan-text-emphasis: #92d3e6;
            --bs-cyan-border-subtle: #0f242b;
            --bs-white-bg-subtle: #333333;
            --bs-white-text-emphasis: white;
            --bs-white-border-subtle: #333333;
            --bs-gray-bg-subtle: #161719;
            --bs-gray-text-emphasis: #a7acb1;
            --bs-gray-border-subtle: #161719;
            --bs-gray-dark-bg-subtle: #090b0c;
            --bs-gray-dark-text-emphasis: #81868a;
            --bs-gray-dark-border-subtle: #090b0c;
            --bs-muted-bg-subtle: #232426;
            --bs-muted-text-emphasis: #ced3d7;
            --bs-muted-border-subtle: #232426;
            --bs-black-bg-subtle: black;
            --bs-black-text-emphasis: #666666;
            --bs-black-border-subtle: black;
            --bs-silver-bg-subtle: #242728;
            --bs-silver-text-emphasis: #d3dadf;
            --bs-silver-border-subtle: #242728;
            --bs-gray-100-bg-subtle: #323232;
            --bs-gray-100-text-emphasis: #fbfbfc;
            --bs-gray-100-border-subtle: #323232;
            --bs-gray-200-bg-subtle: #2f2f30;
            --bs-gray-200-text-emphasis: #f2f4f5;
            --bs-gray-200-border-subtle: #2f2f30;
            --bs-gray-300-bg-subtle: #2c2d2e;
            --bs-gray-300-text-emphasis: #ebeef0;
            --bs-gray-300-border-subtle: #2c2d2e;
            --bs-gray-400-bg-subtle: #292a2c;
            --bs-gray-400-text-emphasis: #e2e5e9;
            --bs-gray-400-border-subtle: #292a2c;
            --bs-gray-500-bg-subtle: #232426;
            --bs-gray-500-text-emphasis: #ced3d7;
            --bs-gray-500-border-subtle: #232426;
            --bs-gray-600-bg-subtle: #161719;
            --bs-gray-600-text-emphasis: #a7acb1;
            --bs-gray-600-border-subtle: #161719;
            --bs-gray-700-bg-subtle: #0f1011;
            --bs-gray-700-text-emphasis: #92969a;
            --bs-gray-700-border-subtle: #0f1011;
            --bs-gray-800-bg-subtle: #090b0c;
            --bs-gray-800-text-emphasis: #81868a;
            --bs-gray-800-border-subtle: #090b0c;
            --bs-gray-900-bg-subtle: #060708;
            --bs-gray-900-text-emphasis: #797c7f;
            --bs-gray-900-border-subtle: #060708
        }

        [data-bs-theme=dark] .table {
            --bs-table-striped-bg: #495057;
            --bs-table-active-color: var(--bs-component-color);
            --bs-table-active-bg: $gray-700;
            --bs-table-hover-color: var(--bs-component-color);
            --bs-table-hover-bg: rgba(73, 80, 87, 0.85)
        }

        [data-bs-theme=dark] .bg-dark,
        [data-bs-theme=dark] .bg-white {
            --bs-bg-opacity: .25
        }

        [data-bs-theme=dark] .text-dark {
            --bs-text-opacity: .5;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
        }

        [data-bs-theme=dark] .btn-dark,
        [data-bs-theme=dark] .btn-white {
            border-color: transparent;
            background-color: #495057;
            color: #fff
        }

        [data-bs-theme=dark] .btn-dark.active,
        [data-bs-theme=dark] .btn-dark:focus,
        [data-bs-theme=dark] .btn-dark:hover,
        [data-bs-theme=dark] .btn-white.active,
        [data-bs-theme=dark] .btn-white:focus,
        [data-bs-theme=dark] .btn-white:hover {
            background-color: #6c757d;
            border-color: transparent;
            color: #fff
        }

        [data-bs-theme=dark] .btn-outline-default,
        [data-bs-theme=dark] .btn-outline-inverse {
            color: #6c757d;
            border-color: #6c757d
        }

        [data-bs-theme=dark] .btn-outline-default.active,
        [data-bs-theme=dark] .btn-outline-default:focus,
        [data-bs-theme=dark] .btn-outline-default:hover,
        [data-bs-theme=dark] .btn-outline-inverse.active,
        [data-bs-theme=dark] .btn-outline-inverse:focus,
        [data-bs-theme=dark] .btn-outline-inverse:hover {
            background-color: #6c757d;
            color: #fff !important
        }

        [data-bs-theme=dark] .btn-default {
            background: #6c757d;
            border-color: #6c757d;
            color: #fff
        }

        [data-bs-theme=dark] .btn-default.active,
        [data-bs-theme=dark] .btn-default:focus,
        [data-bs-theme=dark] .btn-default:hover {
            background: #495057;
            border-color: #495057;
            color: #fff
        }

        [data-bs-theme=dark] .btn-group>.btn-white+.btn-white {
            border-inline-start-color: #6c757d
        }

        html {
            height: 100%
        }

        body {
            height: 100%;
            letter-spacing: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        b {
            font-weight: 700
        }

        .h1 .small,
        .h1 small,
        .h2 .small,
        .h2 small,
        .h3 .small,
        .h3 small,
        .h4 .small,
        .h4 small,
        .h5 .small,
        .h5 small,
        .h6 .small,
        .h6 small,
        h1 .small,
        h1 small,
        h2 .small,
        h2 small,
        h3 .small,
        h3 small,
        h4 .small,
        h4 small,
        h5 .small,
        h5 small,
        h6 .small,
        h6 small {
            font-size: 60%;
            font-weight: 400;
            color: rgba(var(--bs-component-color-rgb), .65)
        }

        a:focus {
            outline: 0
        }

        .app-content {
            margin-inline-start: 220px;
            padding: 20px 30px
        }

        .app-content .app-content-container {
            margin: -20px -30px;
            padding: 20px 30px
        }

        @media (max-width:767.98px) {
            .app-content .app-content-container {
                margin: -20px -20px;
                padding: 20px 20px
            }
        }

        .app-content .app-content-margin {
            margin: -20px -30px
        }

        @media (max-width:767.98px) {
            .app-content .app-content-margin {
                margin: -20px -20px
            }
        }

        .app-content .app-content-padding {
            padding: 20px 30px
        }

        @media (max-width:767.98px) {
            .app-content .app-content-padding {
                padding: 20px 20px
            }
        }

        @media (max-width:767.98px) {
            .app-content {
                margin-inline-start: 0;
                padding: 20px 20px
            }
        }

        .app-footer {
            padding: .9375rem 30px;
            margin: 0 -30px -20px;
            border-top: 1px solid var(--bs-component-border-color);
            font-weight: 600;
            color: #6c757d
        }

        @keyframes navbar-input-expand {
            from {
                width: 220px
            }

            to {
                width: 300px
            }
        }

        @keyframes navbar-input-expand-xs {
            from {
                width: 160px
            }

            to {
                width: 200px
            }
        }

        .app-header {
            position: relative;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            z-index: 1020;
            margin-bottom: 0;
            padding: 0;
            background: var(--bs-app-header-bg);
            box-shadow: var(--bs-app-header-box-shadow);
            transition: box-shadow .2s linear;
            display: flex;
            flex: 1
        }

        @media (max-width:767.98px) {
            .app-header {
                display: block
            }
        }

        .app-header .navbar-mobile-toggler {
            position: relative;
            padding: 10px;
            background-color: transparent;
            background-image: none;
            border: none;
            outline: 0;
            color: var(--bs-component-color);
            border-radius: var(--bs-border-radius)
        }

        @media (min-width:768px) {
            .app-header .navbar-mobile-toggler {
                display: none
            }
        }

        .app-header .navbar-mobile-toggler .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            background: var(--bs-app-header-color);
            border-radius: var(--bs-border-radius)
        }

        .app-header .navbar-mobile-toggler .icon-bar+.icon-bar {
            margin-top: 4px
        }

        .app-header .navbar-mobile-toggler:hover {
            background: 0 0;
            opacity: .75
        }

        @media (max-width:767.98px) {
            .app-header .navbar-mobile-toggler+.navbar-brand {
                justify-content: center;
                margin-inline-start: auto
            }
        }

        .app-header .navbar-header {
            display: flex;
            align-items: center
        }

        @media (min-width:768px) {
            .app-header .navbar-header {
                width: 220px
            }
        }

        @media (max-width:767.98px) {
            .app-header .navbar-header {
                padding: 0 10px
            }
        }

        .app-header .navbar-brand {
            padding: 10px 20px;
            height: 50px;
            font-weight: 100;
            font-size: 18px;
            line-height: 30px;
            text-decoration: none;
            margin: 0;
            color: var(--bs-app-header-color);
            align-items: center;
            display: flex;
            margin-inline-end: auto
        }

        @media (max-width:767.98px) {
            .app-header .navbar-brand {
                padding: 10px
            }
        }

        .app-header .navbar-brand img {
            max-width: 100%;
            max-height: 100%
        }

        .app-header .navbar-brand b {
            font-weight: 700
        }

        .app-header .navbar-brand .navbar-logo {
            background: var(--bs-app-theme);
            border: 10px solid transparent;
            border-color: transparent rgba(0, 0, 0, .15) rgba(0, 0, 0, .3);
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            margin-inline-end: 10px
        }

        .app-header .navbar-nav {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: row;
            flex: 1;
            justify-content: flex-end;
            align-items: center
        }

        @media (max-width:767.98px) {
            .app-header .navbar-nav {
                border-top: 1px solid var(--bs-app-header-mobile-divider-bg);
                padding: 0 20px
            }
        }

        .app-header .navbar-nav .navbar-item {
            position: relative
        }

        .app-header .navbar-nav .navbar-item .navbar-link {
            display: block;
            text-decoration: none;
            line-height: 20px;
            padding: 15px;
            border: none;
            color: var(--bs-app-header-color)
        }

        .app-header .navbar-nav .navbar-item .navbar-link .badge {
            position: absolute;
            top: 8px;
            display: block;
            background: var(--bs-app-theme);
            line-height: 12px;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            padding: 3px 6px;
            font-size: 10.5px;
            border-radius: 30px;
            inset-inline-end: 5px
        }

        .app-header .navbar-nav .navbar-item .navbar-link i {
            position: relative;
            font-size: 16px
        }

        .app-header .navbar-nav .navbar-item .navbar-link:focus,
        .app-header .navbar-nav .navbar-item .navbar-link:hover {
            opacity: .75
        }

        .app-header .navbar-nav .navbar-item .navbar-link.icon i {
            font-size: 16px;
            height: 20px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media (max-width:767.98px) {
            .app-header .navbar-nav .navbar-item:last-child .navbar-link {
                padding-inline-end: 0
            }
        }

        .app-header .navbar-nav .navbar-item.active>a {
            background: var(--bs-app-header-hover-bg);
            opacity: 1
        }

        .app-header .navbar-nav .navbar-item.dropdown .dropdown-menu {
            margin: 0;
            top: -2px !important
        }

        .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg {
            position: static
        }

        .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
            inset-inline-start: 20px !important;
            inset-inline-end: 20px !important;
            padding: 20px;
            transform: none !important
        }

        @media (min-width:768px) {
            .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
                top: 100% !important
            }
        }

        @media (max-width:575.98px) {
            .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu {
                overflow: scroll;
                top: 101px !important;
                max-height: calc(100vh - 101px);
                max-height: calc(100dvh - 101px)
            }
        }

        .app-header .navbar-nav .navbar-item.dropdown.dropdown-lg .dropdown-menu.dropdown-menu-lg .nav>li>a {
            padding: 0;
            background: 0 0;
            line-height: 24px
        }

        .app-header .navbar-nav .navbar-item.show>a,
        .app-header .navbar-nav .navbar-item.show>a:focus,
        .app-header .navbar-nav .navbar-item.show>a:hover {
            background: 0 0;
            color: var(--bs-app-header-color);
            opacity: 1
        }

        .app-header .navbar-nav .navbar-divider {
            height: 34px;
            background: var(--bs-app-header-divider-bg);
            width: 1px
        }

        .app-header .navbar-nav.navbar-end {
            margin-inline-start: auto
        }

        .app-header .navbar-form {
            padding: 0 15px;
            margin: 9px 0
        }

        @media (max-width:767.98px) {
            .app-header .navbar-form {
                padding: 0;
                flex: 1
            }

            .app-header .navbar-form+.navbar-item {
                padding-inline-start: 10px
            }
        }

        .app-header .navbar-form .form-group {
            margin: 0;
            position: relative
        }

        .app-header .navbar-form .form-control {
            width: 220px;
            padding: 5px 15px;
            height: 32px;
            background: var(--bs-app-header-input-bg);
            border-color: var(--bs-app-header-input-border);
            border-radius: 30px
        }

        @media (max-width:767.98px) {
            .app-header .navbar-form .form-control {
                width: 100%
            }
        }

        .app-header .navbar-form .form-control:focus {
            width: 300px;
            border-color: var(--bs-app-header-input-border);
            box-shadow: none;
            animation: navbar-input-expand .2s
        }

        @media (max-width:767.98px) {
            .app-header .navbar-form .form-control:focus {
                width: 100%;
                animation: none
            }
        }

        .app-header .navbar-form .btn-search {
            position: absolute;
            inset-inline-end: 0;
            top: 0;
            bottom: 0;
            border: none;
            background: 0 0;
            border-radius: 0 30px 30px 0;
            display: flex;
            align-items: center
        }

        .app-header .navbar-form .btn-search>i[class*=ion-] {
            font-size: 22px;
            display: block
        }

        .app-header .navbar-user img {
            width: 30px;
            height: 30px;
            margin-top: -5px;
            margin-bottom: -5px;
            border-radius: 30px;
            margin-inline-end: 10px
        }

        @media (max-width:767.98px) {
            .app-header .navbar-user img {
                margin-inline-end: 5px
            }
        }

        .app-header .navbar-user .image {
            width: 30px;
            height: 30px;
            margin-top: -5px;
            margin-bottom: -5px;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 30px;
            margin-inline-end: 10px
        }

        @media (max-width:767.98px) {
            .app-header .navbar-user .image {
                margin-inline-end: 5px
            }
        }

        .app-header .navbar-user .image.image-icon {
            font-size: 22px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .app-header .navbar-user .image.image-icon i {
            float: none;
            display: block;
            font-size: 22px;
            text-align: center;
            width: auto;
            margin: 0 auto -10px
        }

        .app-header .navbar-language .flag-icon {
            font-size: 15px;
            margin-inline-end: 7px
        }

        @media (min-width:768px) {
            .app-header .navbar-collapse {
                display: flex
            }
        }

        @media (max-width:767.98px) {
            .app-header .navbar-collapse .navbar-nav>li {
                flex: 1
            }

            .app-header .navbar-collapse .navbar-nav>li>a {
                display: flex;
                align-items: center;
                justify-content: center
            }
        }

        @media (max-width:767.98px) {
            .app-header.navbar .navbar-collapse {
                position: absolute;
                inset-inline-start: 0;
                inset-inline-end: 0;
                top: 100%;
                background: var(--bs-app-header-bg)
            }

            .app-header.navbar .navbar-collapse .navbar-nav {
                display: block
            }
        }

        .app-header-shadow .app-header,
        .has-scroll .app-header {
            box-shadow: 0 0 16px rgba(0, 0, 0, .15)
        }

        @keyframes appLoaderFadeOut {
            from {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        .app-loader {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            bottom: 0;
            inset-inline-end: 0;
            background-color: var(--bs-body-bg);
            z-index: 1050;
            height: 100vh;
            height: 100dvh;
            opacity: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .app-loader.fading {
            opacity: 0;
            animation: appLoaderFadeOut .2s ease
        }

        .app-loader.loaded {
            display: none
        }

        .app-loader.loaded .spinner {
            animation: none
        }

        .app-sidebar-end.app-sidebar,
        .app-sidebar-end.app-sidebar-bg {
            inset-inline-end: -220px
        }

        .app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
        .app-sidebar-end.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
            inset-inline-end: -250px
        }

        .app-sidebar-float-submenu-container {
            position: fixed;
            width: 220px;
            margin: 0;
            background: var(--bs-app-sidebar-float-submenu-bg);
            z-index: 1020
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu {
            padding: 9px 0;
            padding-inline-start: 39px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .active>a .menu-caret:before,
        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expand>a .menu-caret:before,
        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expanding>a .menu-caret:before {
            opacity: 1;
            transform: rotate(90deg)
        }

        :dir(rtl) .app-sidebar-float-submenu-container .app-sidebar-float-submenu .active>a .menu-caret:before,
        :dir(rtl) .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expand>a .menu-caret:before,
        :dir(rtl) .app-sidebar-float-submenu-container .app-sidebar-float-submenu .expanding>a .menu-caret:before {
            transform: rotate(-90deg)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret {
            display: block;
            margin-inline-start: auto;
            width: 20px;
            text-align: center;
            font-size: .6875rem;
            border: none;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret:before {
            content: "\f054";
            display: block;
            text-align: center;
            opacity: .5;
            transition: all .2s linear
        }

        :dir(rtl) .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret:before {
            content: "\f053"
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item {
            position: relative
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link {
            padding: 3px 0;
            padding-inline-end: 20px;
            padding-inline-start: 15px;
            line-height: 18px;
            color: var(--bs-app-sidebar-menu-submenu-link-color);
            text-decoration: none;
            position: relative;
            display: flex;
            align-items: flex-start;
            font-weight: var(--bs-app-sidebar-menu-submenu-link-font-weight)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link .menu-text {
            flex: 1
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:focus,
        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:hover {
            background: 0 0;
            color: var(--bs-app-sidebar-menu-submenu-link-hover-color)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:after {
            content: "";
            position: absolute;
            top: 11px;
            width: 11px;
            height: 2px;
            background: var(--bs-app-sidebar-float-submenu-grid-border-color);
            inset-inline-start: -11px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:before {
            content: "";
            position: absolute;
            inset-inline-start: -13px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--bs-app-sidebar-float-submenu-grid-border-color)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:after {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            width: 6px;
            height: 6px;
            border: var(--bs-app-sidebar-menu-grid-border-width) solid var(--bs-app-sidebar-menu-grid-border-color);
            top: 11px;
            margin-top: -2px;
            z-index: 10;
            background: var(--bs-app-sidebar-bg);
            border-radius: 4px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:before {
            top: -11px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:last-child:before {
            height: 20px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:last-child:before {
            bottom: auto;
            height: 13px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.has-sub>a:before {
            background: var(--bs-app-sidebar-float-submenu-grid-border-color)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active>.menu-link {
            background: 0 0;
            color: var(--bs-app-sidebar-component-color)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active:after {
            border-color: var(--bs-app-theme)
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-submenu {
            padding: 0;
            padding-inline-start: 15px;
            background: 0 0;
            position: relative;
            display: none
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active.has-sub>.menu-submenu {
            display: block
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu>.menu-item:first-child:before {
            top: 11px
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu>.menu-item:first-child:last-child:before {
            height: 0 !important
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu-arrow {
            position: absolute;
            top: 20px;
            width: 28px;
            height: 2px;
            background: var(--bs-app-sidebar-float-submenu-grid-border-color);
            inset-inline-start: 0
        }

        .app-sidebar-float-submenu-container .app-sidebar-float-submenu-line {
            position: absolute;
            top: 20px;
            width: 2px;
            background: var(--bs-app-sidebar-float-submenu-grid-border-color);
            inset-inline-start: 26px
        }

        .app-sidebar {
            width: 220px;
            position: absolute;
            top: 0;
            bottom: 0;
            padding-top: 50px;
            background: var(--bs-app-sidebar-bg);
            z-index: 1010;
            inset-inline-start: 0
        }

        @media (max-width:767.98px) {
            .app-sidebar {
                position: fixed;
                padding-top: 0;
                inset-inline-start: -220px;
                z-index: 1021
            }
        }

        .app-sidebar .menu .menu-profile {
            padding: 20px;
            color: var(--bs-app-sidebar-profile-color);
            background: var(--bs-app-sidebar-profile-bg);
            overflow: hidden;
            position: relative
        }

        .app-sidebar .menu .menu-profile .menu-profile-link {
            margin: -20px;
            padding: 20px;
            display: block;
            color: var(--bs-app-sidebar-profile-color);
            font-weight: 600;
            text-decoration: none
        }

        .app-sidebar .menu .menu-profile .menu-profile-link:hover .menu-profile-cover.with-shadow:before {
            opacity: .75
        }

        .app-sidebar .menu .menu-profile .menu-profile-image {
            width: 34px;
            height: 34px;
            margin-bottom: 10px;
            border-radius: 30px;
            overflow: hidden;
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center
        }

        .app-sidebar .menu .menu-profile .menu-profile-image img {
            max-width: 100%;
            max-height: 100%
        }

        .app-sidebar .menu .menu-profile .menu-profile-image.menu-profile-image-icon i {
            float: none;
            display: block;
            font-size: 24px;
            text-align: center;
            width: auto;
            margin: 0 auto -12px
        }

        .app-sidebar .menu .menu-profile .menu-profile-cover {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background-image: url(images/cover-sidebar-user.jpg);
            background-repeat: no-repeat;
            background-size: cover
        }

        .app-sidebar .menu .menu-profile .menu-profile-cover.with-shadow:before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            inset-inline-end: 0;
            top: 0;
            bottom: 0;
            background: rgba(var(--bs-app-sidebar-profile-bg-rgb), .75);
            transition: all .2s linear
        }

        .app-sidebar .menu .menu-profile .menu-profile-info {
            font-size: .875rem;
            position: relative
        }

        .app-sidebar .menu .menu-profile .menu-profile-info .small,
        .app-sidebar .menu .menu-profile .menu-profile-info small {
            display: block;
            font-weight: 400;
            color: rgba(var(--bs-app-sidebar-profile-color-rgb), .75);
            font-size: .75rem;
            margin-bottom: -5px
        }

        .app-sidebar .menu .menu-header {
            margin: 0;
            padding: 15px 20px 3px;
            line-height: 20px;
            font-size: 11px;
            color: var(--bs-app-sidebar-menu-header-color);
            font-weight: 600
        }

        .app-sidebar .menu .menu-divider {
            height: 1px;
            background-color: var(--bs-app-sidebar-menu-divider-bg);
            margin: 7px 0
        }

        .app-sidebar .menu .menu-caret {
            display: block;
            width: 20px;
            text-align: center;
            font-size: .6875rem;
            border: none;
            margin-inline-start: auto;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .app-sidebar .menu .menu-caret:before {
            content: "\f054";
            display: block;
            text-align: center;
            opacity: .5;
            transition: all .2s linear
        }

        :dir(rtl) .app-sidebar .menu .menu-caret:before {
            content: "\f053"
        }

        .app-sidebar .menu .menu-search {
            padding: 20px
        }

        .app-sidebar .menu .menu-search+.menu-item {
            padding-top: 0
        }

        .app-sidebar .menu .menu-search .form-control {
            background: 0 0;
            border: none;
            padding-inline-start: 0;
            padding-inline-end: 0;
            border-bottom: 1px solid rgba(var(--bs-app-sidebar-component-color-rgb), .2);
            color: var(--bs-app-sidebar-component-color);
            border-radius: 0
        }

        .app-sidebar .menu .menu-search .form-control:focus {
            border-color: rgba(var(--bs-app-sidebar-component-color-rgb), .5);
            box-shadow: none
        }

        .app-sidebar .menu .active:not(.closed):not(.closing)>a .menu-caret:before,
        .app-sidebar .menu .expand>a .menu-caret:before,
        .app-sidebar .menu .expanding>a .menu-caret:before {
            opacity: 1;
            transform: rotate(90deg)
        }

        :dir(rtl) .app-sidebar .menu .active:not(.closed):not(.closing)>a .menu-caret:before,
        :dir(rtl) .app-sidebar .menu .expand>a .menu-caret:before,
        :dir(rtl) .app-sidebar .menu .expanding>a .menu-caret:before {
            transform: rotate(-90deg)
        }

        .app-sidebar .menu .menu-item {
            position: relative
        }

        .app-sidebar .menu .menu-item .menu-link {
            padding: 7px 20px;
            line-height: 20px;
            color: var(--bs-app-sidebar-menu-link-color);
            text-decoration: none;
            display: flex;
            align-items: center;
            font-weight: var(--bs-app-sidebar-menu-link-font-weight)
        }

        .app-sidebar .menu .menu-item .menu-link .menu-text {
            flex: 1;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: .46875rem
        }

        .app-sidebar .menu .menu-item .menu-link .menu-badge {
            padding: 0 .975em;
            background: var(--bs-app-sidebar-menu-badge-bg);
            color: var(--bs-app-sidebar-menu-badge-color);
            font-weight: var(--bs-app-sidebar-menu-badge-font-weight);
            font-size: 10px;
            border-radius: 12px
        }

        .app-sidebar .menu .menu-item .menu-link .menu-label {
            padding: .35em .65em;
            line-height: 1.35;
            font-size: 75%;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            background-color: var(--bs-app-theme);
            border-radius: 4px;
            display: flex;
            align-items: center
        }

        .app-gradient-enabled .app-sidebar .menu .menu-item .menu-link .menu-label {
            background-image: var(--bs-gradient)
        }

        .app-sidebar .menu .menu-item .menu-link:focus,
        .app-sidebar .menu .menu-item .menu-link:hover {
            background: 0 0;
            color: var(--bs-app-sidebar-menu-link-hover-color)
        }

        .app-sidebar .menu .menu-item .menu-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .875rem;
            color: var(--bs-app-sidebar-menu-icon-color);
            width: 14px;
            height: 14px;
            border-radius: 0;
            margin-top: 0;
            margin-bottom: 0;
            margin-inline-end: 10px
        }

        .app-sidebar .menu .menu-item .menu-icon img {
            max-width: 100%;
            max-height: 100%
        }

        .app-sidebar .menu .menu-item .menu-icon .iconify,
        .app-sidebar .menu .menu-item .menu-icon [class^=ion-],
        .app-sidebar .menu .menu-item .menu-icon ion-icon {
            width: 18px;
            height: 18px;
            font-size: 18px;
            margin: 0 -2px
        }

        .app-sidebar .menu .menu-item .menu-icon-img {
            margin-top: 3px;
            margin-bottom: 3px;
            width: 14px;
            height: 14px;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 4px;
            display: flex;
            align-items: center;
            margin-inline-end: 10px
        }

        .app-sidebar .menu .menu-item .menu-icon-img img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto
        }

        .app-sidebar .menu .menu-item .menu-submenu {
            padding: 5px 0 10px;
            padding-inline-start: 39px;
            padding-inline-end: 0;
            margin: 0;
            position: relative;
            display: none;
            background: var(--bs-app-sidebar-menu-submenu-bg)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
            padding: 3px 0;
            padding-inline-end: 20px;
            padding-inline-start: 15px;
            text-decoration: none;
            position: relative;
            line-height: 18px;
            color: var(--bs-app-sidebar-menu-submenu-link-color);
            font-weight: var(--bs-app-sidebar-menu-submenu-link-font-weight)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:focus,
        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:hover {
            background: 0 0;
            color: var(--bs-app-sidebar-menu-submenu-link-hover-color)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:after {
            content: "";
            position: absolute;
            inset-inline-start: -11px;
            top: 11px;
            width: 11px;
            height: 2px;
            background: var(--bs-app-sidebar-menu-grid-bg)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item:before {
            content: "";
            position: absolute;
            inset-inline-start: -13px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--bs-app-sidebar-menu-grid-bg)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item:after {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            width: 6px;
            height: 6px;
            border: var(--bs-app-sidebar-menu-grid-border-width) solid var(--bs-app-sidebar-menu-grid-border-color);
            top: 11px;
            margin-top: -2px;
            z-index: 10;
            background: var(--bs-app-sidebar-bg);
            border-radius: 4px
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item:first-child:before {
            top: -14px
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item:first-child:last-child:before {
            height: 27px
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item:last-child:before {
            bottom: auto;
            height: 13px
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item.has-sub>a:before {
            background: var(--bs-app-sidebar-component-active-bg)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item.active>.menu-link {
            background: 0 0;
            color: var(--bs-app-sidebar-component-color)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item.active:after {
            border-color: var(--bs-app-theme)
        }

        .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-submenu {
            padding: 0;
            padding-inline-start: 15px;
            background: 0 0
        }

        .app-sidebar .menu .menu-item.active.has-sub>.menu-submenu {
            display: block
        }

        .app-sidebar .menu .menu-item.active>.menu-link {
            position: relative;
            z-index: 10;
            color: var(--bs-app-sidebar-component-active-color);
            background-color: var(--bs-app-sidebar-component-active-bg)
        }

        .app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link {
            color: var(--bs-app-theme-color);
            background-color: var(--bs-app-theme);
            background-image: var(--bs-gradient)
        }

        .app-sidebar .menu .menu-item.active>.menu-link .menu-icon {
            color: var(--bs-app-theme)
        }

        .app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link .menu-icon {
            color: rgba(0, 0, 0, .65)
        }

        .app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link .menu-caret {
            color: rgba(0, 0, 0, .5)
        }

        .app-sidebar .menu .menu-item.active>.menu-link .menu-badge {
            background: rgba(0, 0, 0, .65)
        }

        .app-gradient-enabled .app-sidebar .menu .menu-item.active>.menu-link .menu-label {
            color: #fff;
            background: rgba(0, 0, 0, .65)
        }

        .app-sidebar .app-sidebar-content {
            position: relative
        }

        .app-sidebar .app-sidebar-minify-btn {
            margin: 10px 0;
            padding: 5px 20px 5px 10px !important;
            background: var(--bs-app-sidebar-minify-btn-bg);
            color: var(--bs-app-sidebar-component-color);
            border-radius: 20px 0 0 20px
        }

        :dir(rtl) .app-sidebar .app-sidebar-minify-btn {
            padding-left: 20px !important;
            padding-right: 10px !important;
            border-radius: 0 20px 20px 0
        }

        .app-sidebar .app-sidebar-minify-btn i {
            margin: 0 !important;
            color: var(--bs-app-sidebar-component-color)
        }

        :dir(rtl) .app-sidebar .app-sidebar-minify-btn i {
            transform: rotate(180deg)
        }

        .app-sidebar .app-sidebar-minify-btn:focus,
        .app-sidebar .app-sidebar-minify-btn:hover {
            background: var(--bs-app-sidebar-minify-btn-hover-bg)
        }

        .app-sidebar.app-sidebar-grid .menu>.menu-item+.menu-item {
            margin-top: -1px
        }

        .app-sidebar.app-sidebar-grid .menu>.menu-item>.menu-link {
            border-top: 1px solid var(--bs-app-sidebar-grid-border-color);
            border-bottom: 1px solid var(--bs-app-sidebar-grid-border-color)
        }

        .app-sidebar.app-sidebar-grid .menu>.menu-item.expand>a,
        .app-sidebar.app-sidebar-grid .menu>.menu-item.expanding>a {
            border-bottom-color: transparent
        }

        .app-sidebar.app-sidebar-grid .menu>.menu-item.active>.menu-link {
            border-color: var(--bs-app-sidebar-component-active-bg)
        }

        .app-sidebar.app-sidebar-transparent {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent+.app-sidebar-bg {
            background-image: var(--bs-app-sidebar-bg-transparent);
            background-size: cover
        }

        .app-sidebar.app-sidebar-transparent+.app-sidebar-bg:before {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background: rgba(var(--bs-app-sidebar-bg-rgb), .75)
        }

        .app-sidebar.app-sidebar-transparent .menu>.menu-item.active>.menu-link {
            background: rgba(0, 0, 0, .3)
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile {
            background: rgba(0, 0, 0, .25)
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile a:focus,
        .app-sidebar.app-sidebar-transparent .menu .menu-profile a:hover {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover.with-shadow:before {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent .menu .menu-profile.active {
            background: rgba(0, 0, 0, .25)
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu {
            background: 0 0
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu>.menu-item:before {
            background: rgba(0, 0, 0, .45)
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu>.menu-item>.menu-link:after {
            background: rgba(0, 0, 0, .45)
        }

        .app-sidebar.app-sidebar-transparent .menu-submenu>.menu-item.has-sub>.menu-link:after {
            background: rgba(0, 0, 0, .45)
        }

        .app-sidebar-bg {
            background: var(--bs-app-sidebar-bg);
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            bottom: 0;
            width: 220px;
            z-index: 1000
        }

        @media (max-width:767.98px) {
            .app-sidebar-bg {
                padding-top: 0;
                inset-inline-start: -220px;
                z-index: 1020
            }
        }

        .app-sidebar-mobile-backdrop {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            z-index: 1020;
            width: 100%;
            height: 100%;
            padding: 0;
            border: 0;
            margin: 0;
            outline: 0;
            display: none;
            background: var(--bs-app-sidebar-bg-mobile-backdrop)
        }

        @keyframes topMenuControlSlideInStart {
            from {
                inset-inline-start: -50px
            }

            to {
                inset-inline-start: 0
            }
        }

        @keyframes topMenuControlSlideInEnd {
            from {
                inset-inline-end: -50px
            }

            to {
                inset-inline-end: 0
            }
        }

        .app-top-menu {
            inset-inline-start: 0;
            inset-inline-end: 0;
            z-index: 1015;
            background: var(--bs-app-top-menu-bg)
        }

        @media (min-width:768px) {
            .app-top-menu {
                top: 50px;
                position: fixed;
                height: 40px
            }
        }

        @media (max-width:767.98px) {
            .app-top-menu {
                display: none
            }
        }

        @media (min-width:768px) {
            .app-top-menu .menu {
                display: flex;
                flex-wrap: nowrap
            }
        }

        @media (max-width:767.98px) {
            .app-top-menu .menu {
                display: block;
                margin: 0 !important
            }
        }

        .app-top-menu .menu .menu-item {
            position: relative
        }

        .app-top-menu .menu .menu-item .menu-link {
            padding: 10px 20px;
            color: var(--bs-app-top-menu-link-color);
            font-weight: var(--bs-app-top-menu-link-font-weight);
            text-decoration: none;
            white-space: nowrap;
            display: flex;
            align-items: center
        }

        .app-top-menu .menu .menu-item .menu-link .menu-text {
            flex: 1;
            display: flex;
            flex-wrap: nowrap;
            gap: .46875rem
        }

        .app-top-menu .menu .menu-item .menu-link .menu-badge {
            padding: 0 8px;
            font-size: 10px;
            border-radius: 12px;
            background: var(--bs-app-top-menu-menu-badge-bg);
            color: var(--bs-app-top-menu-menu-badge-color);
            font-weight: var(--bs-app-top-menu-menu-badge-font-weight)
        }

        .app-top-menu .menu .menu-item .menu-link .menu-label {
            padding: 3px 6px;
            font-size: 75%;
            font-weight: 600;
            color: var(--bs-app-theme-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            background-color: var(--bs-app-theme);
            border-radius: var(--bs-border-radius);
            display: flex;
            align-items: center
        }

        .app-gradient-enabled .app-top-menu .menu .menu-item .menu-link .menu-label {
            background-image: var(--bs-gradient)
        }

        .app-top-menu .menu .menu-item .menu-link:focus,
        .app-top-menu .menu .menu-item .menu-link:hover {
            color: var(--bs-app-top-menu-link-hover-color);
            background: var(--bs-app-top-menu-link-hover-bg)
        }

        .app-top-menu .menu .menu-item .menu-icon {
            width: 14px;
            text-align: center;
            height: 20px;
            font-size: .875rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--bs-app-sidebar-menu-icon-color);
            margin-inline-end: 10px
        }

        .app-top-menu .menu .menu-item .menu-icon img {
            max-width: 100%;
            max-height: 100%
        }

        .app-top-menu .menu .menu-item .menu-icon .iconify,
        .app-top-menu .menu .menu-item .menu-icon [class^=ion-],
        .app-top-menu .menu .menu-item .menu-icon ion-icon {
            margin-inline-end: 8px;
            margin-inline-start: -2px;
            width: 18px;
            font-size: 18px;
            display: block
        }

        .app-top-menu .menu .menu-item .menu-icon-img {
            margin-top: 3px;
            margin-bottom: 3px;
            width: 14px;
            height: 14px;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: var(--bs-border-radius);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-inline-end: 10px
        }

        .app-top-menu .menu .menu-item .menu-icon-img img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto
        }

        .app-top-menu .menu .menu-item.active>.menu-link {
            position: relative;
            z-index: 10;
            color: var(--bs-app-top-menu-link-active-color);
            background-color: var(--bs-app-top-menu-link-active-bg)
        }

        .app-gradient-enabled .app-top-menu .menu .menu-item.active>.menu-link {
            color: var(--bs-app-theme-color);
            background-color: var(--bs-app-theme);
            background-image: var(--bs-gradient)
        }

        .app-top-menu .menu .menu-item.active>.menu-link .menu-icon {
            color: var(--bs-app-theme)
        }

        .app-gradient-enabled .app-top-menu .menu .menu-item.active>.menu-link .menu-icon {
            color: rgba(0, 0, 0, .65)
        }

        .app-gradient-enabled .app-top-menu .menu .menu-item.active>.menu-link .menu-caret {
            color: rgba(0, 0, 0, .5)
        }

        .app-top-menu .menu .menu-item.active>.menu-link .menu-badge {
            background: rgba(0, 0, 0, .65)
        }

        .app-gradient-enabled .app-top-menu .menu .menu-item.active>.menu-link .menu-label {
            color: #fff;
            background: rgba(0, 0, 0, .65)
        }

        @media (max-width:767.98px) {
            .app-top-menu .menu .menu-item.active>.menu-submenu {
                display: block
            }
        }

        .app-top-menu .menu .menu-item.menu-control {
            position: absolute;
            top: 0;
            margin: 0;
            z-index: 100
        }

        @media (max-width:575.98px) {
            .app-top-menu .menu .menu-item.menu-control {
                display: none !important
            }
        }

        .app-top-menu .menu .menu-item.menu-control>.menu-link {
            padding: 0;
            text-align: center;
            width: 40px;
            height: 40px;
            background: var(--bs-app-top-menu-control-link-bg);
            color: var(--bs-app-top-menu-control-link-color);
            justify-content: center;
            align-items: center;
            transition: all .2s ease-in-out
        }

        .app-top-menu .menu .menu-item.menu-control>.menu-link i {
            float: none;
            margin: 0;
            font-size: 18px;
            display: block;
            line-height: 40px;
            width: auto
        }

        :dir(rtl) .app-top-menu .menu .menu-item.menu-control>.menu-link i {
            transform: rotate(180deg)
        }

        .app-top-menu .menu .menu-item.menu-control>.menu-link:focus,
        .app-top-menu .menu .menu-item.menu-control>.menu-link:hover {
            background: var(--bs-app-top-menu-control-link-hover-bg);
            color: var(--bs-app-top-menu-control-link-hover-color)
        }

        .app-top-menu .menu .menu-item.menu-control.menu-control-start {
            inset-inline-start: -40px
        }

        :dir(ltr) .app-top-menu .menu .menu-item.menu-control.menu-control-start>.menu-link {
            box-shadow: 12px 0 10px -10px rgba(0, 0, 0, .5)
        }

        :dir(rtl) .app-top-menu .menu .menu-item.menu-control.menu-control-start>.menu-link {
            box-shadow: -12px 0 10px -10px rgba(0, 0, 0, .5)
        }

        .app-top-menu .menu .menu-item.menu-control.menu-control-start.show {
            inset-inline-start: 0;
            animation: topMenuControlSlideInStart .2s
        }

        .app-top-menu .menu .menu-item.menu-control.menu-control-end {
            inset-inline-end: -40px
        }

        :dir(ltr) .app-top-menu .menu .menu-item.menu-control.menu-control-end>.menu-link {
            box-shadow: -12px 0 10px -10px rgba(0, 0, 0, .5)
        }

        :dir(rtl) .app-top-menu .menu .menu-item.menu-control.menu-control-end>.menu-link {
            box-shadow: 12px 0 10px -10px rgba(0, 0, 0, .5)
        }

        .app-top-menu .menu .menu-item.menu-control.menu-control-end.show {
            inset-inline-end: 0;
            animation: topMenuControlSlideInEnd .2s
        }

        @media (min-width:768px) {
            .app-top-menu .menu>.menu-item.has-sub:hover>.menu-submenu {
                display: block
            }
        }

        .app-top-menu .menu .menu-caret {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 11px;
            border: none;
            margin-inline-start: 5px;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        @media (max-width:575.98px) {
            .app-top-menu .menu .menu-caret {
                margin-inline-start: auto
            }
        }

        .app-top-menu .menu .menu-caret:before {
            content: "\f054";
            display: block;
            text-align: center;
            opacity: .5;
            transition: all .2s linear;
            transform: rotate(90deg)
        }

        .app-top-menu .menu .menu-submenu {
            display: none;
            top: 40px;
            background: var(--bs-app-top-menu-menu-submenu-bg);
            list-style-type: none;
            margin: 0;
            padding: 10px 0
        }

        @media (min-width:768px) {
            .app-top-menu .menu .menu-submenu {
                width: 220px;
                position: absolute;
                inset-inline-start: 0;
                max-height: calc(100vh - 90px);
                max-height: calc(100dvh - 90px)
            }
        }

        .app-top-menu .menu .menu-submenu>.menu-item>.menu-link {
            padding: 4px 20px;
            text-decoration: none;
            position: relative;
            display: flex;
            align-items: center
        }

        @media (max-width:575.98px) {
            .app-top-menu .menu .menu-submenu>.menu-item>.menu-link {
                padding-inline-start: 44px
            }
        }

        .app-top-menu .menu .menu-submenu>.menu-item>.menu-link .menu-caret {
            margin-inline-start: auto
        }

        .app-top-menu .menu .menu-submenu .menu-submenu {
            background: var(--bs-app-top-menu-menu-submenu-submenu-bg);
            position: relative;
            inset-inline-start: 0;
            top: 0;
            max-height: auto;
            overflow: initial
        }

        .boxed-layout {
            height: 100%;
            background-image: url(images/cover-pattern.png)
        }

        .boxed-layout .app-top-menu {
            max-width: 1280px;
            width: 100%;
            inset-inline-start: 50%;
            margin-inline-start: -640px
        }

        @media (min-width:768px) {
            .boxed-layout .app-top-menu {
                overflow: hidden
            }

            .boxed-layout .app-top-menu .menu>.menu-item>.menu-submenu {
                position: fixed;
                top: auto;
                inset-inline-start: auto;
                inset-inline-end: auto
            }
        }

        @media (max-width:575.98px) {
            .boxed-layout .app-top-menu {
                position: relative;
                inset-inline-start: 0;
                margin: 0
            }
        }

        .boxed-layout .pace .pace-progress {
            top: 0
        }

        .boxed-layout .pace .pace-activity {
            top: 13px
        }

        .boxed-layout .app {
            max-width: 1280px;
            width: 100%;
            margin: 0 auto;
            min-height: 100%;
            background: var(--bs-body-bg);
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 30px rgba(0, 0, 0, .5)
        }

        .boxed-layout .app .app-content {
            background-color: var(--bs-body-bg)
        }

        .boxed-layout .app-header {
            max-width: 1280px;
            width: 100%;
            inset-inline-end: auto;
            inset-inline-start: auto
        }

        @media (min-width:768px) {

            .boxed-layout .app-sidebar,
            .boxed-layout .app-sidebar-bg {
                inset-inline-start: auto;
                inset-inline-end: auto
            }
        }

        @media (max-width:1280px) {
            .boxed-layout .app-top-menu {
                inset-inline-start: 0;
                margin-inline-start: 0
            }
        }

        .app-content-full-height {
            height: 100%
        }

        @media (min-width:768px) {
            .app-content-full-height .app-content {
                height: calc(100vh - 50px);
                height: calc(100dvh - 50px)
            }
        }

        @media (max-width:767.98px) {
            .app-content-full-height .app-content {
                height: calc(100vh - 101px);
                height: calc(100dvh - 101px)
            }
        }

        @media (min-width:768px) {

            .app-content-full-height.app-empty .app-content,
            .app-content-full-height.app-without-header .app-content {
                height: 100vh;
                height: 100dvh
            }
        }

        .app-empty .app-content {
            margin: 0;
            top: 0
        }

        .app-header-fixed {
            padding-top: 50px
        }

        @media (max-width:767.98px) {
            .app-header-fixed {
                padding-top: 101px
            }
        }

        .app-header-fixed .app-header {
            position: fixed
        }

        @media (min-width:992px) {
            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end) {
                width: 60px;
                overflow: hidden;
                bottom: auto;
                min-height: 100vh;
                min-height: 100dvh;
                transition-property: width, box-shadow;
                transition-duration: 150ms;
                box-shadow: inset -12px 6px 12px rgba(0, 0, 0, .14)
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end) .app-sidebar-content {
                width: 220px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end):hover {
                width: 220px;
                box-shadow: 12px 6px 12px rgba(0, 0, 0, .14)
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar:not(.app-sidebar-end):hover+.app-sidebar-bg {
                width: 220px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-sidebar-bg {
                width: 60px;
                transition-property: width;
                transition-duration: 150ms
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified) .app-content {
                margin-inline-start: 60px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-sidebar-fixed .app-sidebar {
                bottom: 0
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar {
                width: 60px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar .app-sidebar-content {
                width: 250px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar:hover {
                width: 250px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar:hover+.app-sidebar-bg {
                width: 250px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-sidebar-bg {
                width: 60px
            }

            .app-with-hover-sidebar:not(.app-sidebar-minified).app-with-wide-sidebar .app-content {
                margin-inline-start: 60px
            }
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu-line {
            inset-inline-start: auto;
            inset-inline-end: 26px
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu-arrow {
            inset-inline-start: auto;
            inset-inline-end: 0
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:after {
            inset-inline-start: auto;
            inset-inline-end: 0
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu {
            padding-inline-start: 0;
            padding-inline-end: 39px;
            text-align: end
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item>.menu-link {
            flex-direction: row-reverse;
            padding-inline-start: 15px;
            padding-inline-end: 20px
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item>.menu-link .menu-caret:before {
            content: "\f053"
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item>.menu-link:after {
            inset-inline-end: -11px;
            inset-inline-start: auto
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active>.menu-link .menu-caret:before,
        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.expand>.menu-link .menu-caret:before,
        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.expanding>.menu-link .menu-caret:before {
            transform: rotate(-90deg)
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:before {
            inset-inline-end: -13px;
            inset-inline-start: auto
        }

        .app-with-end-sidebar .app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-submenu {
            padding-inline-start: 0;
            padding-inline-end: 15px
        }

        .app-with-end-sidebar .app-sidebar,
        .app-with-end-sidebar .app-sidebar-bg {
            inset-inline-start: auto;
            inset-inline-end: 0
        }

        @media (max-width:767.98px) {

            .app-with-end-sidebar .app-sidebar,
            .app-with-end-sidebar .app-sidebar-bg {
                inset-inline-end: -220px
            }
        }

        .app-with-end-sidebar .app-content {
            margin-inline-start: 0;
            margin-inline-end: 220px
        }

        @media (max-width:767.98px) {
            .app-with-end-sidebar .app-content {
                margin-inline-end: 0
            }
        }

        .app-with-end-sidebar .btn-scroll-to-top {
            inset-inline-start: 25px;
            inset-inline-end: auto
        }

        @media (min-width:768px) {
            .app-with-top-menu {
                padding-top: 90px
            }
        }

        @media (min-width:768px) {
            .app-with-top-menu .app-sidebar {
                padding-top: 90px
            }
        }

        @media (min-width:768px) {
            .app-with-top-menu.has-scroll .app-header {
                box-shadow: none
            }
        }

        @media (min-width:768px) {
            .app-with-top-menu.has-scroll .app-top-menu {
                box-shadow: 0 0 16px rgba(0, 0, 0, .15)
            }
        }

        @media (min-width:768px) {
            .app-with-top-menu.app-header-fixed {
                padding-top: 90px
            }
        }

        .app-with-two-sidebar .app-header .navbar-toggle.pull-start+.navbar-header {
            margin: 0;
            justify-content: center
        }

        .app-with-two-sidebar .app-sidebar-end.app-sidebar,
        .app-with-two-sidebar .app-sidebar-end.app-sidebar-bg {
            inset-inline-end: -220px;
            inset-inline-start: auto
        }

        .app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
        .app-with-two-sidebar.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
            inset-inline-end: -250px
        }

        .app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar,
        .app-with-two-sidebar.app-sidebar-minified .app-sidebar-end.app-sidebar-bg {
            width: 220px
        }

        .app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
        .app-with-two-sidebar.app-sidebar-minified.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
            width: 250px
        }

        .app-with-wide-sidebar .app-header .navbar-header {
            width: 250px
        }

        @media (max-width:767.98px) {
            .app-with-wide-sidebar .app-header .navbar-header {
                width: auto
            }
        }

        .app-with-wide-sidebar .app-sidebar,
        .app-with-wide-sidebar .app-sidebar-bg {
            width: 250px
        }

        @media (max-width:767.98px) {

            .app-with-wide-sidebar .app-sidebar,
            .app-with-wide-sidebar .app-sidebar-bg {
                width: 250px;
                inset-inline-start: -250px
            }
        }

        @media (max-width:767.98px) {

            .app-with-wide-sidebar .app-sidebar-end.app-sidebar,
            .app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: -250px;
                inset-inline-start: auto
            }
        }

        @media (min-width:768px) {
            .app-with-wide-sidebar .app-content {
                margin-inline-start: 250px
            }
        }

        @media (min-width:768px) {
            .app-with-wide-sidebar.app-with-end-sidebar .app-content {
                margin-inline-end: 250px;
                margin-inline-start: 0
            }
        }

        .app-without-sidebar .app-content {
            margin: 0
        }

        @media (max-width:575.98px) {
            .app-without-sidebar:not(.app-with-top-menu) .app-header .navbar-brand {
                justify-content: center
            }
        }

        .app-sidebar-fixed .app-sidebar {
            position: fixed
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) {
            width: 60px
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link {
            padding: 10px 20px
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link .menu-badge,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link .menu-label,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link .menu-text {
            display: none
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link .menu-icon {
            margin: 0
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item>.menu-link .menu-icon-img {
            margin: 0
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item.has-sub>.menu-submenu {
            display: none !important
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-header,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-profile,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-search {
            display: none !important
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret {
            margin-inline-end: -15px
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu-caret:before {
            transform: rotate(0) !important
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .slimScrollDiv .slimScrollBar,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .slimScrollDiv .slimScrollRail {
            display: none !important
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-x,
        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .ps__rail-y {
            display: none !important
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-bg:not(.app-sidebar-end) {
            width: 60px
        }

        .app-sidebar-minified:not(.app-without-sidebar) .app-sidebar-minify-btn i:before {
            content: "\f101"
        }

        @media (min-width:768px) {
            .app-sidebar-minified:not(.app-without-sidebar) .app-content {
                margin-inline-start: 60px
            }
        }

        @media (min-width:768px) {
            .app-sidebar-minified:not(.app-without-sidebar).app-with-end-sidebar .app-content {
                margin-inline-end: 60px;
                margin-inline-start: auto
            }
        }

        @media (min-width:768px) {

            .app-sidebar-end-toggled .app-sidebar-end.app-sidebar,
            .app-sidebar-end-toggled .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: 0
            }
        }

        @media (min-width:768px) {
            .app-sidebar-end-toggled .app-content {
                margin-inline-end: 220px
            }
        }

        @media (min-width:768px) {

            .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
            .app-sidebar-end-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: 0
            }
        }

        @media (min-width:768px) {
            .app-sidebar-end-toggled.app-with-wide-sidebar .app-content {
                margin-inline-end: 250px
            }
        }

        @keyframes appSidebarEndMobileSlideInEnd {
            from {
                inset-inline-end: -300px
            }

            to {
                inset-inline-end: 0
            }
        }

        @keyframes appSidebarEndWideMobileSlideInEnd {
            from {
                inset-inline-end: -250px
            }

            to {
                inset-inline-end: 0
            }
        }

        @keyframes appSidebarEndMobileBackdrop {
            from {
                background: 0 0
            }

            to {
                background: rgba(32, 37, 42, .5)
            }
        }

        @media (max-width:767.98px) {

            .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar,
            .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: 0;
                inset-inline-start: auto;
                animation: appSidebarEndMobileSlideInEnd .2s ease
            }

            .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-bg {
                position: fixed
            }

            .app-sidebar-end-mobile-toggled .app-sidebar-end.app-sidebar-mobile-backdrop {
                display: block;
                background: rgba(32, 37, 42, .5);
                animation: appSidebarEndMobileBackdrop .2s ease
            }

            .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
            .app-sidebar-end-mobile-toggled.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: 0;
                inset-inline-start: auto;
                animation: appSidebarEndWideMobileSlideInEnd .2s ease
            }
        }

        @keyframes appSidebarEndMobileSlideOutEnd {
            from {
                inset-inline-end: 0
            }

            to {
                inset-inline-end: -300px
            }
        }

        @keyframes appSidebarEndWideMobileSlideOutEnd {
            from {
                inset-inline-end: 0
            }

            to {
                inset-inline-end: -250px
            }
        }

        @keyframes appSidebarEndMobileRemoveBackdrop {
            from {
                background: rgba(32, 37, 42, .5)
            }

            to {
                background: 0 0
            }
        }

        @media (max-width:767.98px) {

            .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar,
            .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: -300px;
                inset-inline-start: auto;
                animation: appSidebarEndMobileSlideOutEnd .2s ease
            }

            .app-sidebar-end-mobile-closed .app-sidebar-end.app-sidebar-mobile-backdrop {
                display: block;
                background: 0 0;
                animation: appSidebarEndMobileRemoveBackdrop .2s ease
            }

            .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar,
            .app-sidebar-end-mobile-closed.app-with-wide-sidebar .app-sidebar-end.app-sidebar-bg {
                inset-inline-end: -250px;
                animation: appSidebarEndWideMobileSlideOutEnd .2s ease
            }
        }

        @keyframes appSidebarMobileSlideInStart {
            from {
                inset-inline-start: -300px
            }

            to {
                inset-inline-start: 0
            }
        }

        @keyframes appSidebarWideMobileSlideInStart {
            from {
                inset-inline-start: -250px
            }

            to {
                inset-inline-start: 0
            }
        }

        @keyframes appSidebarMobileBackdrop {
            from {
                background: 0 0
            }

            to {
                background: rgba(32, 37, 42, .5)
            }
        }

        @media (max-width:767.98px) {

            .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end),
            .app-sidebar-mobile-toggled .app-sidebar:not(.app-sidebar-end) {
                inset-inline-start: 0;
                animation: appSidebarMobileSlideInStart .2s ease
            }

            .app-sidebar-mobile-toggled .app-sidebar-bg:not(.app-sidebar-end) {
                position: fixed
            }

            .app-sidebar-mobile-toggled .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
                display: block;
                background: rgba(32, 37, 42, .5);
                animation: appSidebarMobileBackdrop .2s ease
            }

            .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end),
            .app-sidebar-mobile-toggled.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
                animation: appSidebarWideMobileSlideInStart .2s ease
            }
        }

        @keyframes appSidebarMobileSlideOutStart {
            from {
                inset-inline-start: 0
            }

            to {
                inset-inline-start: -300px
            }
        }

        @keyframes appSidebarWideMobileSlideOutStart {
            from {
                inset-inline-start: 0
            }

            to {
                inset-inline-start: -250px
            }
        }

        @keyframes appSidebarMobileRemoveBackdrop {
            from {
                background: rgba(32, 37, 42, .5)
            }

            to {
                background: 0 0
            }
        }

        @media (max-width:767.98px) {

            .app-sidebar-mobile-closed .app-sidebar-bg:not(.app-sidebar-end),
            .app-sidebar-mobile-closed .app-sidebar:not(.app-sidebar-end) {
                inset-inline-start: -300px;
                animation: appSidebarMobileSlideOutStart .2s ease
            }

            .app-sidebar-mobile-closed .app-sidebar-mobile-backdrop:not(.app-sidebar-end) {
                display: block;
                background: 0 0;
                animation: appSidebarMobileRemoveBackdrop .2s ease
            }

            .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar-bg:not(.app-sidebar-end),
            .app-sidebar-mobile-closed.app-with-wide-sidebar .app-sidebar:not(.app-sidebar-end) {
                inset-inline-start: -250px;
                animation: appSidebarWideMobileSlideOutStart .2s ease
            }
        }

        .accordion-button::after {
            margin-left: initial;
            margin-inline-start: auto
        }

        .badge {
            display: inline;
            padding: .35em .65em;
            vertical-align: middle
        }

        .breadcrumb {
            margin: 0;
            font-weight: 400
        }

        .breadcrumb .breadcrumb-item {
            line-height: 32.4px
        }

        :dir(rtl) .breadcrumb .breadcrumb-item+.breadcrumb-item {
            padding-inline-end: 0;
            padding-inline-start: .5rem
        }

        :dir(rtl) .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
            float: right;
            padding-inline-start: 0;
            padding-inline-end: .5rem
        }

        .breadcrumb .breadcrumb-item a {
            color: var(--bs-body-color);
            text-decoration: none
        }

        .breadcrumb .breadcrumb-item a:hover {
            text-decoration: underline
        }

        .note-btn-group {
            position: relative;
            display: inline-block;
            margin-right: 8px
        }

        :dir(rtl) .note-btn-group {
            margin-right: 0;
            margin-left: 8px
        }

        .note-btn-group>.note-btn-group {
            margin-right: 0
        }

        :dir(rtl) .note-btn-group>.note-btn-group {
            margin-right: initial;
            margin-left: 0
        }

        .note-btn-group>.note-btn {
            border-radius: 4px
        }

        .note-btn-group>.note-btn+.note-btn:not(:last-child):not(.dropdown-toggle) {
            border-radius: 0 !important
        }

        .note-btn-group>.note-btn:first-child {
            margin-left: 0
        }

        :dir(rtl) .note-btn-group>.note-btn:first-child {
            margin-left: initial;
            margin-right: 0
        }

        .note-btn-group .note-btn+.note-btn,
        .note-btn-group .note-btn+.note-btn-group,
        .note-btn-group .note-btn-group+.note-btn,
        .note-btn-group .note-btn-group+.note-btn-group {
            margin-left: -1px
        }

        :dir(rtl) .note-btn-group .note-btn+.note-btn,
        :dir(rtl) .note-btn-group .note-btn+.note-btn-group,
        :dir(rtl) .note-btn-group .note-btn-group+.note-btn,
        :dir(rtl) .note-btn-group .note-btn-group+.note-btn-group {
            margin-left: initial;
            margin-right: -1px
        }

        .note-btn-group>.note-btn-group:not(:first-child)>.note-btn,
        .note-btn-group>.note-btn:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .note-btn-group>.note-btn-group:not(:first-child)>.note-btn,
        :dir(rtl) .note-btn-group>.note-btn:not(:first-child) {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .note-btn-group>.note-btn-group:not(:last-child)>.note-btn,
        .note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .note-btn-group>.note-btn-group:not(:last-child)>.note-btn,
        :dir(rtl) .note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .note-btn-group.open>.note-dropdown {
            display: block
        }

        @keyframes btnFadeIn {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .btn-scroll-to-top {
            position: fixed !important;
            bottom: 20px;
            z-index: 1020;
            opacity: 0;
            display: none
        }

        .btn-scroll-to-top.show {
            opacity: 1;
            display: block;
            animation: btnFadeIn .2s ease
        }

        @media (min-width:768px) {
            .btn-scroll-to-top {
                inset-inline-end: 15px
            }
        }

        @media (max-width:767.98px) {
            .btn-scroll-to-top {
                inset-inline-end: 10px
            }
        }

        .btn.btn-icon {
            width: 28px;
            height: 28px;
            padding: 0;
            border: none;
            line-height: 28px;
            text-align: center;
            font-size: 14px;
            border-radius: 28px
        }

        .btn.btn-icon.btn-xs {
            width: 16px;
            height: 16px;
            font-size: 8px;
            line-height: 16px
        }

        .btn-group-sm>.btn.btn-icon,
        .btn.btn-icon.btn-sm {
            width: 22px;
            height: 22px;
            font-size: 11px;
            line-height: 22px
        }

        .btn-group-lg>.btn.btn-icon,
        .btn.btn-icon.btn-lg {
            width: 34px;
            height: 34px;
            font-size: 17px;
            line-height: 34px
        }

        .btn.btn-xs {
            font-size: .6875rem;
            padding: 2px 6px
        }

        .btn[class*=btn-outline-]:not(.btn-yellow):not(.btn-white):not(.btn-outline-white):hover {
            color: #fff
        }

        .btn-theme {
            --bs-btn-bg: var(--bs-app-theme);
            --bs-btn-color: var(--bs-app-theme-color);
            --bs-border-color: var(--bs-app-theme);
            --bs-btn-hover-color: var(--bs-app-theme-hover-color);
            --bs-btn-hover-bg: var(--bs-app-theme-hover);
            --bs-btn-hover-border-color: var(--bs-app-theme-hover-border-color);
            --bs-btn-focus-shadow-rgb: var(--bs-app-theme-rgb);
            --bs-btn-active-color: var(--bs-app-theme-hover-color);
            --bs-btn-active-bg: var(--bs-app-theme-hover);
            --bs-btn-active-border-color: var(--bs-app-theme-hover-border-color);
            --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-app-theme-rgb), 0.125);
            --bs-btn-active-color: var(--bs-app-theme-disabled-color);
            --bs-btn-active-bg: var(--bs-app-theme-disabled);
            --bs-btn-active-border-color: var(--bs-app-theme-disabled-border-color)
        }

        .btn-outline-theme {
            color: var(--bs-app-theme);
            border-color: var(--bs-app-theme)
        }

        .btn-outline-theme.active,
        .btn-outline-theme:hover {
            background-color: var(--bs-app-theme);
            border-color: var(--bs-app-theme)
        }

        .btn-outline-theme.disabled,
        .btn-outline-theme:disabled {
            color: var(--bs-app-theme)
        }

        .btn-group>.btn {
            border-radius: var(--bs-btn-border-radius) !important
        }

        .btn-group>.btn-group:not(:first-child),
        .btn-group>:not(.btn-check:first-child)+.btn {
            margin-inline-start: -1px
        }

        .btn-group>.btn-group:not(:last-child)>.btn,
        .btn-group>.btn.dropdown-toggle-split:first-child,
        .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
            border-start-end-radius: 0 !important;
            border-end-end-radius: 0 !important
        }

        .btn-group>.btn-group:not(:first-child)>.btn,
        .btn-group>.btn:nth-child(n+3),
        .btn-group>:not(.btn-check)+.btn {
            border-start-start-radius: 0 !important;
            border-end-start-radius: 0 !important
        }

        .btn-default {
            --bs-btn-color: #20252a;
            --bs-btn-bg: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #20252a;
            --bs-btn-hover-bg: #ced4da;
            --bs-btn-hover-border-color: #ced4da;
            --bs-btn-focus-shadow-rgb: 203, 206, 209;
            --bs-btn-active-color: #20252a;
            --bs-btn-active-bg: #ced4da;
            --bs-btn-active-border-color: #ced4da;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #20252a;
            --bs-btn-disabled-bg: #eff1f3;
            --bs-btn-disabled-border-color: #eff1f3
        }

        .btn-group>.btn+.btn-default,
        .input-group>.btn+.btn-default,
        .input-group>.btn+.dropdown-menu+.btn-default {
            border-inline-start: 1px solid #ced4da
        }

        .btn-primary {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #276baa;
            --bs-btn-hover-border-color: #276baa;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #276baa;
            --bs-btn-active-border-color: #276baa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #67abe9;
            --bs-btn-disabled-border-color: #67abe9
        }

        .btn-group>.btn+.btn-primary,
        .input-group>.btn+.btn-primary,
        .input-group>.btn+.dropdown-menu+.btn-primary {
            border-inline-start: 1px solid #276baa
        }

        .btn-secondary {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #51585e;
            --bs-btn-hover-border-color: #51585e;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #51585e;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #91989e;
            --bs-btn-disabled-border-color: #91989e
        }

        .btn-group>.btn+.btn-secondary,
        .input-group>.btn+.btn-secondary,
        .input-group>.btn+.dropdown-menu+.btn-secondary {
            border-inline-start: 1px solid #51585e
        }

        .btn-success {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #008181;
            --bs-btn-hover-border-color: #008181;
            --bs-btn-focus-shadow-rgb: 38, 184, 184;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #008181;
            --bs-btn-active-border-color: #008181;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #40c1c1;
            --bs-btn-disabled-border-color: #40c1c1
        }

        .btn-group>.btn+.btn-success,
        .input-group>.btn+.btn-success,
        .input-group>.btn+.dropdown-menu+.btn-success {
            border-inline-start: 1px solid #008181
        }

        .btn-info {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #3789a1;
            --bs-btn-hover-border-color: #3789a1;
            --bs-btn-focus-shadow-rgb: 100, 193, 220;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #3789a1;
            --bs-btn-active-border-color: #3789a1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #77c8e0;
            --bs-btn-disabled-border-color: #77c8e0
        }

        .btn-group>.btn+.btn-info,
        .input-group>.btn+.btn-info,
        .input-group>.btn+.dropdown-menu+.btn-info {
            border-inline-start: 1px solid #3789a1
        }

        .btn-warning {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #b87514;
            --bs-btn-hover-border-color: #b87514;
            --bs-btn-focus-shadow-rgb: 247, 171, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #b87514;
            --bs-btn-active-border-color: #b87514;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #f8b553;
            --bs-btn-disabled-border-color: #f8b553
        }

        .btn-group>.btn+.btn-warning,
        .input-group>.btn+.btn-warning,
        .input-group>.btn+.dropdown-menu+.btn-warning {
            border-inline-start: 1px solid #b87514
        }

        .btn-danger {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #bf4441;
            --bs-btn-hover-border-color: #bf4441;
            --bs-btn-focus-shadow-rgb: 255, 116, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #bf4441;
            --bs-btn-active-border-color: #bf4441;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #ff8481;
            --bs-btn-disabled-border-color: #ff8481
        }

        .btn-group>.btn+.btn-danger,
        .input-group>.btn+.btn-danger,
        .input-group>.btn+.dropdown-menu+.btn-danger {
            border-inline-start: 1px solid #bf4441
        }

        .btn-light {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f2f3f4;
            --bs-btn-border-color: #f2f3f4;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #b6b6b7;
            --bs-btn-hover-border-color: #b6b6b7;
            --bs-btn-focus-shadow-rgb: 244, 245, 246;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #b6b6b7;
            --bs-btn-active-border-color: #b6b6b7;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #f5f6f7;
            --bs-btn-disabled-border-color: #f5f6f7
        }

        .btn-group>.btn+.btn-light,
        .input-group>.btn+.btn-light,
        .input-group>.btn+.dropdown-menu+.btn-light {
            border-inline-start: 1px solid #b6b6b7
        }

        .btn-dark {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #22282d;
            --bs-btn-hover-border-color: #22282d;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #22282d;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #62686d;
            --bs-btn-disabled-border-color: #62686d
        }

        .btn-group>.btn+.btn-dark,
        .input-group>.btn+.btn-dark,
        .input-group>.btn+.dropdown-menu+.btn-dark {
            border-inline-start: 1px solid #22282d
        }

        .btn-inverse {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #22282d;
            --bs-btn-hover-border-color: #22282d;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #22282d;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #62686d;
            --bs-btn-disabled-border-color: #62686d
        }

        .btn-group>.btn+.btn-inverse,
        .input-group>.btn+.btn-inverse,
        .input-group>.btn+.dropdown-menu+.btn-inverse {
            border-inline-start: 1px solid #22282d
        }

        .btn-blue {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #276baa;
            --bs-btn-hover-border-color: #276baa;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #276baa;
            --bs-btn-active-border-color: #276baa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #67abe9;
            --bs-btn-disabled-border-color: #67abe9
        }

        .btn-group>.btn+.btn-blue,
        .input-group>.btn+.btn-blue,
        .input-group>.btn+.dropdown-menu+.btn-blue {
            border-inline-start: 1px solid #276baa
        }

        .btn-indigo {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #8753de;
            --bs-btn-border-color: #8753de;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #653ea7;
            --bs-btn-hover-border-color: #653ea7;
            --bs-btn-focus-shadow-rgb: 153, 109, 227;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #653ea7;
            --bs-btn-active-border-color: #653ea7;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #a57ee6;
            --bs-btn-disabled-border-color: #a57ee6
        }

        .btn-group>.btn+.btn-indigo,
        .input-group>.btn+.btn-indigo,
        .input-group>.btn+.dropdown-menu+.btn-indigo {
            border-inline-start: 1px solid #653ea7
        }

        .btn-purple {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #727cb6;
            --bs-btn-border-color: #727cb6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #565d89;
            --bs-btn-hover-border-color: #565d89;
            --bs-btn-focus-shadow-rgb: 135, 144, 193;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #565d89;
            --bs-btn-active-border-color: #565d89;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #959dc8;
            --bs-btn-disabled-border-color: #959dc8
        }

        .btn-group>.btn+.btn-purple,
        .input-group>.btn+.btn-purple,
        .input-group>.btn+.dropdown-menu+.btn-purple {
            border-inline-start: 1px solid #565d89
        }

        .btn-pink {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #fb5597;
            --bs-btn-border-color: #fb5597;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #bc4071;
            --bs-btn-hover-border-color: #bc4071;
            --bs-btn-focus-shadow-rgb: 252, 111, 167;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #bc4071;
            --bs-btn-active-border-color: #bc4071;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #fc80b1;
            --bs-btn-disabled-border-color: #fc80b1
        }

        .btn-group>.btn+.btn-pink,
        .input-group>.btn+.btn-pink,
        .input-group>.btn+.dropdown-menu+.btn-pink {
            border-inline-start: 1px solid #bc4071
        }

        .btn-red {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #ff5b57;
            --bs-btn-border-color: #ff5b57;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #bf4441;
            --bs-btn-hover-border-color: #bf4441;
            --bs-btn-focus-shadow-rgb: 255, 116, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #bf4441;
            --bs-btn-active-border-color: #bf4441;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #ff8481;
            --bs-btn-disabled-border-color: #ff8481
        }

        .btn-group>.btn+.btn-red,
        .input-group>.btn+.btn-red,
        .input-group>.btn+.dropdown-menu+.btn-red {
            border-inline-start: 1px solid #bf4441
        }

        .btn-orange {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f59c1a;
            --bs-btn-border-color: #f59c1a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #b87514;
            --bs-btn-hover-border-color: #b87514;
            --bs-btn-focus-shadow-rgb: 247, 171, 60;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #b87514;
            --bs-btn-active-border-color: #b87514;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #f8b553;
            --bs-btn-disabled-border-color: #f8b553
        }

        .btn-group>.btn+.btn-orange,
        .input-group>.btn+.btn-orange,
        .input-group>.btn+.dropdown-menu+.btn-orange {
            border-inline-start: 1px solid #b87514
        }

        .btn-yellow {
            --bs-btn-color: #20252a;
            --bs-btn-bg: #ffd900;
            --bs-btn-border-color: #ffd900;
            --bs-btn-hover-color: #20252a;
            --bs-btn-hover-bg: #bfa300;
            --bs-btn-hover-border-color: #bfa300;
            --bs-btn-focus-shadow-rgb: 222, 190, 6;
            --bs-btn-active-color: #20252a;
            --bs-btn-active-bg: #bfa300;
            --bs-btn-active-border-color: #bfa300;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #20252a;
            --bs-btn-disabled-bg: #ffe340;
            --bs-btn-disabled-border-color: #ffe340
        }

        .btn-group>.btn+.btn-yellow,
        .input-group>.btn+.btn-yellow,
        .input-group>.btn+.dropdown-menu+.btn-yellow {
            border-inline-start: 1px solid #bfa300
        }

        .btn-green {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #32a932;
            --bs-btn-border-color: #32a932;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #267f26;
            --bs-btn-hover-border-color: #267f26;
            --bs-btn-focus-shadow-rgb: 81, 182, 81;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #267f26;
            --bs-btn-active-border-color: #267f26;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #65bf65;
            --bs-btn-disabled-border-color: #65bf65
        }

        .btn-group>.btn+.btn-green,
        .input-group>.btn+.btn-green,
        .input-group>.btn+.dropdown-menu+.btn-green {
            border-inline-start: 1px solid #267f26
        }

        .btn-teal {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #00acac;
            --bs-btn-border-color: #00acac;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #008181;
            --bs-btn-hover-border-color: #008181;
            --bs-btn-focus-shadow-rgb: 38, 184, 184;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #008181;
            --bs-btn-active-border-color: #008181;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #40c1c1;
            --bs-btn-disabled-border-color: #40c1c1
        }

        .btn-group>.btn+.btn-teal,
        .input-group>.btn+.btn-teal,
        .input-group>.btn+.dropdown-menu+.btn-teal {
            border-inline-start: 1px solid #008181
        }

        .btn-lime {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #90ca4b;
            --bs-btn-border-color: #90ca4b;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #6c9838;
            --bs-btn-hover-border-color: #6c9838;
            --bs-btn-focus-shadow-rgb: 161, 210, 102;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #6c9838;
            --bs-btn-active-border-color: #6c9838;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #acd778;
            --bs-btn-disabled-border-color: #acd778
        }

        .btn-group>.btn+.btn-lime,
        .input-group>.btn+.btn-lime,
        .input-group>.btn+.dropdown-menu+.btn-lime {
            border-inline-start: 1px solid #6c9838
        }

        .btn-cyan {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #49b6d6;
            --bs-btn-border-color: #49b6d6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #3789a1;
            --bs-btn-hover-border-color: #3789a1;
            --bs-btn-focus-shadow-rgb: 100, 193, 220;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #3789a1;
            --bs-btn-active-border-color: #3789a1;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #77c8e0;
            --bs-btn-disabled-border-color: #77c8e0
        }

        .btn-group>.btn+.btn-cyan,
        .input-group>.btn+.btn-cyan,
        .input-group>.btn+.dropdown-menu+.btn-cyan {
            border-inline-start: 1px solid #3789a1
        }

        .btn-white {
            --bs-btn-color: #20252a;
            --bs-btn-bg: #FFFFFF;
            --bs-btn-border-color: #ced4da;
            --bs-btn-hover-color: #20252a;
            --bs-btn-hover-bg: #e9ecef;
            --bs-btn-hover-border-color: #adb5bd;
            --bs-btn-focus-shadow-rgb: 180, 186, 192;
            --bs-btn-active-color: #20252a;
            --bs-btn-active-bg: #e9ecef;
            --bs-btn-active-border-color: #adb5bd;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #20252a;
            --bs-btn-disabled-bg: #eff1f3;
            --bs-btn-disabled-border-color: #c2c8ce
        }

        .btn-group>.btn+.btn-white,
        .input-group>.btn+.btn-white,
        .input-group>.btn+.dropdown-menu+.btn-white {
            border-inline-start: 1px solid #adb5bd
        }

        .btn-gray {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #51585e;
            --bs-btn-hover-border-color: #51585e;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #51585e;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #91989e;
            --bs-btn-disabled-border-color: #91989e
        }

        .btn-group>.btn+.btn-gray,
        .input-group>.btn+.btn-gray,
        .input-group>.btn+.dropdown-menu+.btn-gray {
            border-inline-start: 1px solid #51585e
        }

        .btn-gray-dark {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #22282d;
            --bs-btn-hover-border-color: #22282d;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #22282d;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #62686d;
            --bs-btn-disabled-border-color: #62686d
        }

        .btn-group>.btn+.btn-gray-dark,
        .input-group>.btn+.btn-gray-dark,
        .input-group>.btn+.dropdown-menu+.btn-gray-dark {
            border-inline-start: 1px solid #22282d
        }

        .btn-muted {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #82888e;
            --bs-btn-hover-border-color: #82888e;
            --bs-btn-focus-shadow-rgb: 185, 192, 199;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #82888e;
            --bs-btn-active-border-color: #82888e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #c2c8ce;
            --bs-btn-disabled-border-color: #c2c8ce
        }

        .btn-group>.btn+.btn-muted,
        .input-group>.btn+.btn-muted,
        .input-group>.btn+.dropdown-menu+.btn-muted {
            border-inline-start: 1px solid #82888e
        }

        .btn-black {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #000000;
            --bs-btn-border-color: #000000;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: black;
            --bs-btn-hover-border-color: black;
            --bs-btn-focus-shadow-rgb: 38, 38, 38;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: black;
            --bs-btn-active-border-color: black;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #404040;
            --bs-btn-disabled-border-color: #404040
        }

        .btn-group>.btn+.btn-black,
        .input-group>.btn+.btn-black,
        .input-group>.btn+.dropdown-menu+.btn-black {
            border-inline-start: 1px solid #000
        }

        .btn-silver {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #b6c2c9;
            --bs-btn-border-color: #b6c2c9;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #899297;
            --bs-btn-hover-border-color: #899297;
            --bs-btn-focus-shadow-rgb: 193, 203, 209;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #899297;
            --bs-btn-active-border-color: #899297;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #c8d1d7;
            --bs-btn-disabled-border-color: #c8d1d7
        }

        .btn-group>.btn+.btn-silver,
        .input-group>.btn+.btn-silver,
        .input-group>.btn+.dropdown-menu+.btn-silver {
            border-inline-start: 1px solid #899297
        }

        .btn-gray-100 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #babbbc;
            --bs-btn-hover-border-color: #babbbc;
            --bs-btn-focus-shadow-rgb: 249, 250, 251;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #babbbc;
            --bs-btn-active-border-color: #babbbc;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #fafbfb;
            --bs-btn-disabled-border-color: #fafbfb
        }

        .btn-group>.btn+.btn-gray-100,
        .input-group>.btn+.btn-gray-100,
        .input-group>.btn+.dropdown-menu+.btn-gray-100 {
            border-inline-start: 1px solid #babbbc
        }

        .btn-gray-200 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #e9ecef;
            --bs-btn-border-color: #e9ecef;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #afb1b3;
            --bs-btn-hover-border-color: #afb1b3;
            --bs-btn-focus-shadow-rgb: 236, 239, 241;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #afb1b3;
            --bs-btn-active-border-color: #afb1b3;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #eff1f3;
            --bs-btn-disabled-border-color: #eff1f3
        }

        .btn-group>.btn+.btn-gray-200,
        .input-group>.btn+.btn-gray-200,
        .input-group>.btn+.dropdown-menu+.btn-gray-200 {
            border-inline-start: 1px solid #afb1b3
        }

        .btn-gray-300 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #dee2e6;
            --bs-btn-border-color: #dee2e6;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #a7aaad;
            --bs-btn-hover-border-color: #a7aaad;
            --bs-btn-focus-shadow-rgb: 227, 230, 234;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #a7aaad;
            --bs-btn-active-border-color: #a7aaad;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #e6e9ec;
            --bs-btn-disabled-border-color: #e6e9ec
        }

        .btn-group>.btn+.btn-gray-300,
        .input-group>.btn+.btn-gray-300,
        .input-group>.btn+.dropdown-menu+.btn-gray-300 {
            border-inline-start: 1px solid #a7aaad
        }

        .btn-gray-400 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #ced4da;
            --bs-btn-border-color: #ced4da;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #9b9fa4;
            --bs-btn-hover-border-color: #9b9fa4;
            --bs-btn-focus-shadow-rgb: 213, 218, 224;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #9b9fa4;
            --bs-btn-active-border-color: #9b9fa4;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #dadfe3;
            --bs-btn-disabled-border-color: #dadfe3
        }

        .btn-group>.btn+.btn-gray-400,
        .input-group>.btn+.btn-gray-400,
        .input-group>.btn+.dropdown-menu+.btn-gray-400 {
            border-inline-start: 1px solid #9b9fa4
        }

        .btn-gray-500 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #adb5bd;
            --bs-btn-border-color: #adb5bd;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #82888e;
            --bs-btn-hover-border-color: #82888e;
            --bs-btn-focus-shadow-rgb: 185, 192, 199;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #82888e;
            --bs-btn-active-border-color: #82888e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #c2c8ce;
            --bs-btn-disabled-border-color: #c2c8ce
        }

        .btn-group>.btn+.btn-gray-500,
        .input-group>.btn+.btn-gray-500,
        .input-group>.btn+.dropdown-menu+.btn-gray-500 {
            border-inline-start: 1px solid #82888e
        }

        .btn-gray-600 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #51585e;
            --bs-btn-hover-border-color: #51585e;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #51585e;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #91989e;
            --bs-btn-disabled-border-color: #91989e
        }

        .btn-group>.btn+.btn-gray-600,
        .input-group>.btn+.btn-gray-600,
        .input-group>.btn+.dropdown-menu+.btn-gray-600 {
            border-inline-start: 1px solid #51585e
        }

        .btn-gray-700 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #495057;
            --bs-btn-border-color: #495057;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #373c41;
            --bs-btn-hover-border-color: #373c41;
            --bs-btn-focus-shadow-rgb: 100, 106, 112;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #373c41;
            --bs-btn-active-border-color: #373c41;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #777c81;
            --bs-btn-disabled-border-color: #777c81
        }

        .btn-group>.btn+.btn-gray-700,
        .input-group>.btn+.btn-gray-700,
        .input-group>.btn+.dropdown-menu+.btn-gray-700 {
            border-inline-start: 1px solid #373c41
        }

        .btn-gray-800 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #2d353c;
            --bs-btn-border-color: #2d353c;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #22282d;
            --bs-btn-hover-border-color: #22282d;
            --bs-btn-focus-shadow-rgb: 77, 83, 89;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #22282d;
            --bs-btn-active-border-color: #22282d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #62686d;
            --bs-btn-disabled-border-color: #62686d
        }

        .btn-group>.btn+.btn-gray-800,
        .input-group>.btn+.btn-gray-800,
        .input-group>.btn+.dropdown-menu+.btn-gray-800 {
            border-inline-start: 1px solid #22282d
        }

        .btn-gray-900 {
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #20252a;
            --bs-btn-border-color: #20252a;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #181c20;
            --bs-btn-hover-border-color: #181c20;
            --bs-btn-focus-shadow-rgb: 65, 70, 74;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #181c20;
            --bs-btn-active-border-color: #181c20;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #585c5f;
            --bs-btn-disabled-border-color: #585c5f
        }

        .btn-group>.btn+.btn-gray-900,
        .input-group>.btn+.btn-gray-900,
        .input-group>.btn+.dropdown-menu+.btn-gray-900 {
            border-inline-start: 1px solid #181c20
        }

        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            vertical-align: middle;
            border-top: 4px dashed;
            border-inline-end: 4px solid transparent;
            border-inline-start: 4px solid transparent;
            margin-inline-start: 2px
        }

        .chats {
            list-style-type: none;
            margin: 0;
            padding: .9375rem
        }

        .chats .chats-item:after,
        .chats .chats-item:before {
            content: "";
            display: table;
            clear: both
        }

        .chats .chats-item .name {
            color: var(--bs-component-color);
            display: block;
            margin-bottom: .3121875rem;
            font-weight: 600;
            text-decoration: none
        }

        .chats .chats-item .name .badge {
            font-size: 8px;
            padding: 1px 4px 2px;
            margin-inline-start: 3px;
            position: relative;
            top: -1px
        }

        .chats .chats-item .date-time {
            font-size: 10px;
            display: block;
            color: rgba(var(--bs-component-color-rgb), .5);
            margin-top: 3px;
            font-weight: 600;
            float: right
        }

        :dir(rtl) .chats .chats-item .date-time {
            float: left
        }

        .chats .chats-item .image {
            float: left;
            width: 60px;
            height: 60px;
            overflow: hidden;
            border-radius: 4px
        }

        :dir(rtl) .chats .chats-item .image {
            float: right
        }

        .chats .chats-item .image img {
            max-width: 100%
        }

        .chats .chats-item .image+.message {
            margin-inline-start: 75px
        }

        .chats .chats-item .message {
            padding: 7px 12px;
            font-size: 12px;
            position: relative;
            background: var(--bs-component-bg);
            border-radius: 12px
        }

        .chats .chats-item .message:before {
            content: "";
            position: absolute;
            inset-inline-start: -13px;
            top: 15px;
            border: 7px solid transparent;
            border-inline-end-color: var(--bs-component-bg)
        }

        .chats .chats-item+.chats-item {
            margin-top: .9375rem
        }

        .chats .end .name {
            text-align: end
        }

        .chats .end .date-time {
            float: left
        }

        :dir(rtl) .chats .end .date-time {
            float: right
        }

        .chats .end .image {
            float: right
        }

        :dir(rtl) .chats .end .image {
            float: left
        }

        .chats .end .image+.message {
            margin-inline-start: 0;
            margin-inline-end: 75px
        }

        .chats .end .message {
            text-align: end
        }

        .chats .end .message:before {
            inset-inline-start: auto;
            inset-inline-end: -13px;
            border-inline-end-color: transparent;
            border-inline-start-color: var(--bs-component-bg)
        }

        .panel-body .chats {
            padding: 0
        }

        .slimScrollDiv .chats {
            padding-inline-end: 15px
        }

        .dropdown-menu {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            text-align: start
        }

        .dropdown-menu .dropdown-item {
            font-weight: 600
        }

        .dropdown-menu.media-list {
            max-width: 360px;
            padding: 0
        }

        .dropdown-menu.media-list .media {
            border-top: 1px solid rgba(var(--bs-component-color-rgb), .1);
            border-bottom: 1px solid rgba(var(--bs-component-color-rgb), .1);
            display: flex
        }

        .dropdown-menu.media-list .media .media-object {
            height: 48px;
            width: 48px;
            line-height: 48px;
            font-size: 24px;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            display: block
        }

        .dropdown-menu.media-list .media .media-object-icon {
            position: absolute;
            border: 3px solid var(--bs-component-dropdown-bg);
            background: var(--bs-component-dropdown-bg);
            margin-top: -11px;
            display: block;
            width: 21px;
            height: 21px;
            text-align: center;
            font-size: 16px;
            line-height: 16px;
            text-align: center;
            border-radius: 40px;
            margin-inline-start: 30px
        }

        .dropdown-menu.media-list .media .media-left {
            padding-inline-end: 12px
        }

        .dropdown-menu.media-list .media .media-right {
            padding-inline-start: 12px
        }

        .dropdown-menu.media-list .media .media-heading {
            color: var(--bs-component-color);
            margin-bottom: 0;
            font-size: 12.5px;
            line-height: 18px
        }

        .dropdown-menu.media-list .media p {
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: 5px;
            line-height: 14px;
            max-width: 270px;
            color: rgba(var(--bs-component-color-rgb), .65);
            font-size: 11px
        }

        .dropdown-menu.media-list .media+.media {
            border-top: none
        }

        .dropdown-menu.media-list .dropdown-header {
            font-weight: 700;
            color: var(--bs-component-color);
            font-size: 10px;
            padding: .61875rem .9375rem
        }

        .dropdown-menu.media-list .dropdown-item {
            padding: .61875rem .9375rem
        }

        .dropdown-menu.media-list .dropdown-footer {
            padding: .61875rem .9375rem
        }

        :dir(rtl) .form-check {
            padding-left: 0;
            padding-right: 2em
        }

        :dir(rtl) .form-check .form-check-input {
            float: right;
            margin-left: 0;
            margin-right: -2em
        }

        :dir(rtl) .form-check-reverse {
            padding-left: 2em;
            padding-right: 0;
            text-align: left
        }

        :dir(rtl) .form-check-reverse .form-check-input {
            float: left;
            margin-left: -2em;
            margin-right: 0
        }

        :dir(rtl) .form-switch {
            padding-left: 0;
            padding-right: 2.8em
        }

        :dir(rtl) .form-switch .form-check-input {
            margin-left: 0;
            margin-right: -2.8em;
            background-position: right center
        }

        :dir(rtl) .form-switch.form-check-reverse {
            padding-left: 2.8em;
            padding-right: 0
        }

        :dir(rtl) .form-switch.form-check-reverse .form-check-input {
            margin-left: -2.8em;
            margin-right: 0
        }

        :dir(rtl) .form-check-inline {
            margin-right: 0;
            margin-left: 1rem
        }

        :dir(rtl) .form-floating>label {
            left: auto;
            right: 0
        }

        .form-horizontal.form-bordered .form-group {
            border-bottom: 1px solid rgba(var(--bs-component-border-color-rgb), .5);
            margin: 0
        }

        .form-horizontal.form-bordered .form-group .col-form-label {
            padding: .9375rem;
            display: flex;
            align-items: center
        }

        @media (max-width:767.98px) {
            .form-horizontal.form-bordered .form-group .col-form-label {
                padding-bottom: .46875rem
            }
        }

        .form-horizontal.form-bordered .form-group .col-form-label+div {
            border-inline-start: 1px solid rgba(var(--bs-component-border-color-rgb), .5)
        }

        @media (max-width:767.98px) {
            .form-horizontal.form-bordered .form-group .col-form-label+div {
                padding-top: 0;
                border-inline-start: none
            }
        }

        .form-horizontal.form-bordered .form-group>div {
            padding: .9375rem
        }

        .form-horizontal.form-bordered .form-group:last-child {
            border-bottom: 0
        }

        .form-select {
            padding-inline-start: .75rem;
            padding-inline-end: 2.25rem
        }

        :dir(rtl) .form-select {
            background-position: left .75rem center
        }

        .input-group-text {
            border-radius: 4px
        }

        .input-group-lg>.btn,
        .input-group-lg>.form-control,
        .input-group-lg>.form-select,
        .input-group-lg>.input-group-text {
            border-radius: 6px
        }

        .input-group-sm>.btn,
        .input-group-sm>.form-control,
        .input-group-sm>.form-select,
        .input-group-sm>.input-group-text {
            border-radius: 3px
        }

        .input-group-lg>.form-select,
        .input-group-sm>.form-select {
            padding-inline-start: .75rem;
            padding-inline-end: 3rem
        }

        :dir(ltr) .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(ltr) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(ltr) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(ltr) .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(rtl) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(rtl) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(rtl) .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(ltr) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(ltr) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(ltr) .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(rtl) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(rtl) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(rtl) .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: 0;
            margin-inline-start: calc(-1 * 1px)
        }

        :dir(ltr) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):last-child:not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        :dir(rtl) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):nth-last-child(n+3):not(.dropdown-menu):not(.form-floating) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group>.form-floating:not(:first-child)>.form-control,
        :dir(ltr) .input-group>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group>.form-floating:not(:first-child)>.form-control,
        :dir(rtl) .input-group>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group>.form-floating:not(:first-child):not(:last-child)>.form-control,
        :dir(rtl) .input-group>.form-floating:not(:first-child):not(:last-child)>.form-select,
        :dir(rtl) .input-group>:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-radius: 0
        }

        :dir(ltr) .input-group.input-group-sm:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(ltr) .input-group.input-group-sm:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(ltr) .input-group.input-group-sm:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(ltr) .input-group.input-group-sm:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(rtl) .input-group.input-group-sm:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(rtl) .input-group.input-group-sm:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(rtl) .input-group.input-group-sm:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group.input-group-sm.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(ltr) .input-group.input-group-sm.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(ltr) .input-group.input-group-sm.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(ltr) .input-group.input-group-sm.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(rtl) .input-group.input-group-sm.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(rtl) .input-group.input-group-sm.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(rtl) .input-group.input-group-sm.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .input-group.input-group-sm>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: 0;
            margin-inline-start: calc(-1 * 1px)
        }

        :dir(ltr) .input-group.input-group-sm>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):last-child:not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px
        }

        :dir(rtl) .input-group.input-group-sm>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):nth-last-child(n+3):not(.dropdown-menu):not(.form-floating) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group.input-group-sm>.form-floating:not(:first-child)>.form-control,
        :dir(ltr) .input-group.input-group-sm>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm>.form-floating:not(:first-child)>.form-control,
        :dir(rtl) .input-group.input-group-sm>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-sm>.form-floating:not(:first-child):not(:last-child)>.form-control,
        :dir(rtl) .input-group.input-group-sm>.form-floating:not(:first-child):not(:last-child)>.form-select,
        :dir(rtl) .input-group.input-group-sm>:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-radius: 0
        }

        :dir(ltr) .input-group.input-group-lg:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(ltr) .input-group.input-group-lg:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(ltr) .input-group.input-group-lg:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(ltr) .input-group.input-group-lg:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        :dir(rtl) .input-group.input-group-lg:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        :dir(rtl) .input-group.input-group-lg:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        :dir(rtl) .input-group.input-group-lg:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group.input-group-lg.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(ltr) .input-group.input-group-lg.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(ltr) .input-group.input-group-lg.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(ltr) .input-group.input-group-lg.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg.has-validation>.dropdown-toggle:nth-last-child(n+4),
        :dir(rtl) .input-group.input-group-lg.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        :dir(rtl) .input-group.input-group-lg.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        :dir(rtl) .input-group.input-group-lg.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .input-group.input-group-lg>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: 0;
            margin-inline-start: calc(-1 * 1px)
        }

        :dir(ltr) .input-group.input-group-lg>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):last-child:not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }

        :dir(rtl) .input-group.input-group-lg>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):nth-last-child(n+3):not(.dropdown-menu):not(.form-floating) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(ltr) .input-group.input-group-lg>.form-floating:not(:first-child)>.form-control,
        :dir(ltr) .input-group.input-group-lg>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg>.form-floating:not(:first-child)>.form-control,
        :dir(rtl) .input-group.input-group-lg>.form-floating:not(:first-child)>.form-select {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        :dir(rtl) .input-group.input-group-lg>.form-floating:not(:first-child):not(:last-child)>.form-control,
        :dir(rtl) .input-group.input-group-lg>.form-floating:not(:first-child):not(:last-child)>.form-select,
        :dir(rtl) .input-group.input-group-lg>:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-radius: 0
        }

        .media-messaging .media {
            padding: 15px
        }

        .media-messaging .media+.media {
            margin-top: 0;
            padding-top: 15px
        }

        .media-messaging .media:first-child {
            padding-top: 0
        }

        .media-messaging .media:last-child {
            padding-bottom: 0
        }

        .media-messaging .media p {
            margin: 0
        }

        .modal .modal-header {
            display: flex;
            flex: 1;
            align-items: center
        }

        :dir(rtl) .modal .modal-header .btn-close {
            margin-left: calc(-.5 * var(--bs-modal-header-padding-x));
            margin-right: auto
        }

        .modal.modal-message .modal-dialog {
            width: 100%;
            max-width: 100%;
            margin-inline-start: 0;
            margin-inline-end: 0
        }

        .modal.modal-message .modal-content {
            border-radius: 0
        }

        .modal.modal-message .modal-body,
        .modal.modal-message .modal-footer,
        .modal.modal-message .modal-header {
            width: 60%;
            border: none;
            margin: 0 auto
        }

        @media (max-width:575.98px) {

            .modal.modal-message .modal-body,
            .modal.modal-message .modal-footer,
            .modal.modal-message .modal-header {
                width: 90%
            }
        }

        .nav.nav-tabs.nav-tabs-inverse {
            background-color: var(--bs-gray-900);
            border-radius: 4px 4px 0 0
        }

        .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link {
            color: rgba(var(--bs-white-rgb), .65)
        }

        .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:focus,
        .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:hover {
            color: rgba(var(--bs-white-rgb), 1)
        }

        .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active {
            color: var(--bs-component-color);
            background-color: var(--bs-component-bg)
        }

        .nav.nav-tabs.nav-tabs-v2 {
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .nav.nav-tabs.nav-tabs-v2>.nav-item {
            margin-bottom: -1px
        }

        .nav.nav-tabs.nav-tabs-v2>.nav-item>.nav-link {
            border: none;
            border-bottom: 3px solid transparent;
            padding: 1rem 1rem .875rem
        }

        .nav.nav-tabs.nav-tabs-v2>.nav-item>.nav-link:hover {
            border-bottom-color: rgba(var(--bs-component-color-rgb), .25)
        }

        .nav.nav-tabs.nav-tabs-v2>.nav-item>.nav-link.active {
            border-bottom-color: var(--bs-component-active-bg);
            background: 0 0
        }

        .nav.nav-tabs.nav-tabs-v2>.nav-item.show>.nav-link {
            background: 0 0;
            border-bottom-color: #dee2e6;
            color: #20252a
        }

        @media (max-width:767.98px) {
            .nav-wizards-container {
                overflow: scroll
            }

            .nav-wizards-container .nav.nav-wizards-1,
            .nav-wizards-container .nav.nav-wizards-2,
            .nav-wizards-container .nav.nav-wizards-3 {
                min-width: 600px
            }
        }

        .nav.nav-wizards-1 {
            flex-wrap: nowrap
        }

        .nav.nav-wizards-1 .nav-item {
            padding: 0
        }

        .nav.nav-wizards-1 .nav-item .nav-link {
            position: relative;
            color: rgba(var(--bs-component-color-rgb), .75)
        }

        .nav.nav-wizards-1 .nav-item .nav-link .nav-no {
            width: 40px;
            height: 40px;
            margin: 0 auto;
            font-weight: 600;
            background: 0 0;
            border: 2px solid var(--bs-component-border-color);
            position: relative;
            z-index: 10;
            font-size: .875rem;
            border-radius: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .2s linear
        }

        .nav.nav-wizards-1 .nav-item .nav-link .nav-text {
            text-align: center;
            margin-top: .46875rem;
            font-weight: 600;
            font-size: .75rem
        }

        .nav.nav-wizards-1 .nav-item .nav-link.active,
        .nav.nav-wizards-1 .nav-item .nav-link.completed {
            color: #348fe2
        }

        .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no,
        .nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no {
            border-color: #348fe2;
            color: #348fe2
        }

        .nav.nav-wizards-1 .nav-item .nav-link.active:after,
        .nav.nav-wizards-1 .nav-item .nav-link.active:before,
        .nav.nav-wizards-1 .nav-item .nav-link.completed:after,
        .nav.nav-wizards-1 .nav-item .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-1 .nav-item .nav-link.active:after,
        .nav.nav-wizards-1 .nav-item .nav-link.completed:after {
            width: calc(50% - 20px)
        }

        .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no {
            box-shadow: 0 0 0 5px rgba(52, 143, 226, .2)
        }

        .nav.nav-wizards-1 .nav-item .nav-link.disabled {
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        .nav.nav-wizards-1 .nav-item .nav-link:after,
        .nav.nav-wizards-1 .nav-item .nav-link:before {
            content: "";
            position: absolute;
            top: 1.6875rem;
            height: 2px;
            background: var(--bs-component-border-color);
            inset-inline-start: 0;
            inset-inline-end: calc(50% + 20px)
        }

        .nav.nav-wizards-1 .nav-item .nav-link:after {
            transition: all .2s linear;
            inset-inline-start: calc(50% + 20px);
            inset-inline-end: 0
        }

        .nav.nav-wizards-1 .nav-item:first-child .nav-link:after,
        .nav.nav-wizards-1 .nav-item:first-child .nav-link:before {
            inset-inline-start: calc(50% + 20px)
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link:before {
            inset-inline-end: calc(50% + 20px)
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link.active:before,
        .nav.nav-wizards-1 .nav-item:last-child .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-1 .nav-item:last-child .nav-link:after {
            display: none
        }

        .nav.nav-wizards-2 {
            flex-wrap: nowrap
        }

        .nav.nav-wizards-2 .nav-item {
            padding: 0 1rem
        }

        .nav.nav-wizards-2 .nav-item .nav-link {
            position: relative;
            color: var(--bs-component-color);
            background: var(--bs-component-disabled-bg);
            border-radius: 60px
        }

        .nav.nav-wizards-2 .nav-item .nav-link .nav-text {
            text-align: center;
            font-weight: 600;
            font-size: .75rem;
            position: relative;
            z-index: 10;
            background: inherit;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .nav.nav-wizards-2 .nav-item .nav-link:after,
        .nav.nav-wizards-2 .nav-item .nav-link:before {
            content: "";
            position: absolute;
            inset-inline-start: -1rem;
            inset-inline-end: -1rem;
            height: 2px;
            top: 50%;
            margin-top: -1px;
            background-color: var(--bs-component-disabled-bg);
            transition: all .2s linear
        }

        .nav.nav-wizards-2 .nav-item .nav-link:after {
            width: 0%;
            background: #348fe2
        }

        .nav.nav-wizards-2 .nav-item .nav-link.disabled {
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        .nav.nav-wizards-2 .nav-item .nav-link.active,
        .nav.nav-wizards-2 .nav-item .nav-link.completed {
            background: #348fe2;
            color: #fff
        }

        .nav.nav-wizards-2 .nav-item .nav-link.active:after,
        .nav.nav-wizards-2 .nav-item .nav-link.completed:after {
            width: calc(100% + 2rem)
        }

        .nav.nav-wizards-2 .nav-item .nav-link.active {
            box-shadow: 0 0 0 4px rgba(52, 143, 226, .2)
        }

        .nav.nav-wizards-2 .nav-item:first-child .nav-link:after,
        .nav.nav-wizards-2 .nav-item:first-child .nav-link:before {
            inset-inline-start: 50%
        }

        .nav.nav-wizards-2 .nav-item:last-child .nav-link:before {
            inset-inline-end: 50%
        }

        .nav.nav-wizards-2 .nav-item:last-child .nav-link.active:before,
        .nav.nav-wizards-2 .nav-item:last-child .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-2 .nav-item:last-child .nav-link:after {
            display: none
        }

        .nav.nav-wizards-3 {
            flex-wrap: nowrap
        }

        .nav.nav-wizards-3 .nav-item {
            padding: 0
        }

        .nav.nav-wizards-3 .nav-item .nav-link {
            position: relative;
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .nav.nav-wizards-3 .nav-item .nav-link .nav-dot {
            width: 16px;
            height: 16px;
            margin: 0 auto;
            font-weight: 500;
            border: 3px solid var(--bs-component-disabled-bg);
            position: relative;
            z-index: 10;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .2s linear
        }

        .nav.nav-wizards-3 .nav-item .nav-link .nav-title {
            margin-top: .46875rem;
            font-weight: 600;
            text-align: center;
            font-size: .875rem
        }

        .nav.nav-wizards-3 .nav-item .nav-link .nav-text {
            text-align: center;
            font-size: .75rem;
            color: rgba(var(--bs-component-color-rgb), .65);
            font-weight: 600
        }

        .nav.nav-wizards-3 .nav-item .nav-link.active,
        .nav.nav-wizards-3 .nav-item .nav-link.completed {
            color: var(--bs-component-color)
        }

        .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot,
        .nav.nav-wizards-3 .nav-item .nav-link.completed .nav-dot {
            border-color: #348fe2;
            color: #348fe2
        }

        .nav.nav-wizards-3 .nav-item .nav-link.active:after,
        .nav.nav-wizards-3 .nav-item .nav-link.active:before,
        .nav.nav-wizards-3 .nav-item .nav-link.completed:after,
        .nav.nav-wizards-3 .nav-item .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-3 .nav-item .nav-link.active:after,
        .nav.nav-wizards-3 .nav-item .nav-link.completed:after {
            width: calc(50% - 8px)
        }

        .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot {
            box-shadow: 0 0 0 5px rgba(52, 143, 226, .2)
        }

        .nav.nav-wizards-3 .nav-item .nav-link.disabled {
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        .nav.nav-wizards-3 .nav-item .nav-link.disabled .nav-text {
            color: inherit
        }

        .nav.nav-wizards-3 .nav-item .nav-link:after,
        .nav.nav-wizards-3 .nav-item .nav-link:before {
            content: "";
            position: absolute;
            top: .875rem;
            height: 3px;
            background: var(--bs-component-disabled-bg);
            inset-inline-start: 0;
            inset-inline-end: calc(50% + 8px)
        }

        .nav.nav-wizards-3 .nav-item .nav-link:after {
            transition: all .2s linear;
            inset-inline-start: calc(50% + 8px);
            inset-inline-end: 0
        }

        .nav.nav-wizards-3 .nav-item:first-child .nav-link:after,
        .nav.nav-wizards-3 .nav-item:first-child .nav-link:before {
            inset-inline-start: calc(50% + 8px)
        }

        .nav.nav-wizards-3 .nav-item:last-child .nav-link:before {
            inset-inline-end: calc(50% + 8px)
        }

        .nav.nav-wizards-3 .nav-item:last-child .nav-link.active:before,
        .nav.nav-wizards-3 .nav-item:last-child .nav-link.completed:before {
            background: #348fe2
        }

        .nav.nav-wizards-3 .nav-item:last-child .nav-link:after {
            display: none
        }

        .nav {
            padding-inline-start: 0
        }

        .navbar.navbar-sticky {
            border-inline-end: 1px solid var(--bs-component-border-color);
            padding: 0;
            margin-inline-end: .46875rem
        }

        .navbar.navbar-sticky .nav {
            width: 100%;
            flex-direction: column;
            top: 70px;
            position: sticky
        }

        .navbar.navbar-sticky .nav .nav-link {
            color: rgba(var(--bs-body-color-rgb), .5);
            padding: .25rem 1rem;
            border-inline-end: 2px solid transparent;
            padding-inline-end: 1.46875rem
        }

        .navbar.navbar-sticky .nav .nav-link:hover {
            color: rgba(var(--bs-body-color-rgb), 1)
        }

        .navbar.navbar-sticky .nav .nav-link.active {
            color: rgba(var(--bs-body-color-rgb), 1);
            font-weight: 600;
            border-inline-end-color: rgba(var(--bs-body-color-rgb), 1)
        }

        .note {
            margin-bottom: 20px;
            position: relative;
            border-radius: 4px;
            display: flex;
            flex: 1;
            background: var(--bs-alert-bg);
            color: var(--bs-alert-color);
            border-color: var(--bs-alert-border-color);
            border-inline-start: 3px solid
        }

        .note .note-icon {
            width: 80px;
            font-size: 56px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .note .note-content {
            padding: 15px;
            flex: 1
        }

        .note .note-content .h1,
        .note .note-content .h2,
        .note .note-content .h3,
        .note .note-content .h4,
        .note .note-content .h5,
        .note .note-content .h6,
        .note .note-content h1,
        .note .note-content h2,
        .note .note-content h3,
        .note .note-content h4,
        .note .note-content h5,
        .note .note-content h6 {
            color: inherit
        }

        .note.note-with-end-icon {
            border-inline-start: none;
            border-inline-end: 3px solid
        }

        .page-header {
            font-size: 24px;
            margin: 0 0 15px;
            padding: 0;
            border: none;
            line-height: 1.35;
            font-weight: 500
        }

        .page-header .small,
        .page-header small {
            line-height: 20px
        }

        .pagination {
            font-weight: 600;
            flex-wrap: wrap
        }

        .pagination .page-item:not(:first-child) .page-link {
            margin-left: 0;
            margin-inline-start: .375rem
        }

        @keyframes fadeIn {
            from {
                opacity: 0
            }

            to {
                opacity: .9
            }
        }

        .panel {
            background-color: var(--bs-component-bg);
            border: none;
            margin-bottom: 1.246875rem;
            box-shadow: none;
            border-radius: 4px;
            display: flex;
            flex-direction: column
        }

        .panel .panel-body,
        .panel .panel-footer,
        .panel .panel-toolbar {
            flex: 1 1 auto
        }

        .panel .panel-heading {
            padding: .75rem .9375rem;
            border: none;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .panel .panel-heading .panel-title {
            font-size: .75rem;
            margin: 0;
            line-height: 1.35;
            flex: 1
        }

        .panel .panel-heading .panel-title>a {
            color: inherit;
            display: block
        }

        .panel .panel-heading .panel-title>a:focus,
        .panel .panel-heading .panel-title>a:hover {
            text-decoration: none
        }

        .panel .panel-heading .panel-heading-btn {
            display: flex;
            align-items: center
        }

        .panel .panel-heading .panel-heading-btn>a+a {
            margin-inline-start: 5px
        }

        .panel .panel-heading .panel-heading-btn .btn-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

        .panel .panel-heading .tab-overflow {
            flex: 1
        }

        .panel .panel-body {
            padding: .9375rem .9375rem
        }

        .panel .panel-body:after,
        .panel .panel-body:before {
            content: "";
            display: table;
            clear: both
        }

        .panel .panel-toolbar {
            padding: .75rem .9375rem
        }

        .panel .panel-footer {
            border-top: 1px solid rgba(var(--bs-component-border-color-rgb), .75);
            padding: .75rem .9375rem
        }

        .panel [class^=col-].ui-sortable {
            min-height: 0
        }

        .panel.panel-default>.panel-heading {
            background: var(--bs-light);
            color: var(--bs-component-color)
        }

        .panel.panel-inverse>.panel-heading {
            background: var(--bs-gray-900);
            color: var(--bs-white)
        }

        .dark-mode .panel.panel-inverse>.panel-heading {
            background: rgba(255, 255, 255, .1)
        }

        .panel.panel-loading .panel-body {
            position: relative;
            z-index: 0;
            overflow: hidden
        }

        .panel.panel-loading .panel-body .panel-loader {
            position: absolute;
            inset-inline-start: 0;
            inset-inline-end: 0;
            top: 0;
            bottom: 0;
            background: var(--bs-component-bg);
            opacity: .9;
            z-index: 1030;
            animation: fadeIn .2s;
            border-radius: 0 0 4px 4px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .panel.panel-expand {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            margin: 0;
            overflow: hidden;
            z-index: 1080;
            display: flex;
            flex: 1;
            flex-direction: column;
            border-radius: 0
        }

        .panel.panel-expand>.panel-body,
        .panel.panel-expand>.panel-footer,
        .panel.panel-expand>.panel-heading {
            border-radius: 0
        }

        .panel.panel-expand>.panel-body {
            overflow-x: scroll;
            flex: 1
        }

        .panel.panel-expand>.panel-body>.slimScrollDiv {
            height: 100% !important
        }

        .panel.panel-expand>.panel-body>.slimScrollDiv>div:not(.slimScrollBar):not(.slimScrollRail) {
            height: 100% !important
        }

        .panel.panel-expand>.panel-heading {
            flex: 0
        }

        .panel.panel-expand>.panel-heading .fa-expand:before {
            content: "\f066"
        }

        .panel.panel-expand>.hljs-wrapper {
            max-height: 50%;
            overflow: scroll
        }

        .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i {
            visibility: hidden
        }

        .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i,
        .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i {
            visibility: visible
        }

        .panel.panel-with-tabs .panel-heading>.nav-tabs {
            margin-top: -.375rem;
            margin-bottom: -.75rem;
            border-bottom: none
        }

        .panel.panel-with-tabs .panel-heading>.nav-tabs .nav-item .nav-link {
            border: none;
            margin: 0
        }

        .panel-expand .app-content {
            z-index: 9999
        }

        .panel-expand .app-content .panel.panel-expand {
            background: var(--bs-component-bg)
        }

        .popover {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .registered-users-list {
            list-style-type: none;
            margin: 7.5px;
            padding: 0;
            display: flex;
            flex-wrap: wrap
        }

        .registered-users-list>li {
            width: 25%;
            font-size: 12px;
            padding: 7.5px;
            color: #2d353c
        }

        .registered-users-list>li>a {
            display: block;
            margin-bottom: 10px
        }

        .registered-users-list>li img {
            max-width: 100%;
            border-radius: 4px
        }

        .registered-users-list>li .username {
            font-size: 12px;
            color: var(--bs-component-color);
            margin-bottom: 0;
            font-weight: 600
        }

        .registered-users-list>li .username .small,
        .registered-users-list>li .username small {
            display: block;
            font-size: 11px;
            color: rgba(var(--bs-component-color-rgb), .5);
            line-height: 15px
        }

        @keyframes rotation {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(359deg)
            }
        }

        .spinner {
            height: 36px;
            width: 36px;
            border: 2px solid #2d353c;
            border-top-color: #fff;
            border-radius: 36px;
            animation: rotation .6s infinite linear
        }

        .spinner.spinner-sm {
            height: 28px;
            width: 28px
        }

        .tab-overflow {
            position: relative;
            overflow: hidden;
            border-radius: 3px 3px 0 0;
            flex: 1
        }

        .tab-overflow .nav.nav-tabs {
            white-space: nowrap;
            display: table;
            margin: 0;
            border-radius: 4px 4px 0 0
        }

        .tab-overflow .nav.nav-tabs>li {
            display: table-cell;
            float: none
        }

        .tab-overflow .nav.nav-tabs>li>a {
            margin-inline-start: -1px
        }

        .tab-overflow .nav.nav-tabs .prev-button {
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            z-index: 10;
            display: none !important;
            opacity: 0;
            box-shadow: 0 0 15px rgba(45, 53, 60, .25);
            transition: all .2s linear
        }

        .tab-overflow .nav.nav-tabs .prev-button a {
            margin: 0;
            background: #f2f3f4;
            border-radius: 4px 0 0
        }

        :dir(rtl) .tab-overflow .nav.nav-tabs .prev-button a i {
            transform: rotate(180deg)
        }

        .tab-overflow .nav.nav-tabs .next-button {
            position: absolute;
            inset-inline-end: 0;
            top: 0;
            z-index: 10;
            display: none !important;
            opacity: 0;
            box-shadow: 0 0 15px rgba(45, 53, 60, .25);
            transition: all .2s linear;
            border-top-left-radius: 0
        }

        .tab-overflow .nav.nav-tabs .next-button a {
            margin: 0;
            background: #f2f3f4;
            border-radius: 0 4px 0 0
        }

        :dir(rtl) .tab-overflow .nav.nav-tabs .next-button a i {
            transform: rotate(180deg)
        }

        .tab-overflow .nav.nav-tabs.nav-tabs-inverse>li>a {
            background: 0 0
        }

        .tab-overflow .nav.nav-tabs.nav-tabs-inverse>li>a.active {
            background: #fff;
            color: #2d353c
        }

        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button,
        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button {
            box-shadow: 0 0 15px #000
        }

        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button+li>a.active,
        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button+li>a.active {
            border-radius: 0 4px 0 0
        }

        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button>a,
        .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button>a {
            background: #1a2229
        }

        .tab-overflow.overflow-right .nav.nav-tabs .next-button {
            display: block !important;
            opacity: 1;
            background: 0 0
        }

        .tab-overflow.overflow-left .nav.nav-tabs .prev-button {
            display: block !important;
            opacity: 1;
            background: 0 0
        }

        .table.table-card>tbody>tr>td:first-child,
        .table.table-card>tbody>tr>th:first-child,
        .table.table-card>tfoot>tr>td:first-child,
        .table.table-card>tfoot>tr>th:first-child,
        .table.table-card>thead>tr>td:first-child,
        .table.table-card>thead>tr>th:first-child,
        .table.table-panel>tbody>tr>td:first-child,
        .table.table-panel>tbody>tr>th:first-child,
        .table.table-panel>tfoot>tr>td:first-child,
        .table.table-panel>tfoot>tr>th:first-child,
        .table.table-panel>thead>tr>td:first-child,
        .table.table-panel>thead>tr>th:first-child {
            padding-inline-start: .9375rem;
            border-inline-start: 0
        }

        .table.table-card>tbody>tr>td:last-child,
        .table.table-card>tbody>tr>th:last-child,
        .table.table-card>tfoot>tr>td:last-child,
        .table.table-card>tfoot>tr>th:last-child,
        .table.table-card>thead>tr>td:last-child,
        .table.table-card>thead>tr>th:last-child,
        .table.table-panel>tbody>tr>td:last-child,
        .table.table-panel>tbody>tr>th:last-child,
        .table.table-panel>tfoot>tr>td:last-child,
        .table.table-panel>tfoot>tr>th:last-child,
        .table.table-panel>thead>tr>td:last-child,
        .table.table-panel>thead>tr>th:last-child {
            padding-inline-end: .9375rem;
            border-inline-end: 0
        }

        .table.table-thead-sticky thead {
            position: sticky;
            top: 0;
            background: var(--bs-component-bg);
            box-shadow: 0 0 0 1px var(--bs-component-table-border-color)
        }

        .table.table-tfoot-sticky tfoot {
            position: sticky;
            bottom: 0;
            background: var(--bs-component-bg);
            box-shadow: 0 0 0 1px var(--bs-component-table-border-color)
        }

        .table.table-tbody-bordered>tbody>tr>td+td {
            border-inline-start: 1px solid var(--bs-component-table-border-color)
        }

        .table.table-thead-bordered>thead>tr>th+th {
            border-inline-start: 1px solid var(--bs-component-table-border-color)
        }

        .table.table-tfoot-bordered>tfoot>tr>th+th {
            border-inline-start: 1px solid var(--bs-component-table-border-color)
        }

        .table.table-px-1px td,
        .table.table-px-1px th {
            padding-inline-start: 1px !important;
            padding-inline-end: 1px !important
        }

        .table.table-px-2px td,
        .table.table-px-2px th {
            padding-inline-start: 2px !important;
            padding-inline-end: 2px !important
        }

        .table.table-px-3px td,
        .table.table-px-3px th {
            padding-inline-start: 3px !important;
            padding-inline-end: 3px !important
        }

        .table.table-px-4px td,
        .table.table-px-4px th {
            padding-inline-start: 4px !important;
            padding-inline-end: 4px !important
        }

        .table.table-px-5px td,
        .table.table-px-5px th {
            padding-inline-start: 5px !important;
            padding-inline-end: 5px !important
        }

        .table.table-px-6px td,
        .table.table-px-6px th {
            padding-inline-start: 6px !important;
            padding-inline-end: 6px !important
        }

        .table.table-px-7px td,
        .table.table-px-7px th {
            padding-inline-start: 7px !important;
            padding-inline-end: 7px !important
        }

        .table.table-px-8px td,
        .table.table-px-8px th {
            padding-inline-start: 8px !important;
            padding-inline-end: 8px !important
        }

        .table.table-px-9px td,
        .table.table-px-9px th {
            padding-inline-start: 9px !important;
            padding-inline-end: 9px !important
        }

        .table.table-px-10px td,
        .table.table-px-10px th {
            padding-inline-start: 10px !important;
            padding-inline-end: 10px !important
        }

        .table.table-px-11px td,
        .table.table-px-11px th {
            padding-inline-start: 11px !important;
            padding-inline-end: 11px !important
        }

        .table.table-px-12px td,
        .table.table-px-12px th {
            padding-inline-start: 12px !important;
            padding-inline-end: 12px !important
        }

        .table.table-px-13px td,
        .table.table-px-13px th {
            padding-inline-start: 13px !important;
            padding-inline-end: 13px !important
        }

        .table.table-px-14px td,
        .table.table-px-14px th {
            padding-inline-start: 14px !important;
            padding-inline-end: 14px !important
        }

        .table.table-px-15px td,
        .table.table-px-15px th {
            padding-inline-start: 15px !important;
            padding-inline-end: 15px !important
        }

        .table.table-px-16px td,
        .table.table-px-16px th {
            padding-inline-start: 16px !important;
            padding-inline-end: 16px !important
        }

        .table.table-px-17px td,
        .table.table-px-17px th {
            padding-inline-start: 17px !important;
            padding-inline-end: 17px !important
        }

        .table.table-px-18px td,
        .table.table-px-18px th {
            padding-inline-start: 18px !important;
            padding-inline-end: 18px !important
        }

        .table.table-px-19px td,
        .table.table-px-19px th {
            padding-inline-start: 19px !important;
            padding-inline-end: 19px !important
        }

        .table.table-px-20px td,
        .table.table-px-20px th {
            padding-inline-start: 20px !important;
            padding-inline-end: 20px !important
        }

        .table.table-py-1px td,
        .table.table-py-1px th {
            padding-top: 1px !important;
            padding-bottom: 1px !important
        }

        .table.table-py-2px td,
        .table.table-py-2px th {
            padding-top: 2px !important;
            padding-bottom: 2px !important
        }

        .table.table-py-3px td,
        .table.table-py-3px th {
            padding-top: 3px !important;
            padding-bottom: 3px !important
        }

        .table.table-py-4px td,
        .table.table-py-4px th {
            padding-top: 4px !important;
            padding-bottom: 4px !important
        }

        .table.table-py-5px td,
        .table.table-py-5px th {
            padding-top: 5px !important;
            padding-bottom: 5px !important
        }

        .table.table-py-6px td,
        .table.table-py-6px th {
            padding-top: 6px !important;
            padding-bottom: 6px !important
        }

        .table.table-py-7px td,
        .table.table-py-7px th {
            padding-top: 7px !important;
            padding-bottom: 7px !important
        }

        .table.table-py-8px td,
        .table.table-py-8px th {
            padding-top: 8px !important;
            padding-bottom: 8px !important
        }

        .table.table-py-9px td,
        .table.table-py-9px th {
            padding-top: 9px !important;
            padding-bottom: 9px !important
        }

        .table.table-py-10px td,
        .table.table-py-10px th {
            padding-top: 10px !important;
            padding-bottom: 10px !important
        }

        .table.table-py-11px td,
        .table.table-py-11px th {
            padding-top: 11px !important;
            padding-bottom: 11px !important
        }

        .table.table-py-12px td,
        .table.table-py-12px th {
            padding-top: 12px !important;
            padding-bottom: 12px !important
        }

        .table.table-py-13px td,
        .table.table-py-13px th {
            padding-top: 13px !important;
            padding-bottom: 13px !important
        }

        .table.table-py-14px td,
        .table.table-py-14px th {
            padding-top: 14px !important;
            padding-bottom: 14px !important
        }

        .table.table-py-15px td,
        .table.table-py-15px th {
            padding-top: 15px !important;
            padding-bottom: 15px !important
        }

        .table.table-py-16px td,
        .table.table-py-16px th {
            padding-top: 16px !important;
            padding-bottom: 16px !important
        }

        .table.table-py-17px td,
        .table.table-py-17px th {
            padding-top: 17px !important;
            padding-bottom: 17px !important
        }

        .table.table-py-18px td,
        .table.table-py-18px th {
            padding-top: 18px !important;
            padding-bottom: 18px !important
        }

        .table.table-py-19px td,
        .table.table-py-19px th {
            padding-top: 19px !important;
            padding-bottom: 19px !important
        }

        .table.table-py-20px td,
        .table.table-py-20px th {
            padding-top: 20px !important;
            padding-bottom: 20px !important
        }

        .theme-panel {
            position: fixed;
            width: 260px;
            inset-inline-end: -260px;
            top: 0;
            bottom: 0;
            z-index: 1035;
            background: var(--bs-component-bg);
            transition: inset-inline-end .2s linear;
            border-radius: 4px 0 0 4px
        }

        .theme-panel .theme-list {
            margin-bottom: -4px;
            margin-inline-end: -4px;
            display: flex;
            flex-wrap: wrap
        }

        .theme-panel .theme-list .theme-list-item {
            margin-bottom: 4px;
            margin-inline-end: 4px
        }

        .theme-panel .theme-list .theme-list-item .theme-list-link {
            width: 28px;
            height: 28px;
            display: block;
            text-decoration: none;
            position: relative;
            border-radius: 30px;
            transition: all .2s linear
        }

        .theme-panel .theme-list .theme-list-item .theme-list-link:focus,
        .theme-panel .theme-list .theme-list-item .theme-list-link:hover {
            opacity: .6
        }

        .theme-panel .theme-list .theme-list-item.active .theme-list-link:before {
            content: "\f00c";
            position: absolute;
            inset-inline-start: 0;
            inset-inline-end: 0;
            top: 0;
            bottom: 0;
            font-size: 14px;
            line-height: 1;
            color: #fff;
            opacity: .4;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .theme-panel .theme-list .theme-list-item.active .theme-list-link.bg-white:before {
            color: #2d353c
        }

        .theme-panel .theme-collapse-btn {
            position: absolute;
            inset-inline-start: -30px;
            top: 30%;
            margin-top: -15px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            color: var(--bs-component-color);
            background: var(--bs-component-bg);
            text-align: center;
            border-radius: 4px 0 0 4px;
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
        }

        :dir(rtl) .theme-panel .theme-collapse-btn {
            border-radius: 0 4px 4px 0
        }

        @media (max-width:575.98px) {
            .theme-panel .theme-collapse-btn {
                top: 35%
            }
        }

        .theme-panel .theme-panel-content {
            background: var(--bs-component-bg);
            padding: 20px;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            overflow: scroll;
            margin: 0;
            z-index: 10
        }

        .theme-panel .theme-panel-divider {
            height: 1px;
            margin: 15px 0;
            background-color: var(--bs-component-border-color)
        }

        .theme-panel .theme-version {
            margin: 0 0 5px;
            margin: -2.5px;
            display: flex;
            flex-wrap: wrap
        }

        .theme-panel .theme-version .theme-version-item {
            width: 50%;
            position: relative;
            padding-top: 35%
        }

        .theme-panel .theme-version .theme-version-item .theme-version-link {
            display: block;
            text-decoration: none;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            margin: 2.5px
        }

        .theme-panel .theme-version .theme-version-item .theme-version-link .theme-version-cover {
            font-size: 14px;
            font-weight: 700;
            margin: 0;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            text-align: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top left
        }

        .theme-panel .theme-version .theme-version-item .theme-version-link.active:before,
        .theme-panel .theme-version .theme-version-item .theme-version-link:hover:before {
            content: "";
            position: absolute;
            border: 12px solid transparent;
            border-inline-start-color: #9ba8b4;
            border-top-color: #9ba8b4;
            inset-inline-start: 0;
            top: 0;
            z-index: 10
        }

        .theme-panel .theme-version .theme-version-item .theme-version-link.active:after,
        .theme-panel .theme-version .theme-version-item .theme-version-link:hover:after {
            content: "\f00c";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            color: #fff;
            z-index: 10;
            width: 16px;
            height: 16px;
            line-height: 16px;
            font-size: 10px;
            text-align: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .theme-panel .theme-version .theme-version-item .theme-version-link.active:before {
            border-inline-start-color: #007aff;
            border-top-color: #007aff
        }

        .theme-panel.active {
            box-shadow: 0 5px 25px rgba(0, 0, 0, .3);
            inset-inline-end: 0
        }

        .theme-panel.active .theme-collapse-btn .fa:before {
            content: "\f00d"
        }

        .toast-container {
            position: fixed;
            top: 50px;
            margin-top: .9375rem;
            inset-inline-end: .9375rem;
            z-index: 1020
        }

        .toast .toast-header {
            border-bottom-width: 1px;
            border-color: var(--bs-component-dropdown-border-color)
        }

        .toast .toast-header .btn-close {
            margin-inline-end: calc(-.5 * var(--bs-toast-padding-x));
            margin-inline-start: var(--bs-toast-padding-x)
        }

        .todolist {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        .todolist .todolist-item {
            display: flex
        }

        .todolist .todolist-item .todolist-input {
            padding: .46875rem .703125rem;
            display: flex;
            align-items: center
        }

        .todolist .todolist-item .todolist-input .form-check {
            padding-inline-start: 18px;
            margin: 0
        }

        .todolist .todolist-item .todolist-input .form-check .form-check-input {
            width: 18px;
            margin-inline-start: -18px
        }

        .todolist .todolist-item .todolist-input .form-check .form-check-input:checked {
            border-color: var(--bs-success);
            background-color: var(--bs-success)
        }

        .todolist .todolist-item .todolist-input+.todolist-label {
            border-inline-start: 1px solid var(--bs-component-border-color)
        }

        .todolist .todolist-item .todolist-label {
            padding: .46875rem .703125rem;
            flex: 1
        }

        .todolist .todolist-item:hover {
            background: var(--bs-light)
        }

        .todolist .todolist-item.active {
            background: rgba(var(--bs-success-rgb), .15)
        }

        .todolist .todolist-item.active .todolist-label {
            text-decoration: line-through
        }

        .todolist .todolist-item+.todolist-item {
            border-top: 1px solid var(--bs-component-border-color)
        }

        .widget-card {
            position: relative;
            margin-bottom: .9375rem;
            display: block;
            text-decoration: none !important
        }

        .widget-card .widget-card-content {
            padding: .9375rem;
            position: relative
        }

        .widget-card .widget-card-cover {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: var(--bs-component-bg)
        }

        .widget-card .widget-card-cover .widget-card-cover-icon {
            position: absolute;
            top: 50%;
            inset-inline-start: 50%;
            width: 40%;
            height: 40%;
            margin: -20% 0 0 -20%;
            border-radius: 50%;
            background: rgba(0, 0, 0, .75);
            color: #fff;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .widget-card .widget-card-cover .widget-card-cover-icon .fa {
            font-size: 1.5vw;
            line-height: 1.5vw
        }

        .widget-card.square {
            padding-top: 100%;
            overflow: hidden
        }

        .widget-card.square .widget-card-content {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0
        }

        .widget-card.square .widget-card-content.bottom {
            top: auto
        }

        .inverse-mode .widget-card,
        .inverse-mode.widget-card {
            color: #fff
        }

        .inverse-mode .widget-card .widget-card-cover,
        .inverse-mode.widget-card .widget-card-cover {
            background-color: #2d353c
        }

        .widget-chart {
            position: relative;
            overflow: hidden;
            margin-bottom: 20px;
            border-radius: 4px
        }

        @media (min-width:576px) {
            .widget-chart {
                display: flex
            }
        }

        .widget-chart .chart-title {
            font-size: 16px !important;
            line-height: 20px;
            color: #fff;
            font-weight: 600 !important;
            margin: 2px 5px 5px
        }

        .widget-chart .chart-title .small,
        .widget-chart .chart-title small {
            display: block;
            margin-top: 3px;
            font-size: 12px;
            line-height: 16px;
            color: #9ba8b4;
            font-weight: 400
        }

        .widget-chart .widget-chart-content {
            padding: 15px;
            flex: 1
        }

        @media (min-width:768px) {
            .widget-chart .widget-chart-content+.widget-chart-sidebar {
                border-radius: 0 4px 4px 0
            }
        }

        .widget-chart .widget-chart-content+.widget-chart-sidebar {
            border-radius: 0 0 4px 4px
        }

        .widget-chart .widget-chart-full-width {
            margin: 0 -15px
        }

        .widget-chart .widget-chart-sidebar {
            padding: 15px 15px;
            position: relative;
            display: flex;
            flex-direction: column
        }

        @media (min-width:768px) {
            .widget-chart .widget-chart-sidebar {
                width: 230px
            }
        }

        @media (min-width:576px) and (max-width:767.98px) {
            .widget-chart .widget-chart-sidebar {
                width: 200px
            }
        }

        .widget-chart .widget-chart-sidebar .chart-number {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px;
            color: #fff
        }

        .widget-chart .widget-chart-sidebar .chart-number .small,
        .widget-chart .widget-chart-sidebar .chart-number small {
            font-size: 12px;
            line-height: 16px;
            margin-top: 3px;
            color: #9ba8b4;
            display: block;
            font-weight: 400
        }

        .widget-chart .widget-chart-sidebar .chart-legend {
            list-style-type: none;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-weight: 600
        }

        .widget-chart .widget-chart-sidebar .chart-legend>li {
            color: #fff
        }

        .widget-chart .widget-chart-sidebar .chart-legend>li span {
            color: #9ba8b4;
            margin-inline-start: 5px;
            font-weight: 400
        }

        .widget-chart .widget-chart-sidebar .chart-legend>li+li {
            margin-top: 5px
        }

        .widget-chart-info {
            color: var(--bs-component-color)
        }

        .widget-chart-info .widget-chart-info-title {
            margin: 0 0 5px;
            font-size: 14px
        }

        .widget-chart-info .widget-chart-info-desc {
            font-size: 11px;
            color: rgba(var(--bs-component-color-rgb), .5);
            margin-bottom: 20px
        }

        .widget-chart-info .widget-chart-info-progress {
            font-size: 11px;
            margin-bottom: 5px
        }

        .widget-chart-info .widget-chart-info-progress .progress {
            margin-bottom: 0
        }

        .widget-chart-content {
            padding: 10px;
            background: var(--bs-light)
        }

        .dark-mode .widget-chart-content {
            background: #1d2226
        }

        .dark-mode .widget-chart-info {
            color: #c6ced5
        }

        .dark-mode .widget-chart-info .widget-chart-info-desc {
            color: #9ba8b4
        }

        .dark-mode .nvd3 text {
            fill: rgba(255, 255, 255, .75)
        }

        .dark-mode .nvd3 .nv-axis line,
        .dark-mode .nvd3 .nv-axis path {
            stroke: rgba(255, 255, 255, .15)
        }

        .widget-chat {
            background: var(--bs-component-bg);
            color: var(--bs-component-color)
        }

        .widget-chat .widget-chat-header {
            padding: .9375rem;
            display: flex;
            align-items: center
        }

        .widget-chat .widget-chat-header .widget-chat-header-icon {
            padding-inline-end: .9375rem
        }

        .widget-chat .widget-chat-header .widget-chat-header-content {
            flex: 1
        }

        .widget-chat .widget-chat-header .widget-chat-header-title {
            font-size: .75rem;
            margin: 0
        }

        .widget-chat .widget-chat-header .widget-chat-header-desc {
            margin: 0;
            color: rgba(var(--bs-component-color-rgb), .65)
        }

        .widget-chat .widget-chat-body {
            padding: .9375rem;
            background: var(--bs-light)
        }

        .widget-chat .widget-chat-item {
            color: var(--bs-component-color);
            position: relative;
            min-height: 38px;
            padding: .3121875rem 0
        }

        .widget-chat .widget-chat-media {
            width: 38px;
            height: 38px;
            position: absolute;
            bottom: 3px;
            overflow: hidden;
            border-radius: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            inset-inline-start: 0
        }

        .widget-chat .widget-chat-media img {
            max-width: 100%;
            max-height: 100%;
            display: block
        }

        .widget-chat .widget-chat-info {
            display: flex;
            margin-inline-start: 12px
        }

        .widget-chat .widget-chat-info-container {
            background: var(--bs-component-bg);
            display: inline-flex;
            align-items: flex-end;
            flex-wrap: wrap;
            padding: .46875rem .703125rem;
            position: relative;
            color: var(--bs-component-color);
            border-radius: 16px
        }

        .widget-chat .widget-chat-message {
            font-weight: 600;
            color: var(--bs-component-color);
            flex: 1
        }

        .widget-chat .widget-chat-message:before {
            content: "";
            position: absolute;
            bottom: 0;
            border: 0 solid transparent;
            border-top-width: 15px;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            inset-inline-start: -24px;
            border-inline-end-width: 10px;
            border-inline-end-color: var(--bs-component-bg)
        }

        :dir(ltr) .widget-chat .widget-chat-message:before {
            transform: rotate(10deg)
        }

        :dir(rtl) .widget-chat .widget-chat-message:before {
            transform: rotate(-10deg)
        }

        .widget-chat .widget-chat-name {
            font-weight: 600;
            width: 100%
        }

        .widget-chat .widget-chat-time {
            font-style: italic;
            color: #adb5bd;
            font-weight: 600;
            font-size: .675rem;
            padding-inline-start: 12px
        }

        .widget-chat .with-media .widget-chat-info {
            min-width: 60%;
            margin-inline-start: 53px
        }

        .widget-chat .with-media .end .widget-chat-info {
            margin-inline-end: 53px
        }

        .widget-chat .end .widget-chat-media {
            inset-inline-start: auto;
            inset-inline-end: 0
        }

        .widget-chat .end .widget-chat-info {
            margin-inline-end: 12px;
            margin-inline-start: 0;
            justify-content: flex-end
        }

        .widget-chat .end .widget-chat-message:before {
            bottom: -5px;
            inset-inline-start: auto;
            inset-inline-end: -24px;
            border-right-width: 0;
            border-inline-end-color: transparent;
            border-left-width: 10px;
            border-inline-start-color: var(--bs-component-bg)
        }

        .widget-chat .end.with-media .widget-chat-info {
            margin-inline-end: 53px
        }

        .widget-icon {
            position: relative;
            overflow: hidden;
            width: 40px;
            height: 40px;
            font-size: 28px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .widget-icon.user {
            font-size: 36px
        }

        .widget-icon.user i {
            display: block;
            margin: 0 auto;
            padding-top: 38%
        }

        .widget-icon.widget-icon-xs {
            width: 20px;
            height: 20px;
            font-size: 14px
        }

        .widget-icon.widget-icon-xs.user {
            font-size: 18px
        }

        .widget-icon.widget-icon-sm {
            width: 30px;
            height: 30px;
            font-size: 21px
        }

        .widget-icon.widget-icon-sm.user {
            font-size: 27px
        }

        .widget-icon.widget-icon-lg {
            width: 60px;
            height: 60px;
            font-size: 42px
        }

        .widget-icon.widget-icon-lg.user {
            font-size: 54px
        }

        .widget-icon.widget-icon-xl {
            width: 80px;
            height: 80px;
            font-size: 56px
        }

        .widget-icon.widget-icon-xl.user {
            font-size: 72px
        }

        .widget-img {
            overflow: hidden;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }

        .widget-img.widget-img-xl {
            width: 80px;
            height: 80px;
            line-height: 80px
        }

        .widget-img.widget-img-lg {
            width: 60px;
            height: 60px;
            line-height: 60px
        }

        .widget-img.widget-img-sm {
            width: 30px;
            height: 30px;
            line-height: 30px
        }

        .widget-img.widget-img-xs {
            width: 20px;
            height: 20px;
            line-height: 20px
        }

        .widget-input-container {
            display: flex;
            align-items: center
        }

        .widget-input-container .widget-input-icon {
            padding: 0 .3121875rem
        }

        .widget-input-container .widget-input-icon a {
            display: block;
            padding: .61875rem;
            font-size: 18px
        }

        .widget-input-container .widget-input-box {
            padding: .375rem 0;
            flex: 1
        }

        .widget-input-container .widget-input-box .form-control {
            border-color: var(--bs-light);
            background: var(--bs-light);
            border-radius: 40px
        }

        .widget-input-container .widget-input-box .form-control:focus {
            box-shadow: none
        }

        .widget-input-container .widget-input-divider {
            width: 1px
        }

        .widget-input-container .widget-input-divider:after {
            content: "";
            width: 1px;
            height: 26px;
            background: var(--bs-component-border-color);
            display: block
        }

        .widget-list {
            background: var(--bs-component-bg)
        }

        .widget-list .widget-list-item {
            text-decoration: none;
            color: var(--bs-component-color);
            display: flex
        }

        .widget-list .widget-list-item+.widget-list-item .widget-list-action,
        .widget-list .widget-list-item+.widget-list-item .widget-list-content {
            border-top: 1px solid var(--bs-component-border-color)
        }

        .widget-list .widget-list-item .widget-list-action,
        .widget-list .widget-list-item .widget-list-content,
        .widget-list .widget-list-item .widget-list-media {
            padding: .61875rem .9375rem
        }

        .widget-list .widget-list-item .widget-list-action+div,
        .widget-list .widget-list-item .widget-list-content+div,
        .widget-list .widget-list-item .widget-list-media+div {
            padding-inline-start: 0
        }

        .widget-list .widget-list-item .widget-list-media.icon {
            padding-top: .3121875rem;
            padding-bottom: .3121875rem
        }

        .widget-list .widget-list-item .widget-list-media.icon i {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
            border-radius: 8px
        }

        .widget-list .widget-list-item .widget-list-media img {
            max-width: 100%;
            max-height: 100%
        }

        .widget-list .widget-list-item .widget-list-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .widget-list .widget-list-item .widget-list-action {
            display: flex;
            align-items: center
        }

        .widget-list .widget-list-item .widget-list-title {
            font-size: .75rem;
            margin: 0
        }

        .widget-list .widget-list-item .widget-list-desc {
            font-size: .6875rem;
            margin: 0;
            color: rgba(var(--bs-component-color-rgb), .75)
        }

        .widget-map {
            background: var(--bs-component-bg)
        }

        .widget-stats,
        .widget.widget-stats {
            position: relative;
            color: #fff;
            padding: .9375rem;
            border-radius: 4px
        }

        .widget-stats .stats-info .h4,
        .widget-stats .stats-info h4,
        .widget.widget-stats .stats-info h4 {
            font-size: 12px;
            margin: 5px 0;
            color: rgba(255, 255, 255, .7)
        }

        .widget-stats .stats-info p,
        .widget.widget-stats .stats-info p {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 0
        }

        .widget-stats .stats-link a,
        .widget.widget-stats .stats-link a {
            display: block;
            margin: .9375rem -.9375rem -.9375rem;
            padding: .46875rem .9375rem;
            background: rgba(0, 0, 0, .4);
            text-align: end;
            color: rgba(255, 255, 255, .7);
            text-decoration: none
        }

        .widget-stats .stats-link a:focus,
        .widget-stats .stats-link a:hover,
        .widget.widget-stats .stats-link a:focus,
        .widget.widget-stats .stats-link a:hover {
            background: rgba(0, 0, 0, .6);
            color: #fff
        }

        .widget-stats .stats-icon,
        .widget.widget-stats .stats-icon {
            font-size: 42px;
            height: 56px;
            width: 56px;
            text-align: center;
            line-height: 56px;
            color: rgba(0, 0, 0, .15);
            position: absolute;
            top: .9375rem;
            margin-inline-start: .9375rem;
            inset-inline-end: .9375rem
        }

        .widget-stats .stats-icon.stats-icon-lg,
        .widget.widget-stats .stats-icon.stats-icon-lg {
            font-size: 128px;
            top: .9375rem;
            color: #fff;
            width: 128px;
            height: 50px;
            line-height: 50px;
            text-shadow: 3px 7px rgba(0, 0, 0, .25);
            opacity: .15;
            inset-inline-end: 0
        }

        .widget-stats .stats-icon.stats-icon-lg i,
        .widget.widget-stats .stats-icon.stats-icon-lg i {
            position: relative
        }

        .widget-stats .stats-icon.stats-icon-square,
        .widget.widget-stats .stats-icon.stats-icon-square {
            opacity: 1;
            font-size: 42px;
            top: .9375rem;
            inset-inline-end: .9375rem;
            height: 56px;
            width: 56px;
            text-align: center;
            line-height: 56px;
            margin-inline-start: .9375rem;
            border-radius: 16px
        }

        .widget-stats .stats-content,
        .widget.widget-stats .stats-content {
            position: relative
        }

        .widget-stats .stats-title,
        .widget.widget-stats .stats-title {
            position: relative;
            margin: 0 0 2px;
            font-size: 12px;
            font-weight: 600;
            color: rgba(255, 255, 255, .7)
        }

        .widget-stats .stats-desc,
        .widget.widget-stats .stats-desc {
            margin: -5px 0 -3px;
            color: rgba(255, 255, 255, .7)
        }

        .widget-stats .stats-number,
        .widget.widget-stats .stats-number {
            font-size: 24px;
            margin-bottom: .9375rem;
            font-weight: 600;
            letter-spacing: 1px
        }

        .widget-stats .stats-progress,
        .widget.widget-stats .stats-progress {
            background: rgba(0, 0, 0, .5);
            height: 2px;
            margin: 0 0 .9375rem;
            border-radius: 4px
        }

        .widget-stats .stats-progress .progress-bar,
        .widget.widget-stats .stats-progress .progress-bar {
            background: #fff;
            border-radius: 0 4px 4px 0
        }

        .widget-stats .stats-progress.stats-progress-light,
        .widget.widget-stats .stats-progress.stats-progress-light {
            background: rgba(255, 255, 255, .3)
        }

        .widget-stats.bg-white .stats-progress,
        .widget.widget-stats.bg-white .stats-progress {
            background: rgba(0, 0, 0, .1)
        }

        .widget-stats.bg-white .stats-progress .progress-bar,
        .widget.widget-stats.bg-white .stats-progress .progress-bar {
            background: #2d353c
        }

        .widget-table.table {
            background: var(--bs-component-bg)
        }

        .widget-table.table.table-bordered>tbody>tr:last-child {
            border-bottom: none
        }

        .widget-table.table.table-bordered>tbody>tr td:first-child {
            border-inline-start: none
        }

        .widget-table.table.table-bordered>tbody>tr td:last-child {
            border-inline-end: none
        }

        .widget-table.table.table-bordered>thead>tr:first-child {
            border-top: none
        }

        .widget-table.table.table-bordered>thead>tr th:first-child {
            border-inline-start: none
        }

        .widget-table.table.table-bordered>thead>tr th:last-child {
            border-inline-end: none
        }

        .widget-todolist {
            background: var(--bs-component-bg);
            color: var(--bs-component-color)
        }

        .widget-todolist:after,
        .widget-todolist:before {
            content: "";
            display: table;
            clear: both
        }

        .widget-todolist .widget-todolist-header {
            padding: .61875rem .9375rem;
            border-bottom: 1px solid var(--bs-component-border-color);
            display: flex;
            align-items: center
        }

        .widget-todolist .widget-todolist-header .widget-todolist-header-title {
            margin: 0;
            font-size: 1.125rem;
            font-weight: 400;
            color: var(--bs-component-color);
            flex: 1
        }

        .widget-todolist .widget-todolist-header .widget-todolist-header-total {
            text-align: center;
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--bs-component-color)
        }

        .widget-todolist .widget-todolist-header .widget-todolist-header-total .small,
        .widget-todolist .widget-todolist-header .widget-todolist-header-total small {
            display: block;
            font-size: .6rem;
            line-height: 1
        }

        .widget-todolist .widget-todolist-body {
            border-bottom: 1px solid var(--bs-component-border-color);
            margin-bottom: 20px
        }

        .widget-todolist .widget-todolist-item {
            display: flex
        }

        .widget-todolist .widget-todolist-item .widget-todolist-icon {
            padding: .61875rem .9375rem;
            text-align: center;
            border-top: 1px solid var(--bs-component-border-color)
        }

        .widget-todolist .widget-todolist-item .widget-todolist-input {
            padding: .61875rem .9375rem;
            width: 48px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .widget-todolist .widget-todolist-item .widget-todolist-input .form-check {
            padding-inline-start: 18px
        }

        .widget-todolist .widget-todolist-item .widget-todolist-input .form-check .form-check-input {
            margin-inline-start: -18px
        }

        .widget-todolist .widget-todolist-item .widget-todolist-input+div {
            padding-inline-start: 0
        }

        .widget-todolist .widget-todolist-item .widget-todolist-content {
            padding: .61875rem .9375rem;
            border-top: 1px solid var(--bs-component-border-color);
            flex: 1
        }

        .widget-todolist .widget-todolist-item:first-child .widget-todolist-content,
        .widget-todolist .widget-todolist-item:first-child .widget-todolist-icon {
            border-top: none
        }

        .widget {
            overflow: hidden;
            margin-bottom: 20px;
            background: var(--bs-component-bg);
            color: inherit;
            padding: 0
        }

        .widget .widget-header {
            border-bottom: 1px solid var(--bs-component-border-color);
            color: var(--bs-component-color);
            display: flex;
            align-items: center
        }

        .widget .widget-header .widget-header-title {
            margin: 0;
            font-size: .75rem;
            padding: .61875rem .9375rem;
            flex: 1
        }

        .widget .widget-header .widget-header-icon {
            padding: .61875rem .9375rem
        }

        .widget .widget-header .widget-header-icon+.widget-header-icon {
            padding-inline-start: 0
        }

        .widget .widget-body {
            padding: .9375rem
        }

        .coming-soon {
            min-height: 100vh;
            min-height: 100dvh;
            background: var(--bs-component-bg)
        }

        .coming-soon .brand {
            font-size: 1.875rem;
            font-weight: 300;
            line-height: 1.2;
            margin-bottom: .46875rem;
            color: #fff;
            text-align: center
        }

        .coming-soon .brand .logo {
            border: 25px solid transparent;
            border-color: transparent rgba(0, 0, 0, .15) rgba(0, 0, 0, .3);
            background-color: var(--bs-app-theme);
            position: relative;
            width: 0;
            height: 0;
            display: block;
            margin: 0 auto .9375rem;
            vertical-align: middle;
            border-radius: 12px
        }

        @media (max-width:767.98px) {
            .coming-soon .brand .logo {
                border-width: 20px
            }
        }

        .coming-soon .coming-soon-header {
            background: url(images/coming-soon.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            padding: 100px 50px 50px;
            position: relative
        }

        @media (max-width:767.98px) {
            .coming-soon .coming-soon-header {
                padding: 50px 25px 25px
            }
        }

        .coming-soon .coming-soon-header .desc {
            position: relative;
            z-index: 10;
            text-align: center;
            font-size: .875rem;
            color: rgba(255, 255, 255, .5);
            margin-bottom: 1.875rem
        }

        @media (max-width:767.98px) {
            .coming-soon .coming-soon-header .desc {
                font-size: .75rem;
                margin-bottom: .9375rem
            }
        }

        .coming-soon .coming-soon-header .timer {
            position: relative;
            z-index: 10;
            margin-bottom: 0;
            padding: 10px 0
        }

        .coming-soon .coming-soon-header .timer:after,
        .coming-soon .coming-soon-header .timer:before {
            content: "";
            display: table;
            clear: both
        }

        .coming-soon .coming-soon-header .timer .is-countdown {
            background: 0 0;
            border: none;
            margin: 0 auto;
            width: 720px
        }

        @media (max-width:991.98px) {
            .coming-soon .coming-soon-header .timer .is-countdown {
                width: 520px
            }
        }

        @media (max-width:767.98px) {
            .coming-soon .coming-soon-header .timer .is-countdown {
                width: 480px
            }
        }

        @media (max-width:575.98px) {
            .coming-soon .coming-soon-header .timer .is-countdown {
                width: auto
            }
        }

        .coming-soon .coming-soon-header .timer .is-countdown .countdown-row {
            display: flex;
            flex-wrap: wrap
        }

        .coming-soon .coming-soon-header .timer .is-countdown .countdown-section {
            padding: 0 10px;
            float: none
        }

        .coming-soon .coming-soon-header .timer .is-countdown .countdown-section+.countdown-section {
            border-inline-start: 1px solid rgba(255, 255, 255, .2)
        }

        .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount {
            font-size: 36px;
            color: #fff
        }

        @media (max-width:767.98px) {
            .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount {
                font-size: 24px
            }
        }

        .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period {
            font-size: 14px;
            color: rgba(255, 255, 255, .6)
        }

        @media (max-width:767.98px) {
            .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period {
                font-size: 12px
            }
        }

        .coming-soon .coming-soon-header .brand {
            position: relative;
            z-index: 10
        }

        .coming-soon .coming-soon-header .bg-cover {
            background: linear-gradient(to bottom, rgba(32, 37, 42, .65) 0, rgba(32, 37, 42, .85) 100%);
            position: absolute;
            inset-inline-end: 0;
            top: 0;
            inset-inline-start: 0;
            bottom: 0;
            z-index: 0
        }

        .coming-soon .coming-soon-content {
            color: var(--bs-component-color);
            text-align: center;
            padding: 1.875rem
        }

        .coming-soon .coming-soon-content .desc {
            margin-bottom: .9375rem;
            font-size: .825rem
        }

        .coming-soon .coming-soon-content .input-group {
            width: 420px
        }

        @media (max-width:575.98px) {
            .coming-soon .coming-soon-content .input-group {
                width: auto
            }
        }

        .error {
            margin: 0 auto;
            text-align: center;
            height: 100vh;
            height: 100dvh;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .error .error-code,
        .error .error-content {
            flex: 1;
            transform: translateZ(0)
        }

        .error .error-code {
            color: var(--bs-component-color);
            font-size: 200px;
            line-height: 1;
            text-shadow: 10px 10px 0 rgba(var(--bs-component-color-rgb), .2);
            padding: 1.875rem;
            height: 50vh;
            display: flex;
            justify-content: center;
            align-items: flex-end
        }

        @media (max-width:767.98px) {
            .error .error-code {
                font-size: 160px
            }
        }

        @media (max-width:575.98px) {
            .error .error-code {
                font-size: 120px
            }
        }

        .error .error-content {
            bottom: 0;
            padding: 1.875rem;
            background: #2d353c;
            background-image: url(images/error-page-pattern.png)
        }

        .error .error-message {
            color: #fff;
            font-size: 1.5rem;
            line-height: 1.2;
            letter-spacing: .5px;
            margin-bottom: .46875rem
        }

        .error .error-desc {
            font-size: .75rem;
            color: rgba(255, 255, 255, .5);
            letter-spacing: .5px
        }

        .file-tree {
            position: relative
        }

        .file-tree .file-node {
            position: relative;
            padding-inline-start: .9375rem
        }

        .file-tree .file-node .file-link {
            text-decoration: none;
            padding: .234375rem .234375rem;
            color: var(--bs-body-text);
            position: relative;
            border-radius: 4px;
            display: flex
        }

        .file-tree .file-node .file-link>:focus,
        .file-tree .file-node .file-link>:hover {
            opacity: .75
        }

        .file-tree .file-node .file-link .file-info {
            display: flex;
            flex: 1
        }

        .file-tree .file-node .file-link .file-icon {
            font-size: .875rem;
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-inline-end: .328125rem
        }

        .file-tree .file-node .file-link .file-text {
            flex: 1
        }

        .file-tree .file-node.has-sub>.file-link .file-arrow:before {
            content: "+";
            position: absolute;
            top: 50%;
            margin-top: -.5625rem;
            width: 12px;
            display: flex;
            justify-content: center;
            inset-inline-start: -12px;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .file-tree .file-node.has-sub.expand>.file-tree {
            display: block
        }

        .file-tree .file-node.has-sub.expand>.file-link .file-arrow:before {
            content: "\f068"
        }

        .file-tree .file-node.selected>.file-link {
            font-weight: 600
        }

        .file-tree .file-node.selected>.file-link>.file-info {
            opacity: 1
        }

        .file-tree .file-tree {
            display: none
        }

        .file-manager {
            --bs-file-manager-sidebar-width: 250px;
            --bs-file-manager-mobile-sidebar-margin: -250px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            position: relative
        }

        .file-manager .file-manager-toolbar {
            background: var(--bs-light);
            padding: .234375rem;
            border-bottom: 1px solid var(--bs-border-color);
            display: flex;
            flex-wrap: wrap
        }

        @media (max-width:991.98px) {
            .file-manager .file-manager-toolbar {
                overflow: scroll;
                flex-wrap: nowrap;
                white-space: nowrap
            }
        }

        .file-manager .file-manager-container {
            display: flex;
            flex: 1;
            overflow: hidden;
            position: relative
        }

        .file-manager .file-manager-container .file-manager-sidebar {
            display: flex;
            flex-direction: column;
            width: var(--bs-file-manager-sidebar-width);
            min-width: var(--bs-file-manager-sidebar-width)
        }

        @media (max-width:991.98px) {
            .file-manager .file-manager-container .file-manager-sidebar {
                position: absolute;
                top: 0;
                bottom: 0;
                background: var(--bs-component-bg);
                z-index: 10;
                transition: all .2s ease-in-out;
                inset-inline-start: var(--bs-file-manager-mobile-sidebar-margin)
            }
        }

        .file-manager .file-manager-container .file-manager-sidebar .file-manager-sidebar-mobile-toggler {
            position: absolute;
            top: .9375rem;
            width: 1.875rem;
            inset-inline-start: 100%
        }

        .file-manager .file-manager-container .file-manager-sidebar .file-manager-sidebar-mobile-toggler .btn {
            background: var(--bs-component-bg);
            color: var(--bs-component-color);
            border-radius: 0;
            padding: .46875rem .609375rem;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            transition: all .2s ease-in-out;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        @media (min-width:992px) {
            .file-manager .file-manager-container .file-manager-sidebar .file-manager-sidebar-mobile-toggler {
                display: none
            }
        }

        .file-manager .file-manager-container .file-manager-sidebar .file-manager-sidebar-content {
            flex: 1;
            overflow: hidden
        }

        .file-manager .file-manager-container .file-manager-sidebar .file-manager-sidebar-footer {
            padding: .46875rem .9375rem;
            border-top: 1px solid var(--bs-border-color)
        }

        .file-manager .file-manager-container .file-manager-content {
            flex: 1
        }

        @media (min-width:992px) {
            .file-manager .file-manager-container .file-manager-content {
                border-inline-start: 1px solid var(--bs-border-color)
            }
        }

        @media (max-width:767.98px) {
            .file-manager .file-manager-container .file-manager-content {
                overflow: scroll;
                flex-wrap: nowrap
            }
        }

        .file-manager.file-manager-sidebar-mobile-toggled .file-manager-sidebar {
            inset-inline-start: 0
        }

        @media (max-width:991.98px) {
            .file-manager.file-manager-sidebar-mobile-toggled .file-manager-sidebar .file-manager-sidebar-mobile-toggler .btn {
                box-shadow: none
            }
        }

        .gallery {
            margin: -.3121875rem
        }

        .gallery .image {
            width: 100%;
            display: block;
            overflow: hidden;
            padding: .3121875rem
        }

        @media (min-width:768px) {
            .gallery .image {
                width: 50%
            }
        }

        @media (min-width:992px) {
            .gallery .image {
                width: 33.33%
            }
        }

        @media (min-width:1200px) {
            .gallery .image {
                width: 25%
            }
        }

        .gallery .image a {
            transition: all .2s linear
        }

        .gallery .image a:focus,
        .gallery .image a:hover {
            opacity: .8
        }

        .gallery .image .img,
        .gallery .image img {
            width: 100%;
            height: 200px;
            border-radius: 4px 4px 0 0
        }

        .gallery .image .img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

        .gallery .image .image-inner {
            position: relative;
            background: var(--bs-component-bg);
            border-radius: 4px 4px 0 0
        }

        .gallery .image .image-caption {
            position: absolute;
            top: .9375rem;
            inset-inline-start: 0;
            background: rgba(32, 37, 42, .85);
            color: #fff;
            font-weight: 600;
            padding: .3121875rem .9375rem;
            margin: 0
        }

        .gallery .image .image-info {
            background: var(--bs-component-bg);
            padding: .9375rem;
            color: rgba(var(--bs-component-color-rgb), .75);
            border-radius: 0 0 4px 4px
        }

        .gallery .image .image-info .title {
            margin: 0 0 .46875rem;
            line-height: 1.2;
            font-size: .9375rem;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: var(--bs-component-color)
        }

        .gallery .image .image-info .rating {
            margin: 0;
            display: flex
        }

        .gallery .image .image-info .rating span.star {
            margin-inline-end: 1px
        }

        .gallery .image .image-info .rating span.star:before {
            content: "\f005";
            color: rgba(var(--bs-component-color-rgb), .15);
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .gallery .image .image-info .rating span.star.active:before {
            color: #f59c1a
        }

        .gallery .image .image-info .desc {
            line-height: 17px;
            font-size: 12px;
            height: 51px;
            overflow: hidden
        }

        .gallery-v2 {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -1px
        }

        .gallery-v2 .gallery {
            flex: 0 0 50%;
            max-width: 50%;
            margin: 0;
            padding: 1px
        }

        @media (min-width:576px) {
            .gallery-v2 .gallery {
                flex: 0 0 33.33%;
                max-width: 33.33%
            }
        }

        @media (min-width:768px) {
            .gallery-v2 .gallery {
                flex: 0 0 25%;
                max-width: 25%
            }
        }

        @media (min-width:992px) {
            .gallery-v2 .gallery {
                flex: 0 0 12.5%;
                max-width: 12.5%
            }
        }

        .gallery-v2 .gallery a {
            display: block;
            transition-property: opacity;
            transition-duration: 50ms
        }

        .gallery-v2 .gallery a:hover {
            opacity: .75
        }

        .invoice {
            background: var(--bs-component-bg);
            padding: 20px
        }

        .invoice>div:not(.invoice-footer) {
            margin-bottom: 20px
        }

        .invoice .invoice-company {
            font-size: 20px;
            font-weight: 600
        }

        .invoice .invoice-header {
            margin: 0 -20px;
            background: var(--bs-light);
            display: flex
        }

        @media (max-width:767.98px) {
            .invoice .invoice-header {
                display: block
            }

            .invoice .invoice-header>div+div {
                border-top: 1px solid #e6e7e8
            }
        }

        .invoice .invoice-from {
            padding: 20px;
            flex: 1
        }

        .invoice .invoice-from strong {
            font-size: 16px;
            font-weight: 600
        }

        .invoice .invoice-to {
            padding: 20px;
            flex: 1
        }

        .invoice .invoice-to strong {
            font-size: 16px;
            font-weight: 600
        }

        .invoice .invoice-date {
            text-align: end;
            padding: 20px;
            flex: 1
        }

        @media (max-width:767.98px) {
            .invoice .invoice-date {
                text-align: start
            }
        }

        .invoice .invoice-date .date {
            font-size: 16px;
            font-weight: 600
        }

        .invoice .invoice-price {
            background: var(--bs-light);
            width: 100%;
            display: flex
        }

        @media (max-width:575.98px) {
            .invoice .invoice-price {
                display: block
            }
        }

        .invoice .invoice-price .small,
        .invoice .invoice-price small {
            font-size: 12px;
            font-weight: 400;
            display: block
        }

        .invoice .invoice-price .invoice-price-right {
            margin-inline-start: auto;
            padding: 20px;
            font-size: 28px;
            font-weight: 300;
            position: relative;
            vertical-align: bottom;
            text-align: end;
            color: var(--bs-light);
            background: var(--bs-dark);
            min-width: 25%;
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

        .invoice .invoice-price .invoice-price-right .small,
        .invoice .invoice-price .invoice-price-right small {
            display: block;
            opacity: .6;
            position: absolute;
            top: 15px;
            inset-inline-start: 20px;
            font-size: 12px
        }

        .invoice .invoice-price .invoice-price-left {
            padding: 20px;
            font-size: 20px;
            font-weight: 600;
            position: relative;
            vertical-align: middle;
            flex: 1
        }

        .invoice .invoice-price .invoice-price-left .invoice-price-row {
            display: flex;
            align-items: center
        }

        @media (max-width:575.98px) {
            .invoice .invoice-price .invoice-price-left .invoice-price-row {
                display: block;
                text-align: center
            }
        }

        .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price {
            padding: 0 20px
        }

        @media (max-width:767.98px) {
            .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price {
                padding: 0
            }

            .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price+.sub-price {
                padding-inline-start: 20px
            }
        }

        @media (max-width:575.98px) {
            .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price+.sub-price {
                padding-inline-start: 0
            }
        }

        .invoice .invoice-footer {
            border-top: 1px solid var(--bs-component-border-color);
            padding-top: 15px;
            font-size: 11px;
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .invoice .invoice-note {
            color: rgba(var(--bs-component-color-rgb), .5);
            margin-top: 80px;
            font-size: 11px;
            line-height: 1.75
        }

        .invoice .table-invoice {
            font-size: 13px
        }

        @media (max-width:767.98px) {
            .invoice .table-invoice {
                white-space: nowrap
            }
        }

        .login.login-v1 {
            min-height: 100vh;
            min-height: 100dvh;
            width: 100%;
            background-image: var(--bs-app-login-bg-cover);
            background-size: cover;
            display: flex;
            align-items: center
        }

        @media (max-width:767.98px) {
            .login.login-v1 {
                background: #2d353c
            }
        }

        .login.login-v1 .login-container {
            flex: 1
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container {
                padding: 0 25px
            }
        }

        .login.login-v1 .login-container .login-header {
            max-width: 400px;
            padding: 0;
            margin: 0 auto;
            margin-bottom: 15px;
            position: relative;
            display: flex;
            align-items: center
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-header {
                margin-bottom: 0
            }
        }

        .login.login-v1 .login-container .login-header .brand {
            padding: 0;
            font-size: 28px;
            color: var(--bs-component-color);
            font-weight: 300;
            flex: 1
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-header .brand {
                font-size: 24px;
                color: #fff
            }
        }

        .login.login-v1 .login-container .login-header .brand .logo {
            border: 14px solid transparent;
            border-color: transparent rgba(0, 0, 0, .15) rgba(0, 0, 0, .3);
            background-color: var(--bs-app-theme);
            width: 28px;
            height: 28px;
            position: relative;
            font-size: 0;
            border-radius: 6px;
            margin-inline-end: .703125rem
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-header .brand .logo {
                width: 24px;
                height: 24px;
                border-width: 12px
            }
        }

        .login.login-v1 .login-container .login-header .brand .small,
        .login.login-v1 .login-container .login-header .brand small {
            font-size: 13px;
            display: block;
            color: rgba(var(--bs-component-color-rgb), .75);
            font-weight: 400
        }

        @media (max-width:767.98px) {

            .login.login-v1 .login-container .login-header .brand .small,
            .login.login-v1 .login-container .login-header .brand small {
                font-size: 12px;
                color: #adb5bd
            }
        }

        .login.login-v1 .login-container .login-header .icon {
            color: #ced4da
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-header .icon {
                color: #495057
            }
        }

        .login.login-v1 .login-container .login-header .icon i {
            font-size: 64px
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-header .icon i {
                font-size: 48px
            }
        }

        .login.login-v1 .login-container .login-body {
            padding: 30px;
            background: #2d353c
        }

        @media (max-width:767.98px) {
            .login.login-v1 .login-container .login-body {
                padding: 25px 0;
                background: 0 0
            }
        }

        .login.login-v1 .login-container .login-body .login-content {
            padding: 0;
            color: #adb5bd;
            max-width: 400px;
            margin: 0 auto
        }

        .login.login-v1 .login-container .login-body .login-content .form-control {
            border-color: transparent;
            background: #495057;
            color: #fff
        }

        .login.login-v1 .login-container .login-body .login-content .form-control::-moz-placeholder {
            color: #adb5bd
        }

        .login.login-v1 .login-container .login-body .login-content .form-control::placeholder {
            color: #adb5bd
        }

        .login.login-v1 .login-container .login-body .login-content .form-floating .form-control::-moz-placeholder {
            color: transparent
        }

        .login.login-v1 .login-container .login-body .login-content .form-floating .form-control::placeholder {
            color: transparent
        }

        .login.login-v1 .login-container .login-body .login-content .form-floating .form-control:focus {
            box-shadow: none
        }

        .login.login-v1 .login-container .login-body .login-content .form-floating .form-control:focus+label {
            color: inherit;
            padding-top: 5px
        }

        .login.login-v1 .login-container .login-body .login-content .form-floating .form-control:focus+label:after {
            background: 0 0
        }

        .login.login-v1 .login-container .login-body .login-content .form-check-input {
            background-color: #495057;
            border-color: transparent
        }

        .login.login-v1 .login-container .login-body .login-content .form-check-input:checked {
            background-color: var(--bs-app-theme)
        }

        .login.login-v2 {
            min-height: 100vh;
            min-height: 100dvh;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px
        }

        .login.login-v2 .login-container {
            max-width: 400px;
            padding: 0 20px;
            position: relative;
            flex: 1
        }

        .login.login-v2 .login-header {
            margin-bottom: 20px;
            position: relative;
            display: flex;
            align-items: center
        }

        .login.login-v2 .login-header .brand {
            padding: 0;
            font-size: 28px;
            font-weight: 300;
            flex: 1
        }

        @media (max-width:767.98px) {
            .login.login-v2 .login-header .brand {
                font-size: 24px;
                color: #fff
            }
        }

        .login.login-v2 .login-header .brand .logo {
            border: 14px solid transparent;
            border-color: transparent rgba(0, 0, 0, .15) rgba(0, 0, 0, .3);
            background-color: var(--bs-app-theme);
            width: 28px;
            height: 28px;
            position: relative;
            font-size: 0;
            border-radius: 6px;
            margin-inline-end: .703125rem
        }

        @media (max-width:767.98px) {
            .login.login-v2 .login-header .brand .logo {
                width: 24px;
                height: 24px;
                border-width: 12px
            }
        }

        .login.login-v2 .login-header .brand .small,
        .login.login-v2 .login-header .brand small {
            font-size: 13px;
            display: block;
            opacity: .5;
            font-weight: 600
        }

        @media (max-width:767.98px) {

            .login.login-v2 .login-header .brand .small,
            .login.login-v2 .login-header .brand small {
                font-size: 12px;
                color: #adb5bd
            }
        }

        .login.login-v2 .login-header .icon {
            opacity: .75
        }

        .login.login-v2 .login-header .icon i {
            font-size: 56px
        }

        @media (max-width:767.98px) {
            .login.login-v2 .login-header .icon i {
                font-size: 48px
            }
        }

        .login.login-v2 .login-content .form-control:focus {
            box-shadow: 0 0 0 5px rgba(255, 255, 255, .35)
        }

        .login.login-v2 .login-content .form-check-input:checked {
            background-color: var(--bs-app-theme)
        }

        .login.login-with-news-feed,
        .register.register-with-news-feed {
            min-height: 100vh;
            min-height: 100dvh
        }

        .login.login-with-news-feed .news-feed,
        .register.register-with-news-feed .news-feed {
            position: fixed;
            inset-inline-start: 0;
            inset-inline-end: 500px;
            top: 0;
            bottom: 0;
            overflow: hidden;
            transform: translateZ(0)
        }

        @media (max-width:991.98px) {

            .login.login-with-news-feed .news-feed,
            .register.register-with-news-feed .news-feed {
                inset-inline-end: 400px
            }
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .news-feed,
            .register.register-with-news-feed .news-feed {
                display: none
            }
        }

        .login.login-with-news-feed .news-feed .news-image,
        .register.register-with-news-feed .news-feed .news-image {
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            top: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

        .login.login-with-news-feed .news-feed .news-caption,
        .register.register-with-news-feed .news-feed .news-caption {
            color: rgba(255, 255, 255, .85);
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            padding: 60px 60px 45px;
            font-size: 18px;
            letter-spacing: .25px;
            z-index: 20;
            font-weight: 300;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
        }

        @media (max-width:991.98px) {

            .login.login-with-news-feed .news-feed .news-caption,
            .register.register-with-news-feed .news-feed .news-caption {
                padding: 45px 45px 30px;
                font-size: 16px
            }
        }

        .login.login-with-news-feed .news-feed .news-caption .caption-title,
        .register.register-with-news-feed .news-feed .news-caption .caption-title {
            font-weight: 300;
            color: #fff;
            font-size: 36px
        }

        @media (max-width:991.98px) {

            .login.login-with-news-feed .news-feed .news-caption .caption-title,
            .register.register-with-news-feed .news-feed .news-caption .caption-title {
                font-size: 28px
            }
        }

        .login.login-with-news-feed .login-container,
        .login.login-with-news-feed .register-container,
        .register.register-with-news-feed .login-container,
        .register.register-with-news-feed .register-container {
            width: 500px;
            background: var(--bs-component-bg);
            padding: 60px;
            min-height: 100vh;
            min-height: 100dvh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-inline-start: auto
        }

        @media (max-width:991.98px) {

            .login.login-with-news-feed .login-container,
            .login.login-with-news-feed .register-container,
            .register.register-with-news-feed .login-container,
            .register.register-with-news-feed .register-container {
                padding: 45px;
                width: 400px
            }
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .login-container,
            .login.login-with-news-feed .register-container,
            .register.register-with-news-feed .login-container,
            .register.register-with-news-feed .register-container {
                width: auto;
                padding: 30px
            }
        }

        .login.login-with-news-feed .login-header,
        .register.register-with-news-feed .login-header {
            position: relative;
            display: flex;
            align-items: center
        }

        .login.login-with-news-feed .login-header .brand,
        .register.register-with-news-feed .login-header .brand {
            padding: 0;
            font-size: 28px;
            color: var(--bs-component-color);
            font-weight: 300;
            flex: 1
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .login-header .brand,
            .register.register-with-news-feed .login-header .brand {
                font-size: 22px
            }
        }

        .login.login-with-news-feed .login-header .brand .logo,
        .register.register-with-news-feed .login-header .brand .logo {
            border: 14px solid transparent;
            border-color: transparent rgba(0, 0, 0, .15) rgba(0, 0, 0, .3);
            background-color: var(--bs-app-theme);
            width: 28px;
            height: 28px;
            font-size: 0;
            border-radius: 6px;
            margin-inline-end: 10px
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .login-header .brand .logo,
            .register.register-with-news-feed .login-header .brand .logo {
                width: 24px;
                height: 24px;
                border-width: 12px
            }
        }

        .login.login-with-news-feed .login-header .brand .small,
        .login.login-with-news-feed .login-header .brand small,
        .register.register-with-news-feed .login-header .brand .small,
        .register.register-with-news-feed .login-header .brand small {
            font-size: 14px;
            display: block;
            color: rgba(var(--bs-component-color-rgb), .5);
            font-weight: 400
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .login-header .brand .small,
            .login.login-with-news-feed .login-header .brand small,
            .register.register-with-news-feed .login-header .brand .small,
            .register.register-with-news-feed .login-header .brand small {
                font-size: 13px
            }
        }

        .login.login-with-news-feed .login-header .icon,
        .register.register-with-news-feed .login-header .icon {
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        .login.login-with-news-feed .login-header .icon i,
        .register.register-with-news-feed .login-header .icon i {
            font-size: 64px
        }

        @media (max-width:767.98px) {

            .login.login-with-news-feed .login-header .icon i,
            .register.register-with-news-feed .login-header .icon i {
                font-size: 52px
            }
        }

        .login-cover {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0
        }

        .login-cover .login-cover-bg,
        .login-cover .login-cover-img {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

        .login-cover .login-cover-bg {
            background: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, .9))
        }

        .login-cover .login-cover-img {
            transition: background .2s ease
        }

        .login-bg-list {
            list-style-type: none;
            position: absolute;
            inset-inline-end: 20px;
            bottom: 20px;
            margin: 0;
            padding: 0 0 0 20px;
            z-index: 1020;
            display: flex;
            flex-wrap: wrap
        }

        .login-bg-list .login-bg-list-item {
            width: 60px;
            height: 60px;
            margin: 5px;
            border-radius: 66px
        }

        @media (max-width:767.98px) {
            .login-bg-list .login-bg-list-item {
                width: 46px;
                height: 46px
            }
        }

        .login-bg-list .login-bg-list-item .login-bg-list-link {
            display: block;
            padding-top: 100%;
            overflow: hidden;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 66px;
            transition: all .2s ease
        }

        .login-bg-list .login-bg-list-item:focus .login-bg-list-link,
        .login-bg-list .login-bg-list-item:hover .login-bg-list-link {
            box-shadow: 0 0 0 4px rgba(255, 255, 255, .45)
        }

        .login-bg-list .login-bg-list-item.active {
            border-color: #fff;
            z-index: 1020;
            position: relative
        }

        .login-bg-list .login-bg-list-item.active .login-bg-list-link {
            box-shadow: 0 0 0 4px rgba(255, 255, 255, .9)
        }

        .mailbox {
            height: 100%;
            border-top: 1px solid var(--bs-component-border-color);
            background: var(--bs-light);
            display: flex
        }

        @media (max-width:991.98px) {
            .mailbox {
                flex-direction: column
            }
        }

        @media (max-width:767.98px) {
            .mailbox {
                min-height: calc(100vh - 101px);
                min-height: calc(100dvh - 101px)
            }
        }

        @media (min-width:992px) {
            .mailbox .mailbox-sidebar {
                width: 200px;
                display: flex;
                flex-direction: column;
                flex: 0 0 200px
            }
        }

        .mailbox .mailbox-sidebar .mailbox-sidebar-header {
            padding: .9375rem;
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .mailbox .mailbox-sidebar .mailbox-sidebar-content {
            flex: 1
        }

        @media (min-width:992px) {
            .mailbox .mailbox-sidebar .mailbox-sidebar-content {
                overflow: hidden
            }
        }

        @media (max-width:991.98px) {
            .mailbox .mailbox-sidebar .mailbox-sidebar-content {
                border-bottom: 1px solid var(--bs-component-border-color)
            }
        }

        .mailbox .mailbox-content {
            flex: 1;
            display: flex;
            flex-direction: column
        }

        @media (min-width:992px) {
            .mailbox .mailbox-content {
                max-width: calc(100% - 200px);
                border-inline-start: 1px solid var(--bs-component-border-color)
            }
        }

        .mailbox .mailbox-content .mailbox-content-header {
            padding: .9375rem;
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .mailbox .mailbox-content .mailbox-content-body {
            background: var(--bs-component-bg);
            flex: 1
        }

        @media (min-width:768px) {
            .mailbox .mailbox-content .mailbox-content-body {
                overflow: hidden
            }
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-float-link {
            padding: .46875rem .9375rem;
            display: flex
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-float-link a {
            color: rgba(var(--bs-component-color-rgb), .5);
            text-decoration: none;
            font-weight: 600
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-float-link a:focus,
        .mailbox .mailbox-content .mailbox-content-body .mailbox-float-link a:hover {
            color: rgba(var(--bs-component-color-rgb), 1)
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-to {
            position: relative;
            border-bottom: 1px solid var(--bs-component-border-color);
            padding: .5203125rem .9375rem;
            min-height: 46px;
            display: flex;
            align-items: flex-start
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-to .tagit {
            border-color: transparent !important;
            border-radius: 0;
            flex: 1
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-to .form-control {
            border-color: transparent !important;
            padding-inline-start: .9375rem !important;
            padding-inline-end: .9375rem !important;
            border-radius: 0
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-to .form-control:focus {
            box-shadow: none
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-to .control-label {
            width: 60px;
            padding: .46875rem .9375rem;
            margin-bottom: 0;
            font-weight: 600;
            background: #d6e9f9;
            color: #2a72b5;
            text-align: center;
            min-height: calc(1.5em + .875rem + 2px)
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-subject {
            padding: .5203125rem 0;
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-subject .form-control {
            border-color: transparent !important;
            padding-inline-start: .9375rem !important;
            padding-inline-end: .9375rem !important;
            border-radius: 0
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-subject .form-control:focus {
            box-shadow: none
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-form {
            min-height: 100%;
            display: flex;
            flex-direction: column
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input {
            padding: 0;
            margin: 0;
            flex: 1;
            display: flex;
            flex-direction: column
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .wysihtml5-toolbar {
            background: var(--bs-component-bg) !important;
            border: none !important;
            padding-bottom: 0 !important
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar,
        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .ql-snow.ql-toolbar {
            background: var(--bs-light) !important;
            border-color: var(--bs-component-border-color) !important
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor {
            height: 100%;
            min-height: 100px;
            display: flex;
            flex-direction: column;
            flex: 1
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar {
            padding: 6px .9375rem !important
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar .note-btn-group {
            margin: 0 !important
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar .note-btn {
            background: 0 0;
            border: none;
            color: var(--bs-component-color)
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar .note-btn.active,
        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-toolbar .note-btn:hover {
            background: rgba(var(--bs-component-bg-rgb), .75);
            border-radius: 4px !important;
            box-shadow: none !important
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-editing-area {
            display: flex;
            flex-direction: column;
            flex: 1
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .note-editor .note-editing-area .note-editable {
            height: 100% !important;
            flex: 1
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .ql-container {
            display: flex;
            flex-direction: column
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .ql-container,
        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .ql-editor,
        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .wysihtml5-sandbox {
            flex: 1
        }

        .mailbox .mailbox-content .mailbox-content-body .mailbox-input .wysihtml5-sandbox {
            padding: .9375rem !important;
            border: none !important;
            outline: 0 !important;
            border-radius: 0 !important
        }

        .mailbox .mailbox-content .mailbox-content-footer {
            padding: .9375rem;
            border-top: 1px solid var(--bs-component-border-color)
        }

        .mailbox .nav-title {
            font-size: 11px;
            color: rgba(var(--bs-component-color-rgb), .5);
            padding: 15px 15px 7px
        }

        .mailbox .nav-inbox {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: block
        }

        .mailbox .nav-inbox>li {
            display: block
        }

        .mailbox .nav-inbox>li+li {
            margin-top: 0
        }

        .mailbox .nav-inbox>li>a {
            text-decoration: none;
            border-radius: 0;
            padding: .46875rem .9375rem;
            color: var(--bs-component-color);
            font-weight: 600;
            display: flex;
            align-items: center
        }

        .mailbox .nav-inbox>li>a i {
            width: 24px
        }

        .mailbox .nav-inbox>li>a:hover {
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .mailbox .nav-inbox>li.active>a {
            background-color: var(--bs-component-border-color);
            color: var(--bs-component-color)
        }

        .mailbox .attached-document {
            list-style-type: none;
            margin: 15px 0 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap
        }

        .mailbox .attached-document>li {
            width: 180px;
            background: var(--bs-component-bg);
            color: var(--bs-component-color);
            font-weight: 600;
            position: relative;
            margin-inline-end: 15px;
            margin-bottom: 15px;
            border: 1px solid var(--bs-component-border-color)
        }

        .mailbox .attached-document>li:before {
            position: absolute;
            top: -1px;
            inset-inline-end: -1px;
            font-size: 12px;
            background: var(--bs-light);
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .mailbox .attached-document>li img {
            max-width: 100%
        }

        .mailbox .attached-document>li .document-name {
            padding: 5px 10px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background: var(--bs-light);
            border-top: 1px solid var(--bs-component-border-color)
        }

        .mailbox .attached-document>li .document-name a {
            color: var(--bs-component-color)
        }

        .mailbox .attached-document>li .document-file {
            height: 70px;
            background: 0 0;
            overflow: hidden;
            text-align: center;
            line-height: 70px;
            font-size: 32px;
            margin: -1px
        }

        .mailbox .list-email {
            border-top: 1px solid var(--bs-component-border-color);
            border-bottom: 1px solid var(--bs-component-border-color);
            margin: -1px 0;
            padding: 0
        }

        .mailbox .list-email>li.list-group-item {
            border: none;
            margin-bottom: 0;
            padding: 15px;
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 0;
            display: flex;
            align-items: center
        }

        .mailbox .list-email>li.list-group-item:after,
        .mailbox .list-email>li.list-group-item:before {
            content: "";
            display: table;
            clear: both
        }

        .mailbox .list-email>li.list-group-item+li.list-group-item {
            border-top: 1px solid rgba(var(--bs-component-border-color-rgb), .75)
        }

        .mailbox .list-email>li.list-group-item a {
            color: var(--bs-component-color);
            text-decoration: none
        }

        .mailbox .list-email>li.list-group-item .email-info {
            max-width: calc(100% - 46px);
            flex: 1
        }

        .mailbox .list-email>li.list-group-item .email-info>a {
            margin-top: -15px;
            margin-bottom: -15px;
            padding: 15px;
            display: flex;
            flex-wrap: wrap;
            margin-inline-end: -15px
        }

        @media (max-width:575.98px) {
            .mailbox .list-email>li.list-group-item .email-info>a {
                display: block
            }
        }

        .mailbox .list-email>li.list-group-item .email-user {
            width: 30px;
            height: 30px;
            min-width: 30px;
            overflow: hidden;
            font-size: 18px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            background: #adb5bd;
            margin: -5px 0;
            border-radius: 30px
        }

        .mailbox .list-email>li.list-group-item .email-user img {
            max-width: 100%;
            display: block
        }

        .mailbox .list-email>li.list-group-item .email-sender {
            display: block;
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        @media (max-width:991.98px) {
            .mailbox .list-email>li.list-group-item .email-sender {
                width: 160px
            }
        }

        @media (max-width:767.98px) {
            .mailbox .list-email>li.list-group-item .email-sender {
                width: 120px
            }
        }

        @media (max-width:575.98px) {
            .mailbox .list-email>li.list-group-item .email-sender {
                width: auto;
                font-size: 14px;
                padding-inline-end: 90px
            }
        }

        .mailbox .list-email>li.list-group-item .email-title {
            display: block;
            line-height: 20px;
            width: 300px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        @media (min-width:1200px) {
            .mailbox .list-email>li.list-group-item .email-title {
                padding-inline-start: 15px
            }
        }

        @media (max-width:1199.98px) {
            .mailbox .list-email>li.list-group-item .email-title {
                width: auto;
                flex: 1
            }
        }

        @media (min-width:768px) {
            .mailbox .list-email>li.list-group-item .email-title+.email-desc {
                padding-inline-start: 20px
            }

            .mailbox .list-email>li.list-group-item .email-title+.email-desc:before {
                content: "";
                position: absolute;
                inset-inline-start: 6px;
                top: 8px;
                width: 4px;
                height: 4px;
                background: rgba(var(--bs-component-color-rgb), .25);
                border-radius: 6px
            }
        }

        .mailbox .list-email>li.list-group-item .email-desc {
            display: block;
            position: relative;
            color: rgba(var(--bs-component-color-rgb), .5);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1
        }

        @media (max-width:1199.98px) {
            .mailbox .list-email>li.list-group-item .email-desc {
                display: none
            }
        }

        @media (max-width:575.98px) {
            .mailbox .list-email>li.list-group-item .email-desc {
                display: block;
                padding-inline-end: 0
            }
        }

        .mailbox .list-email>li.list-group-item .email-time {
            display: block;
            font-size: 11px;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .65);
            width: 100px;
            inset-inline-end: 0;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            text-align: end
        }

        @media (max-width:991.98px) {
            .mailbox .list-email>li.list-group-item .email-time {
                width: 90px;
                top: 0;
                position: absolute;
                padding-top: 15px;
                padding-inline-end: 15px
            }
        }

        .mailbox .list-email>li.list-group-item .email-checkbox .custom-checkbox {
            width: 16px;
            padding-inline-start: 16px
        }

        .mailbox .list-email>li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::after,
        .mailbox .list-email>li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::before {
            inset-inline-start: -16px
        }

        .mailbox .list-email>li.list-group-item .email-checkbox+.email-user {
            margin-inline-start: 10px
        }

        .mailbox .list-email>li.list-group-item.unread .email-sender,
        .mailbox .list-email>li.list-group-item.unread .email-title {
            font-weight: 600
        }

        .mailbox .list-email>li.list-group-item.selected {
            background: rgba(255, 240, 153, .25)
        }

        .messenger {
            --bs-messenger-menu-width: 60px;
            --bs-messenger-chat-width: 360px;
            display: flex;
            overflow: hidden;
            position: relative;
            height: 100%
        }

        .messenger .messenger-menu {
            display: flex;
            flex-direction: column;
            width: var(--bs-messenger-menu-width);
            min-width: var(--bs-messenger-menu-width);
            background: var(--bs-component-bg);
            padding: .46875rem
        }

        @media (min-width:992px) {
            .messenger .messenger-menu {
                border-inline-end: 1px solid var(--bs-component-border-color)
            }
        }

        @media (max-width:991.98px) {
            .messenger .messenger-menu {
                display: none
            }
        }

        .messenger .messenger-menu .messenger-menu-item {
            margin-bottom: .234375rem
        }

        .messenger .messenger-menu .messenger-menu-item .messenger-menu-link {
            color: var(--bs-component-color);
            text-decoration: none;
            padding: .46875rem;
            display: block;
            border-radius: 4px
        }

        .messenger .messenger-menu .messenger-menu-item .messenger-menu-link:focus,
        .messenger .messenger-menu .messenger-menu-item .messenger-menu-link:hover {
            opacity: .5
        }

        .messenger .messenger-menu .messenger-menu-item.active .messenger-menu-link {
            color: var(--bs-app-theme)
        }

        .messenger .messenger-chat {
            display: flex;
            flex-direction: column;
            background: var(--bs-component-bg)
        }

        @media (max-width:991.98px) {
            .messenger .messenger-chat {
                flex: 1
            }
        }

        @media (min-width:992px) {
            .messenger .messenger-chat {
                width: var(--bs-messenger-chat-width);
                border-inline-end: 1px solid var(--bs-component-border-color)
            }
        }

        .messenger .messenger-chat .messenger-chat-header {
            padding: .9375rem;
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .messenger .messenger-chat .messenger-chat-body {
            flex: 1;
            overflow: hidden
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item.active .messenger-chat-link {
            background: var(--bs-light)
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link {
            text-decoration: none;
            padding: .9375rem;
            display: flex;
            color: var(--bs-component-color);
            align-items: center
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link:focus,
        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link:hover {
            background: var(--bs-light)
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-media {
            min-width: 44px;
            width: 44px;
            height: 44px;
            border-radius: 4px;
            background: rgba(var(--bs-component-color-rgb), .15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-media img {
            max-width: 100%;
            max-height: 100%;
            border-radius: 4px
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-content {
            flex: 1;
            max-width: calc(100% - 44px);
            padding-inline-start: .703125rem
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-title {
            display: flex;
            font-weight: 600;
            color: var(--bs-component-color);
            font-size: .84375rem
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-title>div:not(.messenger-chat-time) {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-time {
            font-size: .675rem;
            color: rgba(var(--bs-component-color-rgb), .35);
            padding-inline-start: .46875rem
        }

        .messenger .messenger-chat .messenger-chat-list .messenger-chat-item .messenger-chat-link .messenger-chat-desc {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: rgba(var(--bs-component-color-rgb), .35);
            font-weight: 600;
            font-size: .75rem
        }

        .messenger .messenger-content {
            flex: 1;
            display: none
        }

        @media (min-width:992px) {
            .messenger .messenger-content {
                display: block
            }
        }

        @media (max-width:767.98px) {
            .messenger .messenger-content {
                overflow: scroll;
                flex-wrap: nowrap
            }
        }

        .messenger .messenger-content .widget-chat {
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden
        }

        @media (min-width:992px) {
            .messenger .messenger-content .widget-chat .widget-chat-item .widget-chat-info .widget-chat-info-container {
                max-width: 51%
            }
        }

        .messenger .messenger-content .widget-chat .widget-chat-item.end .widget-chat-info .widget-chat-info-container {
            background: var(--bs-app-theme);
            margin-inline-start: auto
        }

        .messenger .messenger-content .widget-chat .widget-chat-item.end .widget-chat-info .widget-chat-info-container .widget-chat-message {
            color: var(--bs-app-theme-color)
        }

        .messenger .messenger-content .widget-chat .widget-chat-item.end .widget-chat-info .widget-chat-info-container .widget-chat-message:before {
            border-inline-start-color: var(--bs-app-theme)
        }

        .messenger .messenger-content .widget-chat .widget-chat-item.end .widget-chat-info .widget-chat-info-container .widget-chat-time {
            color: rgba(var(--bs-app-theme-color-rgb), .5)
        }

        .messenger .messenger-content .widget-chat .widget-chat-header {
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .messenger .messenger-content .widget-chat .widget-chat-body {
            flex: 1
        }

        @media (min-width:992px) {
            .messenger .messenger-content .widget-chat .widget-chat-body {
                overflow: hidden
            }
        }

        .messenger .messenger-content .widget-chat .widget-chat-input {
            border-top: 1px solid var(--bs-component-border-color)
        }

        .messenger .messenger-content .widget-chat .widget-chat-input .widget-chat-toolbar {
            padding: .9375rem .9375rem .46875rem;
            display: flex;
            flex-wrap: wrap
        }

        .messenger .messenger-content .widget-chat .widget-chat-input .widget-chat-toolbar .widget-chat-toolbar-link {
            color: rgba(var(--bs-component-color-rgb), .5);
            text-decoration: none
        }

        .messenger .messenger-content .widget-chat .widget-chat-input .widget-chat-toolbar .widget-chat-toolbar-link:focus,
        .messenger .messenger-content .widget-chat .widget-chat-input .widget-chat-toolbar .widget-chat-toolbar-link:hover {
            color: rgba(var(--bs-component-color-rgb), 1)
        }

        .messenger .messenger-content .widget-chat .widget-chat-input .widget-chat-toolbar .widget-chat-toolbar-link+.widget-chat-toolbar-link {
            margin-inline-start: .9375rem
        }

        .messenger .messenger-content .widget-chat .widget-chat-input .form-control {
            padding: .46875rem .9375rem .9375rem;
            min-height: 100px;
            border: none !important;
            box-shadow: none !important;
            background: 0 0 !important;
            border-radius: 0 !important
        }

        @media (max-width:991.98px) {
            .messenger.messenger-chat-content-mobile-toggled .messenger-content {
                display: block;
                position: fixed;
                top: 0;
                inset-inline-start: 0;
                inset-inline-end: 0;
                bottom: 0;
                z-index: 9999
            }
        }

        .pos {
            --bs-pos-sidebar-bg: #FFFFFF;
            --bs-pos-sidebar-header-bg: #2d353c;
            --bs-pos-sidebar-header-color: #FFFFFF;
            --bs-pos-sidebar-header-back-btn-bg: #495057;
            --bs-pos-sidebar-header-nav-link-bg: #e9ecef;
            --bs-pos-sidebar-header-nav-link-color: #6c757d;
            --bs-pos-sidebar-header-nav-link-active-bg: #FFFFFF;
            --bs-pos-sidebar-header-nav-link-active-color: #20252a;
            --bs-pos-sidebar-footer-bg: #495057;
            --bs-pos-sidebar-footer-color: #f8f9fa;
            --bs-pos-sidebar-product-border-color: #e9ecef;
            --bs-pos-sidebar-product-confirmation-bg: rgba(255, 255, 255, 0.95)
        }

        @media (min-width:992px) {
            .pos.pos-with-menu {
                padding-inline-start: 10rem
            }
        }

        @media (max-width:991.98px) {
            .pos.pos-with-menu {
                padding-top: 100px
            }
        }

        @media (min-width:992px) {
            .pos.pos-with-sidebar {
                padding-inline-end: 22.5rem
            }
        }

        .pos.pos-with-header {
            padding-top: 50px
        }

        @media (min-width:992px) {
            .pos.pos-with-header.pos-with-sidebar {
                padding-inline-end: 20.625rem
            }
        }

        @media (min-width:992px) {
            .pos.pos-with-header.pos-with-sidebar .pos-sidebar {
                top: 50px;
                height: calc(100% - 50px);
                margin: 0;
                border-radius: 0;
                border-top: none;
                border-bottom: none;
                border-inline-end: none
            }
        }

        .pos.pos-with-header.pos-with-sidebar .pos-sidebar .pos-sidebar-footer,
        .pos.pos-with-header.pos-with-sidebar .pos-sidebar .pos-sidebar-header {
            border-radius: 0
        }

        @media (min-width:992px) {
            .pos {
                height: 100%;
                display: flex
            }
        }

        .pos .pos-menu {
            position: fixed;
            top: 0;
            z-index: 10
        }

        @media (min-width:992px) {
            .pos .pos-menu {
                display: flex;
                width: 10rem;
                flex-direction: column;
                bottom: 0;
                inset-inline-start: 0;
                padding-inline-start: .9375rem
            }
        }

        @media (max-width:991.98px) {
            .pos .pos-menu {
                background: var(--bs-pos-sidebar-bg);
                inset-inline-start: 0;
                inset-inline-end: 0;
                bottom: auto;
                border-bottom: 1px solid var(--bs-border-color)
            }
        }

        .pos .pos-menu .logo {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: .9375rem
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .logo {
                display: flex;
                padding: .46875rem .9375rem
            }
        }

        .pos .pos-menu .logo a {
            display: block;
            text-decoration: none;
            color: inherit
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .logo a {
                display: flex
            }
        }

        .pos .pos-menu .logo .logo-img {
            text-align: center;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.25rem
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .logo .logo-img {
                height: 30px;
                font-size: 1.125rem;
                margin-inline-end: .46875rem
            }
        }

        .pos .pos-menu .logo .logo-text {
            font-size: .875rem;
            font-weight: 600;
            letter-spacing: 1px;
            margin-top: .234375rem
        }

        .pos .pos-menu .logo img {
            max-width: 100%;
            max-height: 100%
        }

        .pos .pos-menu .nav-container {
            flex: 1
        }

        @media (min-width:992px) {
            .pos .pos-menu .nav-container {
                overflow: hidden;
                padding: 0
            }
        }

        .pos .pos-menu .nav.nav-tabs {
            margin: 0;
            padding: 0;
            display: block;
            border: 0
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .nav.nav-tabs {
                display: flex;
                flex-wrap: nowrap;
                padding: 0 .9375rem;
                overflow: scroll;
                border-top: 1px solid var(--bs-border-color)
            }
        }

        .pos .pos-menu .nav.nav-tabs .nav-item {
            padding: .328125rem .9375rem
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .nav.nav-tabs .nav-item {
                padding: .46875rem 0
            }

            .pos .pos-menu .nav.nav-tabs .nav-item+.nav-item {
                margin-inline-start: .46875rem
            }
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link {
            position: relative;
            padding: .703125rem;
            white-space: nowrap;
            text-align: center;
            color: var(--bs-component-color);
            font-size: .75rem;
            font-weight: 500;
            border-radius: 6px;
            background: var(--bs-component-bg)
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .nav.nav-tabs .nav-item .nav-link {
                display: flex;
                align-items: center;
                padding: .46875rem .9375rem;
                border-radius: 4px
            }
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-icon {
            display: block;
            margin: 0 auto;
            font-size: 24px;
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        @media (max-width:991.98px) {
            .pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-icon {
                font-size: .9rem;
                margin: 0;
                margin-inline-end: .46875rem
            }
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-text {
            font-weight: 600
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link:hover .nav-icon {
            color: rgba(var(--bs-component-color-rgb), .75)
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link.active {
            color: var(--bs-component-bg);
            background: var(--bs-component-color)
        }

        .pos .pos-menu .nav.nav-tabs .nav-item .nav-link.active .nav-icon {
            color: inherit
        }

        .pos .pos-content {
            flex: 1
        }

        .pos .pos-content .pos-content-container {
            padding: .9375rem
        }

        .pos .product-row {
            padding: 0;
            margin: -.703125rem;
            display: flex;
            flex-wrap: wrap
        }

        .pos .product-row .product-container {
            padding: .703125rem;
            width: 100%
        }

        @media (min-width:576px) {
            .pos .product-row .product-container {
                width: 50%
            }
        }

        @media (min-width:768px) {
            .pos .product-row .product-container {
                width: 33.33%
            }
        }

        @media (min-width:992px) {
            .pos .product-row .product-container {
                width: 50%
            }
        }

        @media (min-width:1200px) {
            .pos .product-row .product-container {
                width: 33.33%
            }
        }

        @media (min-width:1800px) {
            .pos .product-row .product-container {
                width: 25%
            }
        }

        .pos .product-row .product-container .product {
            height: 100%
        }

        .pos .product {
            background: var(--bs-component-bg);
            color: var(--bs-component-color);
            display: block;
            margin: 0;
            text-decoration: none;
            overflow: hidden;
            position: relative;
            border-radius: 6px;
            transition: all .2s linear;
            display: flex;
            flex-direction: column
        }

        .pos .product:hover {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .pos .product .img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 180px;
            transition: all .2s linear
        }

        .pos .product .text {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: .703125rem .9375rem
        }

        .pos .product .text .title {
            font-size: .875rem;
            font-weight: 600;
            color: var(--bs-component-color);
            margin: 0 0 2px
        }

        .pos .product .text .desc {
            color: #adb5bd;
            font-weight: 600;
            margin: 0 0 .9375rem;
            line-height: 1.4;
            flex: 1
        }

        .pos .product .text .price {
            margin: 0;
            font-weight: 600;
            color: var(--bs-component-color);
            font-size: .875rem
        }

        .pos .product.not-available {
            cursor: not-allowed;
            box-shadow: none !important
        }

        .pos .product.not-available .img,
        .pos .product.not-available .text {
            opacity: .65
        }

        .pos .product.not-available .not-available-text {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            min-height: 180px;
            background: rgba(73, 80, 87, .75);
            color: #fff;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pos .pos-task-row .pos-task {
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        @media (min-width:768px) {
            .pos .pos-task-row .pos-task {
                display: flex
            }
        }

        .pos .pos-task-row .pos-task .pos-task-info {
            width: 30%;
            padding: 25px;
            text-align: end
        }

        @media (max-width:767.98px) {
            .pos .pos-task-row .pos-task .pos-task-info {
                width: auto;
                position: relative;
                text-align: start
            }
        }

        .pos .pos-task-row .pos-task .pos-task-info .table-no {
            font-size: 24px
        }

        .pos .pos-task-row .pos-task .pos-task-info .order-type {
            font-size: 14px
        }

        .pos .pos-task-row .pos-task .pos-task-info .order-no {
            margin-bottom: 5px
        }

        .pos .pos-task-row .pos-task .pos-task-info .time-pass {
            font-size: 16px;
            font-weight: 600;
            margin-top: 25px
        }

        @media (max-width:767.98px) {
            .pos .pos-task-row .pos-task .pos-task-info .time-pass {
                position: absolute;
                top: 0;
                margin: 0;
                padding: 25px;
                inset-inline-end: 0
            }
        }

        .pos .pos-task-row .pos-task .pos-task-body {
            padding: 25px;
            flex: 1;
            border-inline-start: 1px solid var(--bs-component-border-color)
        }

        @media (max-width:767.98px) {
            .pos .pos-task-row .pos-task .pos-task-body {
                border-inline-start: none;
                padding-top: 0
            }
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-completed {
            font-size: 16px;
            line-height: 36px
        }

        @media (max-width:767.98px) {
            .pos .pos-task-row .pos-task .pos-task-body .pos-task-completed {
                border-top: 1px solid var(--bs-component-border-color);
                margin-top: -10px;
                padding-top: 10px
            }
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row {
            margin: 0 -10px -20px;
            display: flex;
            flex-wrap: wrap
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
            width: 25%;
            margin-bottom: 20px;
            padding-inline-start: 10px;
            padding-inline-end: 10px;
            flex: 0 0 25%;
            display: flex;
            flex-direction: column
        }

        @media (max-width:991.98px) {
            .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
                width: 33.33%;
                flex: 0 0 33.33%
            }
        }

        @media (max-width:575.98px) {
            .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
                width: 100%;
                flex: 0 0 100%
            }
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img {
            padding-top: 75%;
            position: relative;
            margin-bottom: 10px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .cover {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 6px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .caption {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background: rgba(108, 117, 125, .75);
            color: #fff;
            font-size: 24px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info {
            display: flex;
            flex: 1
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info {
            flex: 1
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title {
            font-size: 16px;
            font-weight: 600
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title+.desc {
            padding-top: 3px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .desc {
            font-size: .75rem;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .qty {
            font-size: 18px;
            font-weight: 600
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action {
            padding-top: 10px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn {
            display: block;
            font-weight: 600;
            font-size: 14px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn+.btn {
            margin-top: 10px
        }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product.completed .pos-task-product-info {
            opacity: .75
        }

        .pos .pos-sidebar {
            width: calc(22.5rem - 1.875rem);
            height: 100%;
            display: flex;
            flex-direction: column;
            flex: 0 0 22.5rem;
            background: var(--bs-pos-sidebar-bg);
            color: var(--bs-body-color)
        }

        @media (min-width:992px) {
            .pos .pos-sidebar {
                position: fixed;
                top: 0;
                bottom: 0;
                height: calc(100% - 1.875rem);
                margin: .9375rem;
                border-radius: 6px;
                inset-inline-end: 0
            }
        }

        @media (max-width:991.98px) {
            .pos .pos-sidebar {
                position: fixed;
                top: 0;
                inset-inline-end: 0;
                bottom: 0;
                inset-inline-start: 0;
                width: auto;
                z-index: 1021;
                display: none
            }
        }

        .pos .pos-sidebar .pos-sidebar-header {
            padding: .703125rem .9375rem;
            background: var(--bs-pos-sidebar-header-bg);
            color: var(--bs-pos-sidebar-header-color);
            position: relative;
            display: flex;
            align-items: center
        }

        @media (min-width:992px) {
            .pos .pos-sidebar .pos-sidebar-header {
                border-radius: 6px 6px 0 0
            }
        }

        .pos .pos-sidebar .pos-sidebar-header .back-btn {
            width: 44px;
            margin-top: -.703125rem;
            margin-bottom: -.703125rem;
            height: 44px;
            border: none;
            background: var(--bs-pos-sidebar-header-back-btn-bg);
            display: none;
            margin-inline-start: -.9375rem;
            margin-inline-end: .9375rem
        }

        @media (max-width:991.98px) {
            .pos .pos-sidebar .pos-sidebar-header .back-btn {
                display: block
            }
        }

        .pos .pos-sidebar .pos-sidebar-header .back-btn .btn {
            color: #fff;
            padding: 0;
            width: 100%;
            height: 100%
        }

        .pos .pos-sidebar .pos-sidebar-header .back-btn .btn svg {
            width: 20px
        }

        .pos .pos-sidebar .pos-sidebar-header .icon img {
            height: 30px
        }

        .pos .pos-sidebar .pos-sidebar-header .icon i {
            font-size: 1.125rem;
            margin: -10px 0;
            display: block;
            opacity: .5
        }

        .pos .pos-sidebar .pos-sidebar-header .icon+.title {
            padding-inline-start: .703125rem
        }

        .pos .pos-sidebar .pos-sidebar-header .title {
            font-size: 14px;
            font-weight: 600;
            flex: 1
        }

        .pos .pos-sidebar .pos-sidebar-header .order {
            display: block;
            font-size: 12px;
            background: var(--bs-app-theme);
            color: var(--bs-app-theme-color);
            padding: 2px 6px;
            border-radius: 4px
        }

        .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs {
            padding: 0
        }

        .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item {
            padding: 0
        }

        .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link {
            padding: 12px 15px;
            font-size: 13px;
            background: var(--bs-pos-sidebar-header-nav-link-bg);
            color: var(--bs-pos-sidebar-header-nav-link-color);
            border: none;
            border-radius: 0
        }

        .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link.active {
            color: var(--bs-pos-sidebar-header-nav-link-active-color);
            background: var(--bs-pos-sidebar-header-nav-link-active-bg)
        }

        .pos .pos-sidebar .pos-sidebar-body {
            padding: 0;
            margin: 0;
            overflow: scroll;
            flex: 1
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table {
            padding: 0 1.265625rem
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row {
            padding: 1.265625rem 0;
            margin: 0;
            position: relative
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row+.pos-table-row {
            border-top: 1px solid var(--bs-pos-sidebar-product-border-color)
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div {
            padding: 0
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .input-group.qty {
            width: 85px;
            margin-top: 10px;
            align-items: center
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .input-group.qty .form-control {
            margin: 0;
            background: 0 0;
            border: 0;
            padding: 0;
            text-align: center;
            line-height: 1;
            height: 26px;
            font-weight: 600
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .input-group.qty .btn {
            padding: 0;
            border: none;
            width: 26px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .price {
            font-size: .875rem;
            font-weight: 600
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div.total-price {
            font-size: .875rem;
            font-weight: 600;
            text-align: end
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div a {
            display: inline-block
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb {
            display: flex
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb .img {
            width: 60px;
            height: 60px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 6px
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb .img+.info {
            flex: 1;
            padding-inline-start: 15px
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb .info {
            flex: 1
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb .info .title {
            font-weight: 600;
            font-size: 14px
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row>div .pos-product-thumb .info .single-price {
            font-weight: 600;
            color: var(--bs-component-color)
        }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation {
            position: absolute;
            top: .46875rem;
            inset-inline-start: -.65625rem;
            inset-inline-end: -.65625rem;
            bottom: .46875rem;
            max-width: initial;
            width: auto;
            border-radius: var(--bs-border-radius-lg);
            background: var(--bs-pos-sidebar-product-confirmation-bg);
            font-size: .875rem;
            font-weight: 600;
            z-index: 10;
            padding: 1.265625rem;
            display: flex;
            align-items: center
        }

        .pos .pos-sidebar .pos-sidebar-footer {
            background: var(--bs-pos-sidebar-footer-bg);
            color: var(--bs-pos-sidebar-footer-color);
            position: relative;
            overflow: hidden;
            padding: .9375rem .9375rem
        }

        @media (min-width:992px) {
            .pos .pos-sidebar .pos-sidebar-footer {
                border-radius: 0 0 6px 6px
            }
        }

        .pos .pos-sidebar .pos-order {
            padding: 1.40625rem;
            position: relative;
            display: flex
        }

        .pos .pos-sidebar .pos-order .pos-order-product {
            display: flex;
            flex: 1
        }

        .pos .pos-sidebar .pos-order .pos-order-product .img {
            width: 72px;
            height: 72px;
            background-position: center;
            background-size: cover
        }

        .pos .pos-sidebar .pos-order .pos-order-product>*+* {
            margin-inline-start: .9375rem
        }

        .pos .pos-sidebar .pos-order>*+* {
            margin-inline-start: .9375rem
        }

        .pos .pos-sidebar .pos-order .pos-order-confirmation {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            z-index: 10;
            background: rgba(var(--bs-body-bg-rgb), .97);
            padding: .9375rem;
            margin: 0
        }

        .pos .pos-sidebar .pos-order .pos-order-confirmation>* {
            position: relative
        }

        .pos .pos-sidebar .pos-order .pos-order-confirmation .btn {
            min-width: 60px
        }

        .pos .pos-sidebar .pos-order+.pos-order {
            border-top: 1px solid var(--bs-border-color)
        }

        .pos .pos-header {
            background: var(--bs-component-bg);
            padding: .61875rem 1.640625rem;
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            z-index: 1020;
            height: 50px;
            display: flex;
            align-items: center
        }

        .pos .pos-header .logo,
        .pos .pos-header .nav,
        .pos .pos-header .time {
            width: 33.33%
        }

        @media (max-width:767.98px) {

            .pos .pos-header .logo,
            .pos .pos-header .nav,
            .pos .pos-header .time {
                width: 50%
            }
        }

        .pos .pos-header .logo {
            display: flex
        }

        .pos .pos-header .logo>a,
        .pos .pos-header .logo>div {
            text-align: center;
            color: var(--bs-component-color);
            text-decoration: none;
            display: flex;
            align-items: center
        }

        .pos .pos-header .logo>a .logo-img img,
        .pos .pos-header .logo>div .logo-img img {
            height: 32px
        }

        .dark-mode .pos .pos-header .logo>a .logo-img img,
        .dark-mode .pos .pos-header .logo>div .logo-img img {
            filter: invert(1)
        }

        .pos .pos-header .logo>a .logo-text,
        .pos .pos-header .logo>div .logo-text {
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 1px;
            margin-inline-start: 15px
        }

        .pos .pos-header .time {
            font-weight: 600;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media (max-width:767.98px) {
            .pos .pos-header .time {
                display: none
            }
        }

        .pos .pos-header .nav {
            align-items: center;
            justify-content: flex-end
        }

        .pos .pos-header .nav .nav-item .nav-link {
            padding: .3121875rem .9375rem
        }

        @media (max-width:767.98px) {
            .pos .pos-header .nav .nav-item .nav-link {
                padding: .3121875rem .61875rem
            }
        }

        .pos .pos-header .nav .nav-item .nav-link .nav-icon {
            margin: -1px 0;
            height: 20px;
            font-size: 20px;
            color: var(--bs-component-color);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pos .pos-header .nav .nav-item .nav-link:focus,
        .pos .pos-header .nav .nav-item .nav-link:hover {
            opacity: .75
        }

        .pos .pos-table-booking {
            display: block;
            margin-bottom: 1.171875rem;
            text-decoration: none
        }

        .pos .pos-table-booking .pos-table-booking-container {
            background: #2d353c;
            color: #fff;
            border-radius: 6px;
            transition: box-shadow .1s linear
        }

        .pos .pos-table-booking .pos-table-booking-container:hover {
            box-shadow: 0 0 0 5px rgba(45, 53, 60, .5)
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header {
            padding: .9375rem
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .title {
            font-weight: 600;
            color: #adb5bd
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .no {
            font-size: 2.1875rem;
            font-weight: 600
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .desc {
            font-weight: 600;
            color: #adb5bd
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body {
            background: #495057;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking {
            font-size: .6875rem;
            padding: .3121875rem .9375rem;
            display: flex
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .time {
            width: 60px;
            font-weight: 600;
            color: #dee2e6
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .info {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            flex: 1
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status {
            font-size: 6px;
            color: #adb5bd;
            display: flex;
            align-items: center;
            padding-inline-start: .9375rem
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status.upcoming {
            color: #f59c1a
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status.in-progress {
            color: #00acac
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking.highlight {
            background: #2d353c
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking+.booking {
            border-top: 1px solid #2d353c
        }

        .pos .pos-table-row {
            margin: -.46875rem;
            display: flex;
            flex-wrap: wrap
        }

        .pos .pos-table-row .pos-table {
            padding: .46875rem;
            margin: 0;
            height: 100%;
            width: 25%;
            flex: 0 0 25%
        }

        @media (max-width:1199.98px) {
            .pos .pos-table-row .pos-table {
                width: 33.33%;
                flex: 0 0 33.33%
            }
        }

        @media (max-width:767.98px) {
            .pos .pos-table-row .pos-table {
                width: 50%;
                flex: 0 0 50%
            }
        }

        .pos .pos-table-row .pos-table .pos-table-container {
            background: var(--bs-component-bg);
            color: var(--bs-component-color);
            display: block;
            height: 100%;
            text-decoration: none;
            font-weight: 600;
            position: relative;
            transition: all .1s linear;
            border-radius: var(--bs-border-radius-lg);
            overflow: hidden
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-status {
            position: absolute;
            top: 5px;
            inset-inline-end: 5px;
            background: var(--bs-component-bg);
            width: 8px;
            height: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-status i {
            font-size: 8px
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name {
            text-align: center;
            padding: 15px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            transition: all .1s linear
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .name {
            font-size: .875rem
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .no {
            font-size: 32px;
            margin-bottom: -4px
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .order {
            opacity: .5
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name>* {
            padding: 0
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row {
            margin: 0 -1px 0 0;
            color: var(--bs-component-color);
            display: flex
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .pos-table-info-col {
            width: 50%;
            padding: 1px 1px 0 0;
            margin: 0 auto;
            flex: 0 0 50%
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .pos-table-info-col .pos-table-info-container {
            height: 100%;
            background: var(--bs-component-disabled-bg);
            padding: 2px 5px;
            display: flex;
            align-items: center
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .icon+.text {
            margin-inline-start: 2px
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .text {
            font-weight: 600;
            flex: 1
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row+.pos-table-col-info {
            border-top: 1px solid #f8f9fa
        }

        .pos .pos-table-row .pos-table .pos-table-container+.pos-table-col {
            border-inline-start: 1px solid #f8f9fa
        }

        .pos .pos-table-row .pos-table.selected:not(.disabled) .pos-table-container:before {
            content: "";
            position: absolute;
            top: 0;
            border: 20px solid var(--bs-app-theme);
            border-bottom-color: transparent;
            inset-inline-start: 0;
            border-inline-end-color: transparent
        }

        .pos .pos-table-row .pos-table.selected:not(.disabled) .pos-table-container:after {
            content: "\f00c";
            position: absolute;
            z-index: 10;
            top: 0;
            inset-inline-start: 0;
            color: var(--bs-app-theme-color);
            font-size: 14px;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .pos .pos-table-row .pos-table.disabled .pos-table-container {
            cursor: not-allowed;
            color: rgba(var(--bs-component-color-rgb), .35)
        }

        .pos .pos-table-row .pos-table.disabled .pos-table-container .pos-table-status {
            background: var(--bs-component-disabled-bg)
        }

        .pos .pos-table-row .pos-table.disabled .pos-table-container .pos-table-info-row {
            opacity: .25
        }

        .pos .pos-table-row .pos-table.available .pos-table-container {
            cursor: not-allowed
        }

        .pos .pos-table-row .pos-table.available .pos-table-container .pos-table-status {
            background: var(--bs-app-theme)
        }

        .pos .pos-table-row .pos-table.available .pos-table-container .pos-table-info-row {
            color: transparent
        }

        .pos .pos-table-row .pos-table.in-use .pos-table-container .pos-table-status {
            background: var(--bs-warning)
        }

        .pos .pos-stock-product {
            height: 100%;
            padding: .46875rem
        }

        .pos .pos-stock-product .pos-stock-product-container {
            background: var(--bs-component-bg);
            height: 100%;
            overflow: hidden;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            border-radius: 6px
        }

        .pos .pos-stock-product .pos-stock-product-container .product {
            height: 100%;
            display: flex;
            flex-direction: column
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-img .img {
            padding-top: 75%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        @media (max-width:767.98px) {
            .pos .pos-stock-product .pos-stock-product-container .product .product-img .img {
                padding-top: 56.25%
            }
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-info {
            padding: .9375rem 1.171875rem;
            flex: 1
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-info .title {
            font-size: .875rem;
            font-weight: 600
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-info .desc {
            color: rgba(var(--bs-component-color-rgb), .5);
            margin-bottom: .9375rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option {
            margin: 0 0 .3121875rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option {
            padding: 0;
            flex: 1;
            display: flex;
            align-items: center
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-label {
            font-weight: 600;
            width: 90px;
            padding-inline-end: .61875rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input {
            flex: 1
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-control {
            padding: .234375rem .61875rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-switch .form-check-input:checked {
            background-color: #00acac;
            border-color: #00acac
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option+.option {
            padding-top: .9375rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-action {
            display: flex
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-action .btn {
            padding: .703125rem 0;
            flex: 1;
            border-radius: 0
        }

        @media (max-width:991.98px) {
            .pos.pos-sidebar-mobile-toggled .pos-sidebar {
                display: flex
            }
        }

        [data-bs-theme=dark],
        [data-bs-theme=dark] .pos {
            --bs-pos-sidebar-bg: #2d353c;
            --bs-pos-sidebar-header-bg: #495057;
            --bs-pos-sidebar-header-color: #FFFFFF;
            --bs-pos-sidebar-header-back-btn-bg: #495057;
            --bs-pos-sidebar-header-nav-link-bg: #20252a;
            --bs-pos-sidebar-header-nav-link-color: #6c757d;
            --bs-pos-sidebar-header-nav-link-active-bg: #2d353c;
            --bs-pos-sidebar-header-nav-link-active-color: #FFFFFF;
            --bs-pos-sidebar-footer-bg: #495057;
            --bs-pos-sidebar-footer-color: #FFFFFF;
            --bs-pos-sidebar-product-border-color: #6c757d;
            --bs-pos-sidebar-product-confirmation-bg: rgba(45, 53, 60, 0.95)
        }

        .pos-mobile-sidebar-toggler {
            position: fixed;
            bottom: 60px;
            inset-inline-end: 12px;
            z-index: 1020;
            background: var(--bs-component-color);
            padding: 10px;
            width: 60px;
            height: 60px;
            text-decoration: none;
            color: var(--bs-component-bg);
            display: none;
            border-radius: 50px;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
            align-items: center;
            justify-content: center
        }

        @media (max-width:991.98px) {
            .pos-mobile-sidebar-toggler {
                display: flex
            }
        }

        .pos-mobile-sidebar-toggler:hover {
            color: #6c757d
        }

        .pos-mobile-sidebar-toggler .img {
            width: 32px;
            height: 32px;
            display: block;
            margin: 0 auto
        }

        .pos-mobile-sidebar-toggler .badge {
            position: absolute;
            inset-inline-end: 0;
            top: 0;
            background-color: var(--bs-app-theme);
            color: var(--bs-app-theme-color);
            width: 20px;
            height: 20px;
            font-size: .875rem;
            font-weight: 600;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px
        }

        .modal.modal-pos .close {
            position: absolute;
            top: 25px;
            z-index: 10;
            inset-inline-end: 25px
        }

        @media (min-width:992px) {
            .modal.modal-pos .modal-pos-product {
                display: flex
            }

            .modal.modal-pos .modal-pos-product .modal-pos-product-img,
            .modal.modal-pos .modal-pos-product .modal-pos-product-info {
                width: 50%;
                max-width: 50%;
                flex: 0 0 50%
            }
        }

        @media (min-width:992px) {
            .modal.modal-pos .modal-pos-product .modal-pos-product-img {
                padding-inline-end: .9375rem
            }
        }

        @media (max-width:991.98px) {
            .modal.modal-pos .modal-pos-product .modal-pos-product-img {
                padding-bottom: 0
            }
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 250px;
            border-radius: var(--bs-border-radius-lg)
        }

        @media (min-width:992px) {
            .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
                min-height: 300px
            }

            :dir(ltr) .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            :dir(rtl) .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
        }

        @media (max-width:991.98px) {
            .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info {
            padding: 1.40625rem
        }

        @media (min-width:992px) {
            .modal.modal-pos .modal-pos-product .modal-pos-product-info {
                padding-inline-start: .9375rem
            }
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list {
            margin: -.3121875rem;
            padding: .3121875rem 0;
            display: flex;
            flex-wrap: wrap
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option {
            width: 33.33%;
            max-width: 33.33%;
            padding: .3121875rem;
            flex: 0 0 33.33%
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input {
            display: none
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input:checked+.option-label {
            color: var(--bs-body-color);
            border: 2px solid var(--bs-body-color);
            padding: 9px 7px
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input:checked+.option-label .option-text {
            color: var(--bs-body-color)
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label {
            border: 1px solid var(--bs-border-color);
            padding: 10px 8px;
            height: 100%;
            border-radius: var(--bs-border-radius-lg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label .option-text {
            display: block;
            line-height: 1.2;
            font-weight: 600;
            color: rgba(var(--bs-body-color-rgb), .5);
            text-align: center
        }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label .option-price {
            font-weight: 600;
            margin-top: .234375rem;
            line-height: 1.2;
            font-size: .875rem
        }

        .profile-header {
            position: relative;
            overflow: hidden
        }

        .profile-header .profile-header-cover {
            background-image: url(images/profile-cover.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            inset-inline-start: 0;
            inset-inline-end: 0;
            top: 0;
            bottom: 0
        }

        .profile-header .profile-header-cover:before {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(32, 37, 42, .25) 0, #20252a 100%)
        }

        .profile-header .profile-header-content {
            color: #fff;
            padding: 30px;
            position: relative
        }

        @media (max-width:767.98px) {
            .profile-header .profile-header-content {
                padding: 20px;
                display: flex;
                align-items: center
            }
        }

        .profile-header .profile-header-img {
            float: left;
            width: 120px;
            height: 120px;
            overflow: hidden;
            position: relative;
            z-index: 10;
            margin: -10px 0 -20px 0;
            padding: 3px;
            background: var(--bs-component-bg);
            border-radius: 4px
        }

        :dir(rtl) .profile-header .profile-header-img {
            float: right
        }

        @media (max-width:767.98px) {
            .profile-header .profile-header-img {
                margin: 0;
                width: 80px;
                height: 80px
            }
        }

        .profile-header .profile-header-img+.profile-header-info {
            margin-inline-start: 140px
        }

        @media (max-width:767.98px) {
            .profile-header .profile-header-img+.profile-header-info {
                margin-inline-start: 20px
            }
        }

        .profile-header .profile-header-img img {
            max-width: 100%
        }

        .profile-header .profile-header-info .h4,
        .profile-header .profile-header-info h4 {
            font-weight: 600;
            color: #fff
        }

        .profile-header .profile-header-tab {
            position: relative;
            background: var(--bs-component-bg);
            list-style-type: none;
            margin: -10px 0 0;
            padding: 0 0 0 150px;
            border-radius: 0;
            padding-inline-start: 150px
        }

        @media (max-width:767.98px) {
            .profile-header .profile-header-tab {
                padding: 0;
                margin: 0;
                overflow: scroll;
                display: flex;
                flex-wrap: nowrap
            }
        }

        .profile-header .profile-header-tab .nav-item {
            display: inline-block;
            margin: 0
        }

        .profile-header .profile-header-tab .nav-item .nav-link {
            display: block;
            color: rgba(var(--bs-component-color-rgb), .5);
            line-height: 20px;
            padding: 10px 20px;
            text-decoration: none;
            font-weight: 700;
            font-size: 12px;
            border: none;
            border-radius: 0
        }

        .profile-header .profile-header-tab .nav-item .nav-link:focus,
        .profile-header .profile-header-tab .nav-item .nav-link:hover {
            background: 0 0;
            color: rgba(var(--bs-component-color-rgb), .75)
        }

        .profile-header .profile-header-tab .nav-item .nav-link.active {
            color: var(--bs-component-color);
            background: 0 0
        }

        .profile-content {
            padding: 25px
        }

        .profile-content:after,
        .profile-content:before {
            content: "";
            display: table;
            clear: both
        }

        .profile-content .tab-content,
        .profile-content .tab-pane {
            background: 0 0
        }

        .profile-content .table.table-profile>thead>tr>th {
            border: none;
            border-bottom: none !important;
            color: var(--bs-component-color);
            background: 0 0
        }

        .profile-content .table.table-profile>thead>tr>th .h4,
        .profile-content .table.table-profile>thead>tr>th h4 {
            font-size: 20px;
            margin-top: 0
        }

        .profile-content .table.table-profile>thead>tr>th .h4 .small,
        .profile-content .table.table-profile>thead>tr>th .h4 small,
        .profile-content .table.table-profile>thead>tr>th h4 .small,
        .profile-content .table.table-profile>thead>tr>th h4 small {
            display: block;
            font-size: 12px;
            font-weight: 400;
            margin-top: 5px
        }

        .profile-content .table.table-profile tbody>tr td {
            border: none;
            color: var(--bs-component-color);
            background: 0 0
        }

        .profile-content .table.table-profile tbody>tr td.field {
            width: 20%;
            font-weight: 600;
            color: var(--bs-component-color);
            text-align: end
        }

        @media (max-width:767.98px) {
            .profile-content .table.table-profile tbody>tr td.field {
                width: 35%
            }
        }

        .profile-content .table.table-profile tbody>tr.highlight>td {
            border-top: 1px solid var(--bs-component-border-color);
            border-bottom: 1px solid var(--bs-component-border-color)
        }

        .profile-content .table.table-profile tbody>tr.divider>td {
            padding: 0 !important;
            height: 10px
        }

        .result-list {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%
        }

        .result-list .result-item {
            background: var(--bs-component-bg);
            overflow: hidden;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            border-radius: 6px
        }

        .result-list .result-item:after,
        .result-list .result-item:before {
            content: "";
            display: table;
            clear: both
        }

        @media (max-width:1199.98px) {
            .result-list .result-item {
                padding-top: 160px
            }
        }

        @media (max-width:767.98px) {
            .result-list .result-item {
                display: block
            }
        }

        .result-list .result-item+.result-item {
            margin-top: .46875rem
        }

        .result-list .result-item .result-image {
            width: 240px;
            padding: 0;
            overflow: hidden;
            background: #2d353c;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        @media (max-width:1199.98px) {
            .result-list .result-item .result-image {
                width: auto;
                position: absolute;
                top: 0;
                inset-inline-start: 0;
                inset-inline-end: 0;
                height: 160px
            }
        }

        .result-list .result-item .result-image a {
            display: block
        }

        .result-list .result-item .result-image:focus,
        .result-list .result-item .result-image:hover {
            opacity: .8
        }

        .result-list .result-item .result-info {
            padding: 1.171875rem;
            position: relative;
            flex: 1
        }

        .result-list .result-item .result-info .title {
            margin: 0 0 .234375rem;
            font-size: 1.125rem;
            line-height: 1.2
        }

        .result-list .result-item .result-info .title a {
            color: var(--bs-component-color);
            text-decoration: none
        }

        .result-list .result-item .result-info .location {
            color: rgba(var(--bs-component-color-rgb), .5);
            margin-bottom: .46875rem
        }

        .result-list .result-item .result-info .desc {
            margin-bottom: 1.875rem
        }

        .result-list .result-item .result-info .btn-row {
            display: flex;
            flex-wrap: wrap
        }

        .result-list .result-item .result-info .btn-row a {
            color: var(--bs-component-color);
            background: rgba(var(--bs-component-color-rgb), .15);
            font-size: .875rem;
            padding: .3121875rem .46875rem;
            border-radius: 4px
        }

        .result-list .result-item .result-info .btn-row a+a {
            margin-inline-start: .3121875rem
        }

        .result-list .result-item .result-info .btn-row a:focus,
        .result-list .result-item .result-info .btn-row a:hover {
            background: rgba(var(--bs-component-color-rgb), .3)
        }

        .result-list .result-item .result-price {
            width: 240px;
            font-size: 28px;
            text-align: center;
            background: var(--bs-light);
            color: var(--bs-component-color);
            padding: 1.171875rem;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        @media (max-width:991.98px) {
            .result-list .result-item .result-price {
                width: 180px
            }
        }

        @media (max-width:767.98px) {
            .result-list .result-item .result-price {
                width: auto;
                padding: .9375rem
            }
        }

        .result-list .result-item .result-price .small,
        .result-list .result-item .result-price small {
            display: block;
            font-size: .6875rem;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .5)
        }

        .result-list .result-item .result-price .btn {
            margin-top: 1.875rem
        }

        @media (max-width:1199.98px) {
            .result-list .result-item .result-price .btn {
                margin-top: .9375rem
            }
        }

        .timeline {
            list-style-type: none;
            margin: 0;
            padding: 0;
            position: relative
        }

        .timeline:before {
            content: "";
            position: absolute;
            top: 5px;
            bottom: 5px;
            width: 5px;
            background: #495057;
            inset-inline-start: 20%;
            margin-inline-start: -2.5px
        }

        @media (max-width:767.98px) {
            .timeline:before {
                inset-inline-start: 15%
            }
        }

        @media (max-width:575.98px) {
            .timeline:before {
                inset-inline-start: 50%
            }
        }

        .timeline .timeline-item {
            position: relative;
            min-height: 50px;
            padding: 20px 0
        }

        .timeline img {
            max-width: 100%;
            display: block
        }

        .timeline .timeline-time {
            position: absolute;
            width: 18%;
            text-align: end;
            top: 30px;
            text-align: end;
            inset-inline-start: 0
        }

        @media (max-width:767.98px) {
            .timeline .timeline-time {
                width: 12%
            }
        }

        @media (max-width:575.98px) {
            .timeline .timeline-time {
                width: 50%;
                text-align: end;
                padding-inline-end: 20px
            }
        }

        .timeline .timeline-time .date {
            display: block;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .85)
        }

        .timeline .timeline-time .time {
            display: block;
            font-weight: 600;
            line-height: 24px;
            font-size: 1.5rem;
            color: rgba(var(--bs-component-color-rgb), .85)
        }

        .timeline .timeline-icon {
            position: absolute;
            width: 10%;
            text-align: center;
            top: 40px;
            inset-inline-start: 15%
        }

        @media (max-width:767.98px) {
            .timeline .timeline-icon {
                inset-inline-start: 10%
            }
        }

        @media (max-width:575.98px) {
            .timeline .timeline-icon {
                inset-inline-start: 45%
            }
        }

        .timeline .timeline-icon a {
            text-decoration: none;
            width: 20px;
            height: 20px;
            display: inline-block;
            background: var(--bs-body-bg);
            line-height: 10px;
            color: #fff;
            font-size: 14px;
            border: 5px solid #495057;
            transition: border-color .2s linear;
            border-radius: 24px
        }

        .timeline .timeline-content {
            background: var(--bs-component-bg);
            position: relative;
            font-size: 14px;
            max-width: 640px;
            border-radius: 6px;
            margin-inline-start: 23%
        }

        @media (max-width:991.98px) {
            .timeline .timeline-content {
                margin-inline-start: 25%;
                margin-inline-end: 5%
            }
        }

        @media (max-width:767.98px) {
            .timeline .timeline-content {
                margin-inline-start: 20%;
                margin-inline-end: 0
            }
        }

        @media (max-width:575.98px) {
            .timeline .timeline-content {
                margin-top: 60px;
                margin-inline-start: 0
            }
        }

        .timeline .timeline-content:before {
            content: "";
            display: block;
            position: absolute;
            border: 10px solid transparent;
            top: 20px;
            inset-inline-start: -20px;
            border-inline-end-color: var(--bs-component-bg)
        }

        @media (max-width:575.98px) {
            .timeline .timeline-content:before {
                border-bottom-color: var(--bs-component-bg);
                top: -20px;
                border-inline-end-color: transparent;
                inset-inline-start: 50%;
                margin-inline-start: -10px
            }
        }

        .timeline .timeline-header {
            padding: .9375rem;
            display: flex;
            align-items: center
        }

        .timeline .timeline-header .userimage {
            width: 40px;
            height: 40px;
            overflow: hidden;
            border-radius: 36px;
            margin-inline-end: .75rem
        }

        .timeline .timeline-header .username {
            font-size: .875rem;
            font-weight: 600;
            color: var(--bs-component-color);
            flex: 1
        }

        .timeline .timeline-header .username a {
            color: var(--bs-component-color);
            text-decoration: none
        }

        .timeline .timeline-header+.timeline-body {
            padding-top: 0
        }

        .timeline .timeline-body {
            padding: .9375rem
        }

        :dir(rtl) .apexcharts-canvas {
            direction: ltr;
            text-align: start
        }

        .apexcharts-canvas .apexcharts-menu {
            border: none;
            padding: .5rem 0;
            background: var(--bs-component-dropdown-bg);
            border-radius: 4px;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item:focus,
        .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item:hover {
            background: var(--bs-component-dropdown-hover-bg)
        }

        .apexcharts-canvas .apexcharts-toolbar>div>svg {
            fill: rgba(var(--bs-component-color-rgb), .5)
        }

        .apexcharts-canvas .apexcharts-toolbar>div:focus>svg,
        .apexcharts-canvas .apexcharts-toolbar>div:hover>svg {
            fill: rgba(var(--bs-component-color-rgb), .75)
        }

        .apexcharts-canvas .apexcharts-tooltip {
            border: none !important;
            font-size: inherit;
            background: var(--bs-component-modal-bg) !important;
            color: var(--bs-component-color) !important;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
            font-family: inherit !important;
            padding: .375rem .624375rem;
            margin: 0;
            border: 0 !important;
            font-weight: 600;
            background: var(--bs-light) !important
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker:before {
            font-size: 20px
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
            padding-inline-start: .624375rem;
            padding-inline-end: .624375rem;
            padding-bottom: 0
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
            padding: .375rem 0
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group.apexcharts-active+.apexcharts-tooltip-series-group.apexcharts-active {
            margin-top: -.375rem
        }

        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group.active,
        .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group:last-child {
            padding-bottom: 0
        }

        .apexcharts-canvas .apexcharts-xaxistooltip {
            background: var(--bs-component-modal-bg);
            border-color: var(--bs-component-border-color);
            color: var(--bs-component-color)
        }

        .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:after {
            border-top-color: var(--bs-component-modal-bg)
        }

        .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:before {
            border-top-color: var(--bs-component-border-color)
        }

        .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after {
            border-bottom-color: var(--bs-component-modal-bg)
        }

        .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before {
            border-bottom-color: var(--bs-component-border-color)
        }

        .apexcharts-canvas .apexcharts-yaxistooltip {
            background: var(--bs-component-modal-bg);
            border-color: var(--bs-component-border-color);
            color: var(--bs-component-color)
        }

        .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:after {
            border-inline-start-color: var(--bs-component-modal-bg)
        }

        .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:before {
            border-inline-start-color: var(--bs-component-border-color)
        }

        .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:after {
            border-inline-end-color: var(--bs-component-modal-bg)
        }

        .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:before {
            border-inline-end-color: var(--bs-component-border-color)
        }

        body .apexcharts-canvas .apexcharts-legend .apexcharts-legend-series {
            display: flex;
            align-items: center
        }

        body .apexcharts-canvas .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
            margin-inline-end: .46875rem;
            width: 8px !important;
            height: 8px !important;
            border-radius: 12px !important
        }

        body .apexcharts-canvas .apexcharts-legend.apexcharts-align-right {
            inset-inline-start: 0 !important;
            inset-inline-end: 0 !important
        }

        body .datepicker {
            color: var(--bs-component-color);
            border-radius: 6px
        }

        :dir(rtl) body .datepicker {
            direction: rtl
        }

        body .datepicker table {
            width: 100%
        }

        body .datepicker .datepicker-centuries table thead tr th,
        body .datepicker .datepicker-days table thead tr th,
        body .datepicker .datepicker-decades table thead tr th,
        body .datepicker .datepicker-months table thead tr th,
        body .datepicker .datepicker-years table thead tr th {
            color: var(--bs-component-color)
        }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch,
        body .datepicker .datepicker-centuries table thead tr th.next,
        body .datepicker .datepicker-centuries table thead tr th.prev,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch,
        body .datepicker .datepicker-days table thead tr th.next,
        body .datepicker .datepicker-days table thead tr th.prev,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch,
        body .datepicker .datepicker-decades table thead tr th.next,
        body .datepicker .datepicker-decades table thead tr th.prev,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch,
        body .datepicker .datepicker-months table thead tr th.next,
        body .datepicker .datepicker-months table thead tr th.prev,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch,
        body .datepicker .datepicker-years table thead tr th.next,
        body .datepicker .datepicker-years table thead tr th.prev {
            line-height: 1.5;
            padding: .46875rem;
            border-radius: 4px
        }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus,
        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover,
        body .datepicker .datepicker-centuries table thead tr th.next:focus,
        body .datepicker .datepicker-centuries table thead tr th.next:hover,
        body .datepicker .datepicker-centuries table thead tr th.prev:focus,
        body .datepicker .datepicker-centuries table thead tr th.prev:hover,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover,
        body .datepicker .datepicker-days table thead tr th.next:focus,
        body .datepicker .datepicker-days table thead tr th.next:hover,
        body .datepicker .datepicker-days table thead tr th.prev:focus,
        body .datepicker .datepicker-days table thead tr th.prev:hover,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover,
        body .datepicker .datepicker-decades table thead tr th.next:focus,
        body .datepicker .datepicker-decades table thead tr th.next:hover,
        body .datepicker .datepicker-decades table thead tr th.prev:focus,
        body .datepicker .datepicker-decades table thead tr th.prev:hover,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover,
        body .datepicker .datepicker-months table thead tr th.next:focus,
        body .datepicker .datepicker-months table thead tr th.next:hover,
        body .datepicker .datepicker-months table thead tr th.prev:focus,
        body .datepicker .datepicker-months table thead tr th.prev:hover,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover,
        body .datepicker .datepicker-years table thead tr th.next:focus,
        body .datepicker .datepicker-years table thead tr th.next:hover,
        body .datepicker .datepicker-years table thead tr th.prev:focus,
        body .datepicker .datepicker-years table thead tr th.prev:hover {
            background: var(--bs-component-hover-bg)
        }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus:before,
        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover:before,
        body .datepicker .datepicker-centuries table thead tr th.next:focus:before,
        body .datepicker .datepicker-centuries table thead tr th.next:hover:before,
        body .datepicker .datepicker-centuries table thead tr th.prev:focus:before,
        body .datepicker .datepicker-centuries table thead tr th.prev:hover:before,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus:before,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover:before,
        body .datepicker .datepicker-days table thead tr th.next:focus:before,
        body .datepicker .datepicker-days table thead tr th.next:hover:before,
        body .datepicker .datepicker-days table thead tr th.prev:focus:before,
        body .datepicker .datepicker-days table thead tr th.prev:hover:before,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus:before,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover:before,
        body .datepicker .datepicker-decades table thead tr th.next:focus:before,
        body .datepicker .datepicker-decades table thead tr th.next:hover:before,
        body .datepicker .datepicker-decades table thead tr th.prev:focus:before,
        body .datepicker .datepicker-decades table thead tr th.prev:hover:before,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus:before,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover:before,
        body .datepicker .datepicker-months table thead tr th.next:focus:before,
        body .datepicker .datepicker-months table thead tr th.next:hover:before,
        body .datepicker .datepicker-months table thead tr th.prev:focus:before,
        body .datepicker .datepicker-months table thead tr th.prev:hover:before,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus:before,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover:before,
        body .datepicker .datepicker-years table thead tr th.next:focus:before,
        body .datepicker .datepicker-years table thead tr th.next:hover:before,
        body .datepicker .datepicker-years table thead tr th.prev:focus:before,
        body .datepicker .datepicker-years table thead tr th.prev:hover:before {
            color: var(--bs-component-color)
        }

        body .datepicker .datepicker-centuries table thead tr th.next,
        body .datepicker .datepicker-centuries table thead tr th.prev,
        body .datepicker .datepicker-days table thead tr th.next,
        body .datepicker .datepicker-days table thead tr th.prev,
        body .datepicker .datepicker-decades table thead tr th.next,
        body .datepicker .datepicker-decades table thead tr th.prev,
        body .datepicker .datepicker-months table thead tr th.next,
        body .datepicker .datepicker-months table thead tr th.prev,
        body .datepicker .datepicker-years table thead tr th.next,
        body .datepicker .datepicker-years table thead tr th.prev {
            color: transparent;
            width: 15%;
            position: relative;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .datepicker .datepicker-centuries table thead tr th.next:before,
        body .datepicker .datepicker-centuries table thead tr th.prev:before,
        body .datepicker .datepicker-days table thead tr th.next:before,
        body .datepicker .datepicker-days table thead tr th.prev:before,
        body .datepicker .datepicker-decades table thead tr th.next:before,
        body .datepicker .datepicker-decades table thead tr th.prev:before,
        body .datepicker .datepicker-months table thead tr th.next:before,
        body .datepicker .datepicker-months table thead tr th.prev:before,
        body .datepicker .datepicker-years table thead tr th.next:before,
        body .datepicker .datepicker-years table thead tr th.prev:before {
            color: #adb5bd;
            position: absolute;
            font-size: .875rem;
            height: .875rem;
            top: 50%;
            margin-top: -.4375rem;
            line-height: 1
        }

        :dir(rtl) body .datepicker .datepicker-centuries table thead tr th.next:before,
        :dir(rtl) body .datepicker .datepicker-centuries table thead tr th.prev:before,
        :dir(rtl) body .datepicker .datepicker-days table thead tr th.next:before,
        :dir(rtl) body .datepicker .datepicker-days table thead tr th.prev:before,
        :dir(rtl) body .datepicker .datepicker-decades table thead tr th.next:before,
        :dir(rtl) body .datepicker .datepicker-decades table thead tr th.prev:before,
        :dir(rtl) body .datepicker .datepicker-months table thead tr th.next:before,
        :dir(rtl) body .datepicker .datepicker-months table thead tr th.prev:before,
        :dir(rtl) body .datepicker .datepicker-years table thead tr th.next:before,
        :dir(rtl) body .datepicker .datepicker-years table thead tr th.prev:before {
            transform: rotate(180deg)
        }

        body .datepicker .datepicker-centuries table thead tr th.next i,
        body .datepicker .datepicker-centuries table thead tr th.prev i,
        body .datepicker .datepicker-days table thead tr th.next i,
        body .datepicker .datepicker-days table thead tr th.prev i,
        body .datepicker .datepicker-decades table thead tr th.next i,
        body .datepicker .datepicker-decades table thead tr th.prev i,
        body .datepicker .datepicker-months table thead tr th.next i,
        body .datepicker .datepicker-months table thead tr th.prev i,
        body .datepicker .datepicker-years table thead tr th.next i,
        body .datepicker .datepicker-years table thead tr th.prev i {
            display: none
        }

        body .datepicker .datepicker-centuries table thead tr th.prev:before,
        body .datepicker .datepicker-days table thead tr th.prev:before,
        body .datepicker .datepicker-decades table thead tr th.prev:before,
        body .datepicker .datepicker-months table thead tr th.prev:before,
        body .datepicker .datepicker-years table thead tr th.prev:before {
            content: "\f104"
        }

        body .datepicker .datepicker-centuries table thead tr th.next:before,
        body .datepicker .datepicker-days table thead tr th.next:before,
        body .datepicker .datepicker-decades table thead tr th.next:before,
        body .datepicker .datepicker-months table thead tr th.next:before,
        body .datepicker .datepicker-years table thead tr th.next:before {
            content: "\f105"
        }

        body .datepicker .datepicker-centuries table thead tr th.datepicker-switch,
        body .datepicker .datepicker-days table thead tr th.datepicker-switch,
        body .datepicker .datepicker-decades table thead tr th.datepicker-switch,
        body .datepicker .datepicker-months table thead tr th.datepicker-switch,
        body .datepicker .datepicker-years table thead tr th.datepicker-switch {
            width: auto
        }

        body .datepicker .datepicker-centuries table thead tr th.dow,
        body .datepicker .datepicker-days table thead tr th.dow,
        body .datepicker .datepicker-decades table thead tr th.dow,
        body .datepicker .datepicker-months table thead tr th.dow,
        body .datepicker .datepicker-years table thead tr th.dow {
            padding: .46875rem 0
        }

        body .datepicker .datepicker-centuries table tbody tr td,
        body .datepicker .datepicker-days table tbody tr td,
        body .datepicker .datepicker-decades table tbody tr td,
        body .datepicker .datepicker-months table tbody tr td,
        body .datepicker .datepicker-years table tbody tr td {
            padding: .46875rem
        }

        body .datepicker .datepicker-centuries table tbody tr td span.century,
        body .datepicker .datepicker-centuries table tbody tr td span.decade,
        body .datepicker .datepicker-centuries table tbody tr td span.month,
        body .datepicker .datepicker-centuries table tbody tr td span.year,
        body .datepicker .datepicker-days table tbody tr td span.century,
        body .datepicker .datepicker-days table tbody tr td span.decade,
        body .datepicker .datepicker-days table tbody tr td span.month,
        body .datepicker .datepicker-days table tbody tr td span.year,
        body .datepicker .datepicker-decades table tbody tr td span.century,
        body .datepicker .datepicker-decades table tbody tr td span.decade,
        body .datepicker .datepicker-decades table tbody tr td span.month,
        body .datepicker .datepicker-decades table tbody tr td span.year,
        body .datepicker .datepicker-months table tbody tr td span.century,
        body .datepicker .datepicker-months table tbody tr td span.decade,
        body .datepicker .datepicker-months table tbody tr td span.month,
        body .datepicker .datepicker-months table tbody tr td span.year,
        body .datepicker .datepicker-years table tbody tr td span.century,
        body .datepicker .datepicker-years table tbody tr td span.decade,
        body .datepicker .datepicker-years table tbody tr td span.month,
        body .datepicker .datepicker-years table tbody tr td span.year {
            font-weight: 600;
            color: #6c757d;
            text-shadow: none;
            border-radius: 4px
        }

        body .datepicker .datepicker-centuries table tbody tr td span.century:focus,
        body .datepicker .datepicker-centuries table tbody tr td span.century:hover,
        body .datepicker .datepicker-centuries table tbody tr td span.decade:focus,
        body .datepicker .datepicker-centuries table tbody tr td span.decade:hover,
        body .datepicker .datepicker-centuries table tbody tr td span.month:focus,
        body .datepicker .datepicker-centuries table tbody tr td span.month:hover,
        body .datepicker .datepicker-centuries table tbody tr td span.year:focus,
        body .datepicker .datepicker-centuries table tbody tr td span.year:hover,
        body .datepicker .datepicker-days table tbody tr td span.century:focus,
        body .datepicker .datepicker-days table tbody tr td span.century:hover,
        body .datepicker .datepicker-days table tbody tr td span.decade:focus,
        body .datepicker .datepicker-days table tbody tr td span.decade:hover,
        body .datepicker .datepicker-days table tbody tr td span.month:focus,
        body .datepicker .datepicker-days table tbody tr td span.month:hover,
        body .datepicker .datepicker-days table tbody tr td span.year:focus,
        body .datepicker .datepicker-days table tbody tr td span.year:hover,
        body .datepicker .datepicker-decades table tbody tr td span.century:focus,
        body .datepicker .datepicker-decades table tbody tr td span.century:hover,
        body .datepicker .datepicker-decades table tbody tr td span.decade:focus,
        body .datepicker .datepicker-decades table tbody tr td span.decade:hover,
        body .datepicker .datepicker-decades table tbody tr td span.month:focus,
        body .datepicker .datepicker-decades table tbody tr td span.month:hover,
        body .datepicker .datepicker-decades table tbody tr td span.year:focus,
        body .datepicker .datepicker-decades table tbody tr td span.year:hover,
        body .datepicker .datepicker-months table tbody tr td span.century:focus,
        body .datepicker .datepicker-months table tbody tr td span.century:hover,
        body .datepicker .datepicker-months table tbody tr td span.decade:focus,
        body .datepicker .datepicker-months table tbody tr td span.decade:hover,
        body .datepicker .datepicker-months table tbody tr td span.month:focus,
        body .datepicker .datepicker-months table tbody tr td span.month:hover,
        body .datepicker .datepicker-months table tbody tr td span.year:focus,
        body .datepicker .datepicker-months table tbody tr td span.year:hover,
        body .datepicker .datepicker-years table tbody tr td span.century:focus,
        body .datepicker .datepicker-years table tbody tr td span.century:hover,
        body .datepicker .datepicker-years table tbody tr td span.decade:focus,
        body .datepicker .datepicker-years table tbody tr td span.decade:hover,
        body .datepicker .datepicker-years table tbody tr td span.month:focus,
        body .datepicker .datepicker-years table tbody tr td span.month:hover,
        body .datepicker .datepicker-years table tbody tr td span.year:focus,
        body .datepicker .datepicker-years table tbody tr td span.year:hover {
            background: var(--bs-component-hover-bg)
        }

        body .datepicker .datepicker-centuries table tbody tr td span.century.focused,
        body .datepicker .datepicker-centuries table tbody tr td span.decade.focused,
        body .datepicker .datepicker-centuries table tbody tr td span.month.focused,
        body .datepicker .datepicker-centuries table tbody tr td span.year.focused,
        body .datepicker .datepicker-days table tbody tr td span.century.focused,
        body .datepicker .datepicker-days table tbody tr td span.decade.focused,
        body .datepicker .datepicker-days table tbody tr td span.month.focused,
        body .datepicker .datepicker-days table tbody tr td span.year.focused,
        body .datepicker .datepicker-decades table tbody tr td span.century.focused,
        body .datepicker .datepicker-decades table tbody tr td span.decade.focused,
        body .datepicker .datepicker-decades table tbody tr td span.month.focused,
        body .datepicker .datepicker-decades table tbody tr td span.year.focused,
        body .datepicker .datepicker-months table tbody tr td span.century.focused,
        body .datepicker .datepicker-months table tbody tr td span.decade.focused,
        body .datepicker .datepicker-months table tbody tr td span.month.focused,
        body .datepicker .datepicker-months table tbody tr td span.year.focused,
        body .datepicker .datepicker-years table tbody tr td span.century.focused,
        body .datepicker .datepicker-years table tbody tr td span.decade.focused,
        body .datepicker .datepicker-years table tbody tr td span.month.focused,
        body .datepicker .datepicker-years table tbody tr td span.year.focused {
            background: var(--bs-component-hover-bg);
            color: var(--bs-component-hover-color)
        }

        body .datepicker .datepicker-centuries table tbody tr td span.century.active,
        body .datepicker .datepicker-centuries table tbody tr td span.decade.active,
        body .datepicker .datepicker-centuries table tbody tr td span.month.active,
        body .datepicker .datepicker-centuries table tbody tr td span.year.active,
        body .datepicker .datepicker-days table tbody tr td span.century.active,
        body .datepicker .datepicker-days table tbody tr td span.decade.active,
        body .datepicker .datepicker-days table tbody tr td span.month.active,
        body .datepicker .datepicker-days table tbody tr td span.year.active,
        body .datepicker .datepicker-decades table tbody tr td span.century.active,
        body .datepicker .datepicker-decades table tbody tr td span.decade.active,
        body .datepicker .datepicker-decades table tbody tr td span.month.active,
        body .datepicker .datepicker-decades table tbody tr td span.year.active,
        body .datepicker .datepicker-months table tbody tr td span.century.active,
        body .datepicker .datepicker-months table tbody tr td span.decade.active,
        body .datepicker .datepicker-months table tbody tr td span.month.active,
        body .datepicker .datepicker-months table tbody tr td span.year.active,
        body .datepicker .datepicker-years table tbody tr td span.century.active,
        body .datepicker .datepicker-years table tbody tr td span.decade.active,
        body .datepicker .datepicker-years table tbody tr td span.month.active,
        body .datepicker .datepicker-years table tbody tr td span.year.active {
            background: var(--bs-component-active-bg) !important;
            color: var(--bs-component-active-color)
        }

        body .datepicker .datepicker-centuries table tbody tr td.day,
        body .datepicker .datepicker-days table tbody tr td.day,
        body .datepicker .datepicker-decades table tbody tr td.day,
        body .datepicker .datepicker-months table tbody tr td.day,
        body .datepicker .datepicker-years table tbody tr td.day {
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .75);
            padding: .46875rem;
            border-radius: 4px
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.highlighted,
        body .datepicker .datepicker-centuries table tbody tr td.day.range,
        body .datepicker .datepicker-centuries table tbody tr td.day.selected,
        body .datepicker .datepicker-centuries table tbody tr td.day:focus,
        body .datepicker .datepicker-centuries table tbody tr td.day:hover,
        body .datepicker .datepicker-days table tbody tr td.day.highlighted,
        body .datepicker .datepicker-days table tbody tr td.day.range,
        body .datepicker .datepicker-days table tbody tr td.day.selected,
        body .datepicker .datepicker-days table tbody tr td.day:focus,
        body .datepicker .datepicker-days table tbody tr td.day:hover,
        body .datepicker .datepicker-decades table tbody tr td.day.highlighted,
        body .datepicker .datepicker-decades table tbody tr td.day.range,
        body .datepicker .datepicker-decades table tbody tr td.day.selected,
        body .datepicker .datepicker-decades table tbody tr td.day:focus,
        body .datepicker .datepicker-decades table tbody tr td.day:hover,
        body .datepicker .datepicker-months table tbody tr td.day.highlighted,
        body .datepicker .datepicker-months table tbody tr td.day.range,
        body .datepicker .datepicker-months table tbody tr td.day.selected,
        body .datepicker .datepicker-months table tbody tr td.day:focus,
        body .datepicker .datepicker-months table tbody tr td.day:hover,
        body .datepicker .datepicker-years table tbody tr td.day.highlighted,
        body .datepicker .datepicker-years table tbody tr td.day.range,
        body .datepicker .datepicker-years table tbody tr td.day.selected,
        body .datepicker .datepicker-years table tbody tr td.day:focus,
        body .datepicker .datepicker-years table tbody tr td.day:hover {
            background: var(--bs-component-hover-bg);
            text-shadow: none
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.today,
        body .datepicker .datepicker-days table tbody tr td.day.today,
        body .datepicker .datepicker-decades table tbody tr td.day.today,
        body .datepicker .datepicker-months table tbody tr td.day.today,
        body .datepicker .datepicker-years table tbody tr td.day.today {
            background: #cce3f8 !important;
            color: #0d2439
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.active,
        body .datepicker .datepicker-days table tbody tr td.day.active,
        body .datepicker .datepicker-decades table tbody tr td.day.active,
        body .datepicker .datepicker-months table tbody tr td.day.active,
        body .datepicker .datepicker-years table tbody tr td.day.active {
            background: #348fe2 !important;
            color: #fff;
            text-shadow: none !important
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.range,
        body .datepicker .datepicker-days table tbody tr td.day.range,
        body .datepicker .datepicker-decades table tbody tr td.day.range,
        body .datepicker .datepicker-months table tbody tr td.day.range,
        body .datepicker .datepicker-years table tbody tr td.day.range {
            border-radius: 0
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.range-start,
        body .datepicker .datepicker-days table tbody tr td.day.range-start,
        body .datepicker .datepicker-decades table tbody tr td.day.range-start,
        body .datepicker .datepicker-months table tbody tr td.day.range-start,
        body .datepicker .datepicker-years table tbody tr td.day.range-start {
            border-radius: 4px 0 0 4px
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.range-end,
        body .datepicker .datepicker-days table tbody tr td.day.range-end,
        body .datepicker .datepicker-decades table tbody tr td.day.range-end,
        body .datepicker .datepicker-months table tbody tr td.day.range-end,
        body .datepicker .datepicker-years table tbody tr td.day.range-end {
            border-radius: 0 4px 4px 0
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.old,
        body .datepicker .datepicker-days table tbody tr td.day.old,
        body .datepicker .datepicker-decades table tbody tr td.day.old,
        body .datepicker .datepicker-months table tbody tr td.day.old,
        body .datepicker .datepicker-years table tbody tr td.day.old {
            color: var(--bs-component-disabled-color)
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.new,
        body .datepicker .datepicker-days table tbody tr td.day.new,
        body .datepicker .datepicker-decades table tbody tr td.day.new,
        body .datepicker .datepicker-months table tbody tr td.day.new,
        body .datepicker .datepicker-years table tbody tr td.day.new {
            color: var(--bs-component-disabled-color)
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.disabled,
        body .datepicker .datepicker-days table tbody tr td.day.disabled,
        body .datepicker .datepicker-decades table tbody tr td.day.disabled,
        body .datepicker .datepicker-months table tbody tr td.day.disabled,
        body .datepicker .datepicker-years table tbody tr td.day.disabled {
            color: var(--bs-component-disabled-color)
        }

        body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus,
        body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover,
        body .datepicker .datepicker-days table tbody tr td.day.disabled:focus,
        body .datepicker .datepicker-days table tbody tr td.day.disabled:hover,
        body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus,
        body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover,
        body .datepicker .datepicker-months table tbody tr td.day.disabled:focus,
        body .datepicker .datepicker-months table tbody tr td.day.disabled:hover,
        body .datepicker .datepicker-years table tbody tr td.day.disabled:focus,
        body .datepicker .datepicker-years table tbody tr td.day.disabled:hover {
            background: 0 0
        }

        body .datepicker.datepicker-inline {
            display: block;
            width: auto;
            padding: 0
        }

        body .datepicker.dropdown-menu {
            min-width: 250px;
            width: 320px;
            border: none;
            font-family: inherit;
            font-size: .75rem;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            width: 250px
        }

        body .datepicker.dropdown-menu:before {
            display: none
        }

        body .datepicker.dropdown-menu.datepicker-orient-left:after {
            inset-inline-start: .9375rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-right:after {
            inset-inline-end: .9375rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-top {
            margin-bottom: .46875rem
        }

        body .datepicker.dropdown-menu.datepicker-orient-bottom {
            margin-top: .46875rem
        }

        .datepicker .input-daterange .input-group-addon {
            margin: 0;
            font-weight: 600;
            background: var(--bs-component-border-color);
            color: var(--bs-component-color);
            display: flex;
            align-items: center;
            border-radius: 0
        }

        .datepicker .input-daterange .input-group-addon+.form-control {
            border-radius: 0 4px 4px 0
        }

        :dir(rtl) .datepicker .input-daterange .input-group-addon+.form-control {
            border-radius: 0
        }

        .datepicker.datepicker-dropdown:after {
            border-bottom-color: var(--bs-component-dropdown-bg)
        }

        .datepicker.datepicker-dropdown.datepicker-orient-top:after {
            border-top-color: var(--bs-component-dropdown-bg)
        }

        body .daterangepicker {
            z-index: 1020;
            border: none;
            font-family: inherit;
            background-color: var(--bs-component-dropdown-bg);
            border-radius: 6px;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        :dir(rtl) body .daterangepicker {
            direction: rtl;
            text-align: end
        }

        @media (max-width:767.98px) {
            body .daterangepicker {
                width: 300px
            }
        }

        body .daterangepicker:before {
            display: none
        }

        body .daterangepicker:after {
            border-bottom-color: var(--bs-component-dropdown-bg)
        }

        body .daterangepicker .drp-calendar {
            max-width: inherit;
            padding: .9375rem
        }

        @media (max-width:1199.98px) {
            body .daterangepicker .drp-calendar {
                float: none
            }
        }

        body .daterangepicker .drp-calendar .calendar-table {
            background-color: var(--bs-component-dropdown-bg);
            border-color: var(--bs-component-dropdown-bg)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th {
            min-width: auto;
            width: auto;
            height: auto;
            line-height: 1;
            padding: .46875rem;
            color: var(--bs-component-color);
            font-weight: 700;
            border: none
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span {
            border-color: var(--bs-component-color)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:focus,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:hover,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:focus,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:hover {
            background: rgba(var(--bs-component-color-rgb), .2);
            color: var(--bs-component-color)
        }

        :dir(rtl) body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span {
            transform: rotate(135deg)
        }

        :dir(rtl) body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span {
            transform: rotate(-45deg)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect {
            border-color: var(--bs-component-dropdown-border-color);
            background: var(--bs-component-dropdown-bg);
            color: var(--bs-component-color);
            border-radius: 4px;
            transition: all .2s linear
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect:focus,
        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect:focus {
            outline: 0;
            border-color: #67abe9;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect {
            margin-right: 0;
            margin-inline-end: .234375rem
        }

        body .daterangepicker .drp-calendar .calendar-table table thead tr:last-child th {
            padding-bottom: .46875rem
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td {
            min-width: auto;
            width: auto;
            height: auto;
            line-height: 1;
            padding: .609375rem;
            font-weight: 600;
            color: var(--bs-component-color);
            border: none
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available {
            border-radius: 4px
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:focus,
        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:hover {
            background: var(--bs-component-dropdown-hover-bg)
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range {
            background: #e1eefb;
            color: var(--bs-component-color);
            border-radius: 0
        }

        .dark-mode body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range {
            background: #1a4871
        }

        .dark-mode body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range.active {
            background: #348fe2
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.active {
            background: #348fe2;
            color: #fff
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.start-date {
            border-radius: 4px 0 0 4px
        }

        :dir(rtl) body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.start-date {
            border-radius: 0 4px 4px 0
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.end-date {
            border-radius: 0 4px 4px 0
        }

        :dir(rtl) body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.end-date {
            border-radius: 4px 0 0 4px
        }

        body .daterangepicker .drp-calendar .calendar-table table tbody tr td.off {
            background: 0 0;
            color: var(--bs-component-disabled-color)
        }

        body .daterangepicker .drp-calendar.left {
            padding: .46875rem !important
        }

        body .daterangepicker .drp-calendar.left .calendar-table {
            padding: 0 !important
        }

        body .daterangepicker .drp-calendar.right {
            padding: .46875rem !important;
            border-inline-start: 1px solid var(--bs-component-dropdown-border-color)
        }

        :dir(rtl) body .daterangepicker .drp-calendar.right {
            border-right: none;
            border-inline-end: 1px solid var(--bs-component-dropdown-border-color)
        }

        @media (max-width:1199.98px) {
            body .daterangepicker .drp-calendar.right {
                border-inline-start: none;
                border-top: 1px solid var(--bs-component-dropdown-border-color)
            }
        }

        body .daterangepicker .drp-buttons {
            padding: .46875rem;
            border-color: var(--bs-component-dropdown-border-color);
            text-align: start;
            display: flex !important;
            align-items: center !important
        }

        @media (max-width:1199.98px) {
            body .daterangepicker .drp-buttons {
                text-align: center
            }
        }

        body .daterangepicker .drp-buttons .btn {
            font-weight: 600;
            min-width: 80px;
            margin: 0
        }

        body .daterangepicker .drp-buttons .btn+.btn {
            margin-inline-end: 0;
            margin-inline-start: .46875rem
        }

        body .daterangepicker .drp-buttons .drp-selected {
            font-weight: 600;
            color: #6c757d;
            margin-inline-end: 0;
            margin-inline-start: .46875rem;
            flex: 1
        }

        @media (max-width:1199.98px) {
            body .daterangepicker .drp-buttons .drp-selected {
                display: block;
                padding: 0;
                margin-bottom: .46875rem
            }
        }

        body .daterangepicker.show-ranges.ltr .ranges,
        body .daterangepicker.show-ranges.rtl .ranges {
            position: relative;
            display: block
        }

        :dir(rtl) body .daterangepicker.show-ranges.ltr .ranges,
        :dir(rtl) body .daterangepicker.show-ranges.rtl .ranges {
            float: right
        }

        @media (max-width:1199.98px) {

            body .daterangepicker.show-ranges.ltr .ranges,
            body .daterangepicker.show-ranges.rtl .ranges {
                float: none;
                margin: 0;
                padding: 10px;
                border-bottom: 1px solid var(--bs-component-dropdown-border-color);
                overflow: scroll;
                max-width: 340px
            }
        }

        @media (max-width:1199.98px) {

            body .daterangepicker.show-ranges.ltr .ranges ul,
            body .daterangepicker.show-ranges.rtl .ranges ul {
                width: auto;
                white-space: nowrap;
                padding-inline-end: .9375rem;
                display: flex;
                flex-wrap: nowrap
            }
        }

        body .daterangepicker.show-ranges.ltr .ranges ul li,
        body .daterangepicker.show-ranges.rtl .ranges ul li {
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .75)
        }

        @media (max-width:1199.98px) {

            body .daterangepicker.show-ranges.ltr .ranges ul li,
            body .daterangepicker.show-ranges.rtl .ranges ul li {
                margin-inline-end: .9375rem !important;
                border-radius: 4px
            }
        }

        body .daterangepicker.show-ranges.ltr .ranges ul li:focus,
        body .daterangepicker.show-ranges.ltr .ranges ul li:hover,
        body .daterangepicker.show-ranges.rtl .ranges ul li:focus,
        body .daterangepicker.show-ranges.rtl .ranges ul li:hover {
            background: var(--bs-component-dropdown-hover-bg);
            color: var(--bs-component-hover-color)
        }

        body .daterangepicker.show-ranges.ltr .ranges ul li.active,
        body .daterangepicker.show-ranges.rtl .ranges ul li.active {
            background: #348fe2;
            color: #fff;
            margin-inline-end: -1px
        }

        body .daterangepicker.show-ranges.ltr .drp-calendar.left,
        body .daterangepicker.show-ranges.rtl .drp-calendar.left {
            border-left: none;
            border-inline-start: 1px solid var(--bs-component-dropdown-border-color)
        }

        @media (max-width:1199.98px) {

            body .daterangepicker.show-ranges.ltr .drp-calendar.left,
            body .daterangepicker.show-ranges.rtl .drp-calendar.left {
                border-inline-start: none
            }
        }

        :dir(rtl) body .daterangepicker.show-ranges.ltr .drp-calendar.right,
        :dir(rtl) body .daterangepicker.show-ranges.rtl .drp-calendar.right {
            border-left: none !important;
            border-inline-end: 1px solid var(--bs-component-dropdown-border-color);
            border-inline-start: 1px solid var(--bs-component-dropdown-border-color)
        }

        @media (max-width:1199.98px) {

            :dir(rtl) body .daterangepicker.show-ranges.ltr .drp-calendar.right,
            :dir(rtl) body .daterangepicker.show-ranges.rtl .drp-calendar.right {
                border-inline-end: none
            }
        }

        body .datetimepicker .next:before,
        body .datetimepicker .prev:before {
            display: none
        }

        body .datetimepicker .datetimepicker-hours table,
        body .datetimepicker .datetimepicker-minutes table {
            min-width: 220px
        }

        body .datetimepicker .glyphicon {
            font-size: 14px;
            color: #2d353c;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .datetimepicker .glyphicon.glyphicon-chevron-up:before {
            content: "\f106"
        }

        body .datetimepicker .glyphicon.glyphicon-chevron-down:before {
            content: "\f107"
        }

        body .datetimepicker .glyphicon.icon-arrow-inset-inline-start:before {
            content: "\f104"
        }

        body .datetimepicker .glyphicon.icon-arrow-inset-inline-end:before {
            content: "\f105"
        }

        body .datetimepicker .glyphicon.glyphicon-time:before {
            content: "\f017"
        }

        body .datetimepicker .glyphicon.glyphicon-calendar:before {
            content: "\f133"
        }

        body .datetimepicker.dropdown-menu {
            max-width: 320px;
            min-width: 200px;
            width: auto;
            padding: 5px;
            color: #2d353c;
            overflow: hidden;
            border-radius: 6px;
            max-width: 250px
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today {
            padding: 5px;
            border-radius: 4px
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:hover {
            color: #2d353c;
            background: #f2f3f4
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.dow,
        body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.dow {
            padding: 5px
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td {
            padding: 0
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day {
            padding: 7px 9px;
            height: auto;
            line-height: 16px !important;
            color: #6f8293;
            font-weight: 600;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:hover {
            color: #2d353c;
            background: #f2f3f4
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active {
            color: #fff;
            background: #348fe2 !important;
            text-shadow: none
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:hover,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:focus,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:hover {
            text-shadow: none
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-second,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-hour,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-minute,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-second {
            border: 1px solid #ced4da;
            display: block;
            width: 80px;
            margin: 0 auto;
            line-height: 22px;
            height: auto;
            padding: 6px 15px;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today {
            background: #e4e7ea;
            color: #2d353c
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today:before,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today:before,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today:before,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today:before,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today:before {
            border-bottom-color: #9ba8b4
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active {
            color: #fff
        }

        body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active:before,
        body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active:before,
        body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active:before,
        body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active:before,
        body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active:before {
            border-bottom-color: #bad9f5
        }

        body .datetimepicker.dropdown-menu>ul>li .datepicker {
            padding: 5px;
            width: 320px;
            width: 250px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker {
            width: auto
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker .timepicker-hours,
        body .datetimepicker.dropdown-menu>ul>li .timepicker .timepicker-minutes,
        body .datetimepicker.dropdown-menu>ul>li .timepicker .timepicker-picker {
            padding: 5px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker .timepicker-picker {
            width: 200px;
            margin: 0 auto
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td {
            padding: 0;
            height: auto;
            line-height: inherit
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute {
            padding: 10px;
            height: auto;
            line-height: 16px !important;
            color: #6f8293;
            font-weight: 600;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour:hover,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute:hover {
            color: #2d353c;
            background: #f2f3f4
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.active,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.active {
            color: #fff;
            background: #2d353c !important
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.active:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.active:hover,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.active:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.active:hover {
            text-shadow: none
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.timepicker-hour,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.timepicker-minute,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.hour.timepicker-second,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.timepicker-hour,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.timepicker-minute,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.minute.timepicker-second {
            border: 1px solid #ced4da;
            display: block;
            width: 80px;
            margin: 0 auto;
            line-height: 22px;
            height: auto;
            padding: 6px 15px;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td.separator {
            width: 1%
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn {
            padding: 0;
            border: none
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span {
            padding: 10px;
            height: auto;
            line-height: 16px !important;
            color: #6f8293;
            font-weight: 600;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span:hover {
            background: #f2f3f4;
            color: #2d353c
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.active {
            color: #fff;
            background: #2d353c !important
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.active:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.active:hover {
            text-shadow: none
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.timepicker-hour,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.timepicker-minute,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn span.timepicker-second {
            border: 1px solid #ced4da;
            display: block;
            width: 80px;
            margin: 0 auto;
            line-height: 22px;
            height: auto;
            padding: 6px 15px;
            border-radius: 6px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn.btn-primary {
            padding: 5px 15px;
            background: #9ba8b4;
            margin-inline-end: 5px;
            margin-inline-start: 5px
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn.btn-primary:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .btn.btn-primary:hover {
            background: #6f8293
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-hour,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-minute {
            height: auto;
            line-height: 30px;
            border: 1px solid #ced4da
        }

        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-hour:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-hour:hover,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-minute:focus,
        body .datetimepicker.dropdown-menu>ul>li .timepicker table tr td .timepicker-minute:hover {
            background: 0 0;
            border-color: #9ba8b4
        }

        body .datetimepicker.dropdown-menu>ul>li.picker-switch {
            width: 100%
        }

        body .datetimepicker.dropdown-menu>ul>li.picker-switch table tbody tr td span {
            display: block;
            width: auto;
            margin: -1px 0 0;
            background: #f2f3f4;
            height: 36px;
            line-height: 36px;
            border-radius: 0
        }

        body .datetimepicker.dropdown-menu>ul>li.picker-switch table tbody tr td span:hover {
            background: #eceff1
        }

        body .datetimepicker.dropdown-menu>ul>li.picker-switch table tbody tr td a {
            text-decoration: none
        }

        body .datetimepicker.dropdown-menu>ul>li.collapse.in {
            display: block
        }

        body .datetimepicker.dropdown-menu.bottom:before {
            display: none
        }

        body .datetimepicker.dropdown-menu.bottom:after {
            border-inline-start: 7px solid transparent;
            border-inline-end: 7px solid transparent;
            border-bottom: 7px solid #fff;
            top: -7px;
            inset-inline-start: 15px
        }

        body .datetimepicker.dropdown-menu.bottom.pull-right:after {
            inset-inline-start: auto;
            inset-inline-end: 15px
        }

        body .datetimepicker+.input-group-addon {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn.btn-social-icon>:first-child,
        .btn.btn-social>:first-child {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .btn-group-lg>.btn.btn-social-icon,
        .btn.btn-social-icon.btn-lg {
            width: 39px;
            height: 39px
        }

        body .bootstrap-timepicker .input-group-addon i {
            width: auto;
            height: auto;
            display: inline
        }

        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour,
        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian,
        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute {
            width: 40px;
            height: calc(1.5em + .875rem + 2px);
            border: 1px solid var(--bs-component-dropdown-border-color);
            padding: 6px;
            background: 0 0;
            color: var(--bs-component-color);
            font-weight: 600;
            box-shadow: none;
            transition: all .2s linear;
            border-radius: 4px
        }

        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour:focus,
        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian:focus,
        .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute:focus {
            border-color: #67abe9;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .bootstrap-timepicker-widget table tbody tr td .glyphicon {
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-up:before {
            content: "\f077"
        }

        .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-down:before {
            content: "\f078"
        }

        .bootstrap-timepicker-widget table tbody tr td a {
            border: none;
            color: #adb5bd;
            padding: .46875rem;
            text-decoration: none;
            border-radius: 4px !important
        }

        .bootstrap-timepicker-widget table tbody tr td a:focus,
        .bootstrap-timepicker-widget table tbody tr td a:hover {
            background: var(--bs-component-dropdown-hover-bg);
            color: var(--bs-component-hover-color)
        }

        .bootstrap-timepicker-widget table tbody tr td.separator {
            padding: 0 .46875rem
        }

        .bootstrap-timepicker-widget:before {
            display: none !important
        }

        .bootstrap-timepicker-widget:after {
            inset-inline-start: .9375rem !important;
            top: -.46875rem !important;
            border-width: .46875rem !important;
            border-bottom-color: var(--bs-component-dropdown-bg) !important
        }

        .bootstrap-timepicker-widget.dropdown-menu {
            padding: .46875rem !important;
            border-radius: 6px !important;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
            top: auto !important;
            bottom: -.46875rem;
            border-top-color: var(--bs-component-dropdown-bg) !important
        }

        .wysihtml5-sandbox {
            width: 100% !important;
            border: none !important;
            padding: .9375rem !important;
            border-radius: 0 !important
        }

        body ul.wysihtml5-toolbar {
            padding: .9375rem .9375rem .46875rem !important;
            border-bottom: 1px solid var(--bs-component-border-color);
            background: var(--bs-light);
            display: flex;
            flex-wrap: wrap
        }

        body ul.wysihtml5-toolbar>li {
            float: none;
            margin: 0 .46875rem .46875rem 0
        }

        body ul.wysihtml5-toolbar .btn.btn-default {
            background: var(--bs-component-bg);
            border-color: var(--bs-component-border-color)
        }

        body ul.wysihtml5-toolbar .btn.btn-default:focus,
        body ul.wysihtml5-toolbar .btn.btn-default:hover {
            background: var(--bs-component-hover-bg)
        }

        body ul.wysihtml5-toolbar .btn.btn-default.wysihtml5-command-active {
            background: var(--bs-component-active-bg);
            border-color: var(--bs-component-active-bg);
            color: var(--bs-component-active-color);
            box-shadow: none
        }

        body ul.wysihtml5-toolbar .glyphicon {
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:before {
            display: none
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:after {
            content: "\f10d"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-list:before {
            content: "\f03a"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-right:before {
            content: "\f038"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-left:before {
            content: "\f036"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-th-list:before {
            content: "\f00b"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-share:before {
            content: "\f064"
        }

        body ul.wysihtml5-toolbar .glyphicon.glyphicon-picture:before {
            content: "\f03e"
        }

        body ul.wysihtml5-toolbar .dropdown-menu {
            list-style-type: none;
            margin: 0;
            padding: .5rem 0
        }

        body ul.wysihtml5-toolbar .dropdown-menu>li>a {
            display: block;
            padding: .309375rem .9375rem;
            color: rgba(var(--bs-component-color-rgb), .85);
            text-decoration: none
        }

        body ul.wysihtml5-toolbar .dropdown-menu>li>a:focus,
        body ul.wysihtml5-toolbar .dropdown-menu>li>a:hover {
            background: var(--bs-component-dropdown-hover-bg);
            color: var(--bs-component-color)
        }

        body .dt-container.dt-bootstrap5>.row.mt-2 {
            margin-top: .703125rem !important
        }

        body .dt-container.dt-bootstrap5>.row.mt-2:first-child {
            margin-top: 0 !important
        }

        body .dt-container.dt-bootstrap5 div.dt-length select {
            margin-right: 0;
            margin-inline-end: .46875rem
        }

        body .dt-container.dt-bootstrap5 div.dt-search {
            text-align: end
        }

        body .dt-container.dt-bootstrap5 div.dt-search input {
            margin: 0;
            margin-inline-start: .46875rem
        }

        body .dt-container.dt-bootstrap5 .dt-paging .pagination {
            margin: 0
        }

        body .dt-container.dt-bootstrap5 .dt-info {
            padding-top: 0;
            height: 100%;
            display: flex;
            align-items: center
        }

        @media (max-width:767.98px) {
            body .dt-container.dt-bootstrap5 .dt-info {
                justify-content: center
            }
        }

        body .dt-container.dt-bootstrap5 .dtcr-moving {
            box-shadow: none;
            background: var(--bs-table-striped-bg) !important;
            border-color: var(--bs-component-active-bg) !important
        }

        body .dt-container.dt-bootstrap5 .dt-scroll .dt-scroll-head .table.table-bordered th {
            border-top: 1px solid var(--bs-border-color)
        }

        body .dt-container.dt-bootstrap5 table.dataTable tfoot td,
        body .dt-container.dt-bootstrap5 table.dataTable tfoot th,
        body .dt-container.dt-bootstrap5 table.dataTable thead td,
        body .dt-container.dt-bootstrap5 table.dataTable thead th {
            text-align: start
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th {
            text-align: start
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc:hover,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-desc:hover,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc:hover,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-desc:hover {
            outline: 2px solid var(--bs-table-border-color);
            outline-offset: -2px
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order {
            inset-inline-end: 0
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:before,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:before {
            display: none
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after {
            content: "";
            opacity: 1;
            color: rgba(var(--bs-body-color-rgb), .5);
            top: 0;
            bottom: 0;
            font-size: 14px;
            display: flex;
            align-items: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc .dt-column-order:after {
            content: "\f0dc"
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:after {
            content: "\f0dd";
            color: #348fe2
        }

        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:after,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:after {
            content: "\f0de";
            color: #348fe2
        }

        body .dt-container.dt-bootstrap5 table.dataTable tbody>tr>td.dt-type-date,
        body .dt-container.dt-bootstrap5 table.dataTable tbody>tr>td.dt-type-numeric,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-type-date,
        body .dt-container.dt-bootstrap5 table.dataTable thead>tr>th.dt-type-numeric {
            text-align: initial
        }

        body .dt-container.dt-bootstrap5 table.dataTable tbody td.focus,
        body .dt-container.dt-bootstrap5 table.dataTable tbody th.focus {
            outline: 2px solid var(--bs-component-active-bg);
            outline-offset: -2px
        }

        body .dt-container.dt-bootstrap5 table.dataTable.table-bordered td:last-child,
        body .dt-container.dt-bootstrap5 table.dataTable.table-bordered th:last-child {
            border-inline-end-color: var(--bs-border-color)
        }

        body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:before {
            content: "+";
            background: 0 0;
            color: var(--bs-inverse);
            font-size: 10px;
            width: 18px;
            height: 18px;
            border-radius: 4px;
            background: var(--bs-gray-400);
            box-shadow: none;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            border: none;
            margin-inline-end: .46875rem !important;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:focus:before,
        body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr td.dtr-control:hover:before {
            border: none;
            background: var(--bs-gray-600);
            color: var(--bs-white)
        }

        body .dt-container.dt-bootstrap5 table.dataTable.dtr-inline.collapsed tr.dtr-expanded td.dtr-control:before {
            content: "\f068";
            border: none;
            background: var(--bs-component-active-bg);
            color: var(--bs-component-active-color)
        }

        body .dt-container.dt-bootstrap5 table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
            box-shadow: none;
            background: var(--bs-table-striped-bg)
        }

        body .dt-container.dt-bootstrap5 table.dataTable.table-striped>tbody>tr.selected>* {
            box-shadow: none;
            background: var(--bs-highlight-bg);
            color: var(--bs-highlight-color)
        }

        body table.dataTable tfoot td,
        body table.dataTable tfoot th,
        body table.dataTable thead td,
        body table.dataTable thead th {
            text-align: start
        }

        body .dtfh-floatingparent {
            z-index: 1020 !important
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td,
        body .dtfh-floatingparent table.dataTable thead>tr>th {
            background: var(--bs-component-bg)
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc:hover,
        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-desc:hover,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc:hover,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-desc:hover {
            outline: 2px solid var(--bs-table-border-color);
            outline-offset: -2px
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order,
        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order {
            inset-inline-end: 6px
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,
        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:before,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:before {
            display: none
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after {
            content: "";
            opacity: 1;
            color: rgba(var(--bs-body-color-rgb), .5);
            top: 0;
            bottom: 0;
            font-size: 14px;
            display: flex;
            align-items: center;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc .dt-column-order:after {
            content: "\f0dc"
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:after {
            content: "\f0dd";
            color: #348fe2
        }

        body .dtfh-floatingparent table.dataTable thead>tr>td.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:after,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:after {
            content: "\f0de";
            color: #348fe2
        }

        body .dtfh-floatingparent table.dataTable tbody>tr>td.dt-type-date,
        body .dtfh-floatingparent table.dataTable tbody>tr>td.dt-type-numeric,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-type-date,
        body .dtfh-floatingparent table.dataTable thead>tr>th.dt-type-numeric {
            text-align: initial
        }

        body .dtfh-floatingparent table.dataTable.table-bordered td:last-child,
        body .dtfh-floatingparent table.dataTable.table-bordered th:last-child {
            border-inline-end-color: var(--bs-border-color)
        }

        body .dt-rowReorder-float-parent {
            outline: 2px solid var(--bs-component-active-bg) !important;
            border-radius: 0 !important
        }

        body .dt-rowReorder-float-parent table.dt-rowReorder-float {
            background: var(--bs-component-bg) !important
        }

        body #Datepickk .d-calendar {
            background: 0 0;
            font-size: .825rem;
            color: var(--bs-component-color)
        }

        body #Datepickk .d-calendar .d-header {
            background: 0 0 !important;
            padding: .703125rem .9375rem .234375rem;
            color: var(--bs-component-color) !important;
            font-weight: 600;
            font-size: 1.09375rem;
            text-transform: capitalize;
            display: flex;
            align-items: center
        }

        body #Datepickk .d-calendar .d-header #d-next,
        body #Datepickk .d-calendar .d-header #d-previous {
            border: none;
            transform: none;
            position: relative;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            height: auto;
            font-size: .875rem;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body #Datepickk .d-calendar .d-header #d-next:after,
        body #Datepickk .d-calendar .d-header #d-next:before,
        body #Datepickk .d-calendar .d-header #d-previous:after,
        body #Datepickk .d-calendar .d-header #d-previous:before {
            position: relative;
            border: none;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0
        }

        body #Datepickk .d-calendar .d-header #d-next:before,
        body #Datepickk .d-calendar .d-header #d-previous:before {
            content: "\f053"
        }

        body #Datepickk .d-calendar .d-header #d-next:hover,
        body #Datepickk .d-calendar .d-header #d-previous:hover {
            background: 0 0;
            opacity: .5
        }

        body #Datepickk .d-calendar .d-header #d-next:before {
            content: "\f054"
        }

        body #Datepickk .d-calendar .d-header p {
            flex: 1;
            margin: 0
        }

        body #Datepickk .d-calendar .d-header p .d-year {
            margin: 0 .234375rem
        }

        body #Datepickk .d-calendar .d-month-picker,
        body #Datepickk .d-calendar .d-year-picker {
            background: var(--bs-light)
        }

        body #Datepickk .d-calendar .d-month-picker.d-show,
        body #Datepickk .d-calendar .d-year-picker.d-show {
            height: 36px
        }

        body #Datepickk .d-calendar .d-month-picker>div,
        body #Datepickk .d-calendar .d-year-picker>div {
            color: var(--bs-component-color);
            line-height: 36px
        }

        body #Datepickk .d-calendar .d-month-picker>div:focus,
        body #Datepickk .d-calendar .d-month-picker>div:hover,
        body #Datepickk .d-calendar .d-year-picker>div:focus,
        body #Datepickk .d-calendar .d-year-picker>div:hover {
            background: rgba(var(--bs-component-color-rgb), .15)
        }

        body #Datepickk .d-calendar .d-month-picker>div.current,
        body #Datepickk .d-calendar .d-year-picker>div.current {
            background: var(--bs-app-theme);
            color: var(--bs-app-theme-color)
        }

        body #Datepickk .d-calendar .d-weekdays .d-week {
            display: flex;
            background: 0 0;
            font-weight: 700;
            font-size: .6875rem;
            color: var(--bs-component-color)
        }

        body #Datepickk .d-calendar .d-weekdays .d-week>div p {
            margin: .46875rem 0 .328125rem .234375rem;
            text-transform: uppercase
        }

        body #Datepickk .d-calendar .d-tables .d-table {
            display: flex !important
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label {
            background: 0 0 !important
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label text {
            width: 36px;
            height: 36px;
            border-radius: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label .d-tooltip {
            background: #20252a;
            font-size: .6875rem;
            white-space: nowrap;
            border-radius: 4px;
            padding: .234375rem .46875rem;
            font-weight: 600
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label .d-tooltip:before {
            border-bottom-color: #20252a
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label.today text {
            background: var(--bs-light)
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label.today text:before {
            background: 0 0
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label.next,
        body #Datepickk .d-calendar .d-tables .d-table input+label.prev {
            color: var(--bs-component-disabled-color)
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label [data-tooltip]:after {
            content: "";
            background: var(--bs-danger);
            inset-inline-start: 50%;
            width: 4px;
            height: 4px;
            bottom: 5px;
            top: auto;
            margin-inline-start: -2px
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label:hover {
            background: 0 0
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label:hover text {
            background: var(--bs-light);
            color: var(--bs-component-color)
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label:before {
            background-color: var(--bs-light)
        }

        body #Datepickk .d-calendar .d-tables .d-table input+label:before {
            top: 0;
            height: 100%;
            width: 100%;
            inset-inline-start: 0;
            border-radius: 0
        }

        body #Datepickk .d-calendar .d-tables .d-table input:checked+label:before {
            background-color: var(--bs-light);
            color: var(--bs-component-color)
        }

        body #Datepickk .d-calendar .d-tables.range:not(.before) input:not(.single):checked+label,
        body #Datepickk .d-calendar .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden) {
            color: var(--bs-component-color) !important
        }

        body #Datepickk .d-calendar .d-tables.range:not(.before) input:not(.single):checked+label,
        body #Datepickk .d-calendar .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before,
        body #Datepickk .d-calendar .d-tables.range:not(.before) input:not(.single):checked~input:checked+label {
            background-color: var(--bs-light);
            color: var(--bs-component-color) !important
        }

        .dropzone {
            border: 2px dashed var(--bs-component-border-color) !important;
            background: 0 0 !important
        }

        .dropzone .dz-message {
            font-weight: 300 !important;
            color: inherit !important;
            font-size: 1.875rem !important;
            text-align: center !important;
            margin: 2.8125rem 0 !important
        }

        .dropzone .dz-message .dz-note {
            font-size: .875rem !important;
            font-weight: 400 !important;
            display: block !important;
            margin-top: .9375rem;
            color: #adb5bd
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 6px !important
        }

        .dropzone .dz-preview .dz-error-message {
            background: #ff5b57 !important
        }

        .dropzone .dz-preview .dz-error-message:after {
            border-bottom-color: #ff5b57 !important
        }

        .dropzone .dz-preview .dz-details .dz-filename span,
        .dropzone .dz-preview .dz-details .dz-size span {
            background: 0 0 !important
        }

        .dropzone .dz-preview .dz-error-mark {
            z-index: 1020 !important
        }

        .dropzone .dz-preview .dz-error-mark:before {
            content: "\f00d";
            width: 54px;
            height: 54px;
            background: #c6ced5;
            font-size: 28px;
            color: #6f8293;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .dropzone .dz-preview .dz-error-mark:focus:before,
        .dropzone .dz-preview .dz-error-mark:hover:before {
            background: #9ba8b4;
            color: #4e5c68
        }

        .dropzone .dz-preview .dz-error-mark svg {
            display: none !important
        }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            background: #f2f3f4 !important;
            border-radius: 4px !important
        }

        .dropzone .dz-preview.dz-image-preview {
            background: 0 0 !important
        }

        .dropzone.dz-clickable:focus,
        .dropzone.dz-clickable:hover {
            background: var(--bs-light) !important
        }

        .dropzone.dz-clickable .dz-message {
            cursor: pointer
        }

        .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

        .dropzone.dz-clickable.dz-started:focus,
        .dropzone.dz-clickable.dz-started:hover {
            background: 0 0 !important
        }

        .inverse-mode .dropzone {
            border-color: rgba(255, 255, 255, .25) !important
        }

        .inverse-mode .dropzone .dz-clickable:focus,
        .inverse-mode .dropzone .dz-clickable:hover {
            background: rgba(255, 255, 255, .15) !important
        }

        .inverse-mode .dropzone .dz-message {
            color: inherit !important
        }

        .inverse-mode .dropzone .dz-message .dz-note {
            color: rgba(255, 255, 255, .75) !important
        }

        .legend {
            background: rgba(var(--bs-component-bg-rgb), .9);
            border: 1px solid var(--bs-component-border-color);
            z-index: 1010
        }

        .legend .legendLayer .background {
            fill: none
        }

        .legend .legendLayer text {
            fill: var(--bs-component-color)
        }

        .flot-x-axis,
        .flot-y-axis {
            fill: var(--bs-component-color)
        }

        .flot-tooltip {
            position: absolute;
            display: none;
            border: 0;
            padding: 6px 10px;
            color: rgba(255, 255, 255, .9);
            font-weight: 600;
            font-size: 11px;
            background: rgba(26, 34, 41, .85);
            z-index: 10000 !important;
            border-radius: 4px
        }

        :dir(rtl) .fc {
            direction: rtl
        }

        .fc .fc-view {
            background: var(--bs-component-bg)
        }

        .fc .fc-view table.table-bordered {
            border-top: 1px solid var(--bs-component-table-border-color);
            border-bottom: 1px solid var(--bs-component-table-border-color)
        }

        .fc .fc-view table>:not(caption)>* {
            border-width: 1px 0;
            border-color: var(--bs-component-table-border-color)
        }

        .fc .fc-view table>:not(caption)>*>* {
            border-width: 0 1px;
            border-color: var(--bs-component-table-border-color)
        }

        .fc .fc-view table>:not(caption)>*>.fc-timegrid-divider {
            background: var(--bs-component-table-border-color)
        }

        .fc .fc-view .fc-event:not(.fc-h-event):hover {
            background-color: rgba(var(--bs-component-color-rgb), .1);
            border-color: rgba(var(--bs-component-color-rgb), .1)
        }

        .fc .fc-view .fc-event.fc-h-event {
            background: #348fe2;
            border-color: #348fe2
        }

        .fc .fc-view a {
            text-decoration: none
        }

        .fc .fc-event-dragging {
            background-color: #adb5bd !important;
            border-color: #adb5bd !important
        }

        .fc .fc-timeGridDay-view,
        .fc .fc-timeGridWeek-view {
            position: relative !important
        }

        .fc .fc-timeGridDay-view .fc-scroller-liquid-absolute,
        .fc .fc-timeGridWeek-view .fc-scroller-liquid-absolute {
            position: relative !important
        }

        .fc .fc-timegrid-event-harness-inset .fc-timegrid-event,
        .fc .fc-timegrid-event.fc-event-mirror,
        .fc .fc-timegrid-more-link {
            box-shadow: none
        }

        .fc-event-list .fc-event {
            background: 0 0;
            border: none;
            color: var(--bs-component-color);
            font-size: .75rem;
            line-height: 1.2;
            font-weight: 600;
            position: relative;
            background: var(--bs-component-bg);
            margin-bottom: .46875rem;
            border-radius: 4px;
            display: flex
        }

        :dir(ltr) .fc-event-list .fc-event {
            padding: .46875rem .9375rem .46875rem 2.34375rem
        }

        :dir(rtl) .fc-event-list .fc-event {
            padding: .46875rem 2.34375rem .46875rem .9375rem
        }

        .fc-event-list .fc-event+.fc-event {
            margin-top: 0
        }

        .fc-event-list .fc-event .fc-event-text {
            flex: 1
        }

        .fc-event-list .fc-event .fc-event-icon {
            display: flex;
            align-items: center
        }

        .fc-event-list .fc-event.ui-draggable-dragging {
            border: 1px solid #ced4da
        }

        .fc-event-list .fc-event:before {
            content: "\f0b2";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1.875rem;
            text-align: center;
            font-size: .875rem;
            background: rgba(var(--bs-component-color-rgb), .075);
            color: rgba(var(--bs-component-color-rgb), .5);
            display: flex;
            align-items: center;
            justify-content: center;
            inset-inline-start: 0;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        :dir(ltr) .fc-event-list .fc-event:before {
            border-radius: 4px 0 0 4px
        }

        :dir(rtl) .fc-event-list .fc-event:before {
            border-radius: 0 4px 4px 0
        }

        .fc-event-list .fc-event:focus,
        .fc-event-list .fc-event:hover {
            cursor: pointer;
            background: var(--bs-component-bg)
        }

        .fc-event-list .fc-event:focus:before,
        .fc-event-list .fc-event:hover:before {
            color: var(--bs-component-color)
        }

        .fc-event.fc-event-dragging {
            background: #fff;
            position: relative;
            padding: .46875rem .9375rem;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
            display: flex;
            align-items: center;
            border-radius: 4px
        }

        .fc-event.fc-event-dragging .fc-event-text {
            flex: 1
        }

        body #gritter-notice-wrapper {
            width: 420px;
            z-index: 1030;
            inset-inline-end: 1.246875rem;
            top: 1.246875rem
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper {
                width: auto;
                inset-inline-end: 0;
                top: 0;
                padding: 15px 20px;
                max-width: 360px
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper {
            background: 0 0;
            background: rgba(var(--bs-gray-900-rgb), .95);
            border-radius: 4px;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
        }

        .dark-mode body #gritter-notice-wrapper .gritter-item-wrapper {
            background: rgba(var(--bs-gray-700-rgb), .95)
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-bottom,
        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-top {
            background: 0 0;
            display: none
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
            font-family: inherit;
            padding: .703125rem .9375rem;
            background: 0 0;
            display: flex;
            flex: 1;
            align-items: center;
            padding-inline-end: 100px
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
                padding: .9375rem;
                padding-inline-end: 80px
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image,
        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image {
            float: none;
            width: auto;
            flex: 1
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
            margin: 0;
            height: auto;
            border-radius: 80px;
            margin-inline-end: .9375rem
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
                width: 36px
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
            font-size: .9375rem;
            line-height: 1.2;
            padding: 0;
            margin-bottom: 2px;
            font-weight: 600;
            color: #fff;
            text-shadow: none;
            display: block
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
                font-size: .875rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
            font-size: .6875rem;
            line-height: 1.5;
            color: #adb5bd
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
                max-height: 2.0625rem;
                overflow: hidden
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
            inset-inline-start: auto;
            inset-inline-end: 0;
            top: 0;
            bottom: 0;
            background: 0 0;
            width: 85px;
            height: auto;
            display: block !important;
            font-family: inherit;
            color: #adb5bd;
            border-inline-start: 1px solid rgba(255, 255, 255, .1)
        }

        @media (max-width:575.98px) {
            body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
                width: 65px
            }
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:before {
            content: "Close";
            position: absolute;
            text-align: center;
            top: 0;
            inset-inline-end: 0;
            inset-inline-start: 0;
            bottom: 0;
            color: inherit;
            z-index: 10;
            text-indent: 0;
            font-family: inherit;
            font-size: .75rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center
        }

        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:focus,
        body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover {
            color: #fff;
            outline: 0
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light {
            background: rgba(255, 255, 255, .98)
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-bottom,
        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item,
        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-top {
            color: #6c757d
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item .gritter-title {
            color: #20252a
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item p {
            color: #495057
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close {
            border-color: #dee2e6;
            color: #6f8293
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:focus:before,
        body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:hover:before {
            color: #20252a
        }

        body #gritter-notice-wrapper .gritter-item-wrapper.without-rounded-img .gritter-item .gritter-image {
            border-radius: 0
        }

        .hljs-wrapper {
            --bs-hljs-color: rgba(32, 37, 42, 0.5);
            --bs-hljs-tag-color: #1968b0;
            --bs-hljs-attr-color: #4a9be5;
            --bs-hljs-string-color: #ff3631;
            --bs-hljs-comment-color: #8c9ba9;
            background: var(--bs-light);
            position: relative;
            border-radius: 4px
        }

        .hljs-wrapper pre {
            border: none;
            padding: 0;
            background: 0 0;
            margin: 0;
            border-radius: 0
        }

        .hljs-wrapper pre .hljs,
        .hljs-wrapper pre.hljs {
            padding: 15px;
            display: block;
            overflow-x: auto;
            border: none;
            font-size: 12px;
            background: 0 0;
            color: var(--bs-hljs-color);
            border-radius: 0
        }

        .hljs-wrapper pre .hljs .hljs-deletion,
        .hljs-wrapper pre .hljs .hljs-name,
        .hljs-wrapper pre .hljs .hljs-section,
        .hljs-wrapper pre .hljs .hljs-selector-tag,
        .hljs-wrapper pre .hljs .hljs-subst,
        .hljs-wrapper pre .hljs .hljs-tag,
        .hljs-wrapper pre.hljs .hljs-deletion,
        .hljs-wrapper pre.hljs .hljs-name,
        .hljs-wrapper pre.hljs .hljs-section,
        .hljs-wrapper pre.hljs .hljs-selector-tag,
        .hljs-wrapper pre.hljs .hljs-subst,
        .hljs-wrapper pre.hljs .hljs-tag {
            color: var(--bs-hljs-tag-color)
        }

        .hljs-wrapper pre .hljs .hljs-attr,
        .hljs-wrapper pre .hljs .hljs-number,
        .hljs-wrapper pre .hljs .hljs-selector-attr,
        .hljs-wrapper pre .hljs .hljs-selector-class,
        .hljs-wrapper pre .hljs .hljs-selector-pseudo,
        .hljs-wrapper pre .hljs .hljs-template-variable,
        .hljs-wrapper pre .hljs .hljs-type,
        .hljs-wrapper pre .hljs .hljs-variable,
        .hljs-wrapper pre.hljs .hljs-attr,
        .hljs-wrapper pre.hljs .hljs-number,
        .hljs-wrapper pre.hljs .hljs-selector-attr,
        .hljs-wrapper pre.hljs .hljs-selector-class,
        .hljs-wrapper pre.hljs .hljs-selector-pseudo,
        .hljs-wrapper pre.hljs .hljs-template-variable,
        .hljs-wrapper pre.hljs .hljs-type,
        .hljs-wrapper pre.hljs .hljs-variable {
            color: var(--bs-hljs-attr-color)
        }

        .hljs-wrapper pre .hljs .hljs-addition,
        .hljs-wrapper pre .hljs .hljs-attribute,
        .hljs-wrapper pre .hljs .hljs-meta-string,
        .hljs-wrapper pre .hljs .hljs-regexp,
        .hljs-wrapper pre .hljs .hljs-string,
        .hljs-wrapper pre.hljs .hljs-addition,
        .hljs-wrapper pre.hljs .hljs-attribute,
        .hljs-wrapper pre.hljs .hljs-meta-string,
        .hljs-wrapper pre.hljs .hljs-regexp,
        .hljs-wrapper pre.hljs .hljs-string {
            color: var(--bs-hljs-string-color)
        }

        .hljs-wrapper pre .hljs .hljs-comment,
        .hljs-wrapper pre.hljs .hljs-comment {
            color: var(--bs-hljs-comment-color)
        }

        .hljs-wrapper .btn-clipboard {
            position: absolute;
            inset-inline-end: 10px;
            top: 10px
        }

        [data-bs-theme=dark] .hljs-wrapper {
            --bs-hljs-color: rgba(255, 255, 255, 0.5);
            --bs-hljs-tag-color: rgba(164, 205, 242, 0.5);
            --bs-hljs-attr-color: #77b4ec;
            --bs-hljs-string-color: #40c1c1
        }

        .panel-body+.hljs-wrapper {
            border-radius: 0 0 4px 4px
        }

        .modal .hljs-wrapper {
            margin-top: -1px;
            border-radius: 0
        }

        .modal .hljs-wrapper+.modal-footer {
            border-top: none
        }

        body .introjs-overlay {
            background: #20252a
        }

        body .introjs-tooltipReferenceLayer {
            font-family: inherit
        }

        body .introjs-tooltipReferenceLayer * {
            font-family: inherit
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip {
            background-color: var(--bs-component-dropdown-bg);
            border-radius: 4px;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header {
            padding: .75rem .9375rem;
            display: flex;
            align-items: center
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-tooltip-title {
            float: none;
            line-height: 1.2;
            flex: 1
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
            text-decoration: none;
            padding: 0;
            float: none
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
            padding: .75rem .9375rem
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets {
            padding: .75rem .9375rem
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a {
            background: var(--bs-light)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a:hover {
            background: #dee2e6
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets ul li a.active {
            background: #adb5bd
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-progress {
            margin: .75rem .9375rem;
            background: var(--bs-light)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-progress .introjs-progressbar {
            background: var(--bs-component-active-bg)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
            padding: .75rem .9375rem;
            border-color: var(--bs-component-dropdown-border-color);
            display: flex;
            flex-wrap: wrap
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top {
            border-bottom-color: var(--bs-component-bg)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.bottom {
            border-top-color: var(--bs-component-bg)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.left {
            border-inline-end-color: var(--bs-component-bg)
        }

        body .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.right {
            border-inline-start-color: var(--bs-component-bg)
        }

        body .introjs-hint .introjs-hint-dot {
            border-color: rgba(108, 117, 125, .45)
        }

        body .introjs-hint .introjs-hint-pulse {
            background-color: rgba(108, 117, 125, .3);
            border-color: rgba(108, 117, 125, .3)
        }

        body .introjs-hint:hover .introjs-hint-pulse {
            border-color: rgba(108, 117, 125, .45);
            background-color: rgba(108, 117, 125, .45)
        }

        body .introjs-helperNumberLayer {
            font-size: 36px;
            background: 0 0;
            color: #fff;
            font-family: inherit;
            border: none;
            text-shadow: none;
            padding: 0;
            text-align: center;
            width: 36px;
            height: 36px;
            line-height: 36px;
            inset-inline-start: -46px;
            top: 0;
            box-shadow: none
        }

        body .introjs-helperLayer {
            border: none;
            border-radius: 4px;
            box-shadow: transparent 0 0 1px 2px, rgba(32, 37, 42, .5) 0 0 0 5000px !important
        }

        body .introjs-button {
            background: #e9ecef;
            border-color: #e9ecef;
            text-shadow: none;
            color: #20252a;
            padding: .3125rem .625rem;
            font-size: .75rem;
            font-weight: 600;
            min-width: 60px;
            text-align: center;
            box-shadow: none;
            border-radius: 4px
        }

        body .introjs-button:focus,
        body .introjs-button:hover {
            background: #dee2e6;
            border-color: #dee2e6;
            box-shadow: none
        }

        body .introjs-button.introjs-disabled,
        body .introjs-button.introjs-disabled:focus,
        body .introjs-button.introjs-disabled:hover {
            color: #adb5bd;
            background: #e9ecef;
            border-color: #e9ecef
        }

        :dir(rtl) body .introjs-button.introjs-skipbutton {
            margin-inline-end: 0;
            margin-inline-start: 5px
        }

        body .introjs-button.introjs-prevbutton {
            margin-inline-end: auto
        }

        .irs {
            font-family: inherit !important
        }

        .irs .irs .irs-line {
            height: 4px;
            top: 30px;
            background: var(--bs-component-border-color);
            border: none
        }

        .irs .irs .irs-from,
        .irs .irs .irs-single,
        .irs .irs .irs-to {
            background: #2d353c;
            font-size: .6875rem;
            font-weight: 600
        }

        .irs .irs .irs-from:before,
        .irs .irs .irs-single:before,
        .irs .irs .irs-to:before {
            border-top-color: #2d353c
        }

        .dark-mode .irs .irs .irs-from,
        .dark-mode .irs .irs .irs-single,
        .dark-mode .irs .irs .irs-to {
            background: #6c757d
        }

        .dark-mode .irs .irs .irs-from:before,
        .dark-mode .irs .irs .irs-single:before,
        .dark-mode .irs .irs .irs-to:before {
            border-top-color: #6c757d
        }

        .irs .irs .irs-max,
        .irs .irs .irs-min {
            color: #2d353c;
            font-size: .6875rem;
            font-weight: 600;
            background: #dee2e6
        }

        .irs.irs--flat .irs-bar {
            height: 4px;
            top: 30px;
            background: var(--bs-component-active-bg)
        }

        .irs.irs--flat .irs-handle {
            height: 14px;
            top: 25px
        }

        .irs.irs--flat .irs-handle>i:first-child {
            background: #348fe2;
            width: 4px;
            margin-inline-start: -2px
        }

        .irs.irs--flat .irs-handle.state_hover>i:first-child,
        .irs.irs--flat .irs-handle:focus>i:first-child,
        .irs.irs--flat .irs-handle:hover>i:first-child {
            background: #276baa
        }

        .irs.irs--big {
            height: 40px
        }

        .irs.irs--big .irs-bar {
            height: 4px;
            top: 30px;
            background: #348fe2;
            box-shadow: none
        }

        .irs.irs--big .irs-handle {
            top: 21px;
            width: 20px;
            height: 20px;
            background: #fff;
            border: none;
            box-shadow: 0 2px 5px rgba(32, 37, 42, .2)
        }

        .irs.irs--big .irs-handle.state_hover,
        .irs.irs--big .irs-handle:focus,
        .irs.irs--big .irs-handle:hover {
            background: #fff;
            box-shadow: 0 2px 5px rgba(32, 37, 42, .4)
        }

        .ui-widget {
            font-family: inherit
        }

        .ui-widget.ui-autocomplete {
            padding: .46875rem 0;
            border: none;
            font-size: .75rem;
            background-color: var(--bs-component-dropdown-bg);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            border-radius: 0 0 4px 4px
        }

        .ui-widget.ui-autocomplete .ui-menu-item-wrapper {
            padding: .5rem 1rem;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb), .85)
        }

        .ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
            background: var(--bs-component-dropdown-hover-bg);
            border: none;
            color: var(--bs-component-hover-color);
            margin: 0;
            border-radius: 0
        }

        .ui-sortable .panel-heading {
            cursor: move
        }

        .ui-sortable .ui-sortable-placeholder {
            border: 1px dashed #9ba8b4 !important;
            visibility: visible !important;
            background: 0 0 !important;
            margin: 0 !important
        }

        .ui-sortable .ui-sortable-placeholder.panel {
            margin: -1px -1px 19px !important;
            box-shadow: none !important
        }

        .ui-sortable.ui-sortable-disabled .panel-heading {
            cursor: default
        }

        .row>[class^=col-].ui-sortable {
            min-height: 50px
        }

        .jstree .jstree-container-ul .jstree-node {
            position: relative;
            background: 0 0 !important
        }

        .jstree .jstree-container-ul .jstree-node:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 1px;
            inset-inline-start: .703125rem;
            border-inline-start: 1px dotted var(--bs-component-border-color)
        }

        .jstree .jstree-container-ul .jstree-node:last-child:before {
            bottom: 11px
        }

        .jstree .jstree-container-ul .jstree-node>.jstree-icon.jstree-ocl {
            position: relative;
            background: 0 0
        }

        .jstree .jstree-container-ul .jstree-node>.jstree-icon.jstree-ocl:before {
            content: "";
            position: absolute;
            inset-inline-start: 50%;
            inset-inline-end: 1px;
            top: 50%;
            border-top: 1px dotted var(--bs-component-border-color)
        }

        .jstree .jstree-container-ul .jstree-node>.jstree-icon.jstree-ocl:after {
            content: "";
            position: absolute;
            top: 50%;
            inset-inline-start: 50%;
            margin-inline-start: -3px;
            margin-top: -3px;
            border: 5px solid transparent;
            transition: all .2s linear
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor {
            color: rgba(var(--bs-component-color-rgb), .75);
            font-weight: 600
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox {
            background: 0 0
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:before {
            content: "";
            position: absolute;
            inset-inline-start: 4px;
            top: 4px;
            inset-inline-end: 4px;
            bottom: 4px;
            border: 1px solid var(--bs-component-border-color);
            display: block;
            background: var(--bs-component-bg);
            border-radius: 3px
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:after {
            content: "";
            position: absolute;
            inset-inline-start: 7px;
            top: 7px;
            inset-inline-end: 7px;
            bottom: 7px;
            display: block;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox.jstree-undetermined:after {
            background: var(--bs-component-border-color)
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked {
            color: var(--bs-component-color)
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked .jstree-icon.jstree-checkbox:after {
            content: "\f00c";
            font-size: 10px;
            line-height: 15px;
            color: rgba(var(--bs-component-color-rgb), .75);
            top: 5px;
            inset-inline-start: 5px;
            inset-inline-end: 5px;
            bottom: 5px
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled {
            color: rgba(var(--bs-component-color-rgb), .25)
        }

        .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled>.jstree-icon {
            opacity: .4;
            filter: none
        }

        .jstree .jstree-container-ul .jstree-node .jstree-hovered,
        .jstree .jstree-container-ul .jstree-node .jstree-wholerow-hovered {
            background: 0 0;
            color: rgba(var(--bs-component-color-rgb), 1);
            box-shadow: none
        }

        .jstree .jstree-container-ul .jstree-node .jstree-clicked,
        .jstree .jstree-container-ul .jstree-node .jstree-wholerow-clicked {
            background: var(--bs-light);
            box-shadow: none
        }

        .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor>.fa-folder:before {
            content: "\f07c";
            color: rgba(var(--bs-component-color-rgb), .35)
        }

        .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor.jstree-clicked>.fa-folder:before {
            color: var(--bs-component-color)
        }

        .jstree .jstree-container-ul .jstree-node.jstree-open>.jstree-ocl:after {
            border-inline-start-color: rgba(var(--bs-component-color-rgb), .25);
            transform: rotate(45deg)
        }

        .jstree .jstree-container-ul .jstree-node.jstree-closed>.jstree-ocl:after {
            border-inline-start-color: rgba(var(--bs-component-color-rgb), .25);
            margin-top: -5px;
            transform: rotate(0)
        }

        .jvectormap-container .jvectormap-zoomin,
        .jvectormap-container .jvectormap-zoomout {
            width: 16px;
            height: 16px;
            padding: 0;
            inset-inline-start: .9375rem;
            color: var(--bs-component-color);
            background: var(--bs-component-secondary-bg);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .jvectormap-container .jvectormap-zoomin:focus,
        .jvectormap-container .jvectormap-zoomin:hover,
        .jvectormap-container .jvectormap-zoomout:focus,
        .jvectormap-container .jvectormap-zoomout:hover {
            background: var(--bs-component-tertiary-bg)
        }

        .jvectormap-container .jvectormap-label {
            padding: 3px 6px;
            border: none;
            background: rgba(0, 0, 0, .6)
        }

        .jvectormap-tip {
            padding: 3px 6px !important;
            border: none !important;
            background: rgba(0, 0, 0, .6) !important
        }

        .map-page .jvectormap-zoomin,
        .map-page .jvectormap-zoomout {
            width: 25px !important;
            height: 25px !important;
            font-size: 1.3125rem;
            inset-inline-start: 30px !important;
            border-radius: 6px
        }

        @media (max-width:767.98px) {

            .map-page .jvectormap-zoomin,
            .map-page .jvectormap-zoomout {
                inset-inline-start: 20px !important
            }
        }

        .map-page .jvectormap-zoomin {
            top: 70px
        }

        @media (max-width:991.98px) {
            .map-page .jvectormap-zoomin {
                top: 100px
            }
        }

        .map-page .jvectormap-zoomout {
            top: 100px
        }

        @media (max-width:991.98px) {
            .map-page .jvectormap-zoomout {
                top: 135px
            }
        }

        .material-icons {
            text-rendering: optimizeLegibility
        }

        html .nvd3-svg {
            direction: ltr
        }

        html .nvtooltip {
            font-family: var(--bs-font-sans-serif);
            font-size: .75rem;
            border: none;
            padding: .234375rem .46875rem;
            background: rgba(var(--bs-component-dropdown-bg-rgb), .95);
            color: var(--bs-component-color);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            border-radius: 8px
        }

        html .nvtooltip table thead tr th strong {
            text-decoration: underline
        }

        html .nvtooltip table tbody td.legend-color-guide div {
            border: none;
            border-radius: 4px
        }

        html .nvd3 line.nv-guideline {
            stroke: rgba(var(--bs-component-color-rgb), .5)
        }

        html .nvd3 .nv-bars text {
            fill: rgba(var(--bs-component-color-rgb), 1)
        }

        html .nvd3 .nv-axis line,
        html .nvd3 .nv-axis path {
            fill: none;
            stroke: rgba(var(--bs-component-color-rgb), .15)
        }

        html .nvd3 .nv-legend-text,
        html .nvd3 .nv-x text,
        html .nvd3 .nv-y text {
            font-family: var(--bs-font-sans-serif);
            fill: rgba(var(--bs-component-color-rgb), 1);
            font-size: .6875rem;
            font-weight: 600
        }

        html .nvd3 .nv-label text {
            fill: rgba(var(--bs-component-color-rgb), 1) !important
        }

        html .nvd3 .nv-discretebar .nv-groups text,
        html .nvd3 .nv-multibarHorizontal .nv-groups text {
            fill: var(--bs-component-color, 1)
        }

        html .nvd3 .nv-legend-symbol {
            stroke-width: 0 !important;
            transform: translate(-1px)
        }

        html .nvd3.nv-pie .nv-label text,
        html .nvd3.nv-pie .nv-pie-title {
            fill: rgba(var(--bs-component-color-rgb), 1) !important
        }

        html .nvd3.nv-pie path {
            stroke: rgba(var(--bs-component-bg-rgb), .2)
        }

        @keyframes pace-spinner {
            0% {
                transform: rotate(0)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .pace-top .pace .pace-progress {
            top: 0 !important
        }

        .pace-top .pace .pace-activity {
            top: 15px !important
        }

        .pace {
            background: 0 0;
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            z-index: 1030;
            opacity: 1;
            transition: opacity 1s
        }

        .pace .pace-progress {
            top: 50px;
            height: 3px;
            background: var(--bs-app-theme);
            transition: all .2s linear
        }

        @media (max-width:767.98px) {
            .pace .pace-progress {
                top: 101px
            }
        }

        .pace .pace-progress .pace-progress-inner {
            display: none
        }

        .pace .pace-activity {
            display: block;
            position: fixed;
            z-index: 1030;
            top: 63px;
            inset-inline-end: 10px;
            width: .9375rem;
            height: .9375rem;
            border: 2px solid transparent;
            border-top-color: var(--bs-app-theme);
            border-inline-start-color: var(--bs-app-theme);
            animation: pace-spinner .4s linear infinite;
            border-radius: 40px
        }

        @media (max-width:575.98px) {
            .pace .pace-activity {
                top: 113px
            }
        }

        .pace.pace-inactive {
            display: block;
            opacity: 0
        }

        .pace-done .pace.pace-inactive {
            display: block
        }

        .parsley-error {
            background-color: transparent !important;
            border-color: #ff5b57 !important;
            color: var(--bs-component-color) !important
        }

        .parsley-error:focus {
            border-color: #ff5b57 !important;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(255, 91, 87, .3) !important
        }

        .parsley-success {
            background-color: transparent !important;
            border-color: #00acac !important;
            color: var(--bs-component-color) !important
        }

        .parsley-success:focus {
            border-color: #00acac !important;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(0, 172, 172, .3) !important
        }

        .parsley-errors-list {
            padding: 0 !important;
            list-style-type: none !important;
            margin: 0 !important;
            color: #ff5b57;
            font-size: .75rem !important;
            line-height: inherit !important
        }

        .parsley-errors-list.filled {
            margin-top: .46875rem !important
        }

        .ps {
            position: relative
        }

        .ps .ps__rail-x {
            z-index: 10
        }

        .ps .ps__rail-x.ps--clicking,
        .ps .ps__rail-x:focus,
        .ps .ps__rail-x:hover {
            background: 0 0
        }

        .ps .ps__rail-y {
            z-index: 10;
            width: 6px !important;
            background: 0 0 !important
        }

        .ps .ps__rail-y.ps--clicking,
        .ps .ps__rail-y:focus,
        .ps .ps__rail-y:hover {
            width: 6px !important;
            background: 0 0 !important
        }

        .ps .ps__rail-y.ps--clicking .ps__thumb-y,
        .ps .ps__rail-y.ps--clicking>.ps__thumb-y,
        .ps .ps__rail-y:focus .ps__thumb-y,
        .ps .ps__rail-y:focus>.ps__thumb-y,
        .ps .ps__rail-y:hover .ps__thumb-y,
        .ps .ps__rail-y:hover>.ps__thumb-y {
            width: 6px !important
        }

        .ps .ps__thumb-y {
            background-color: #adb5bd !important
        }

        .ps .ps__thumb-y.ps--clicking,
        .ps .ps__thumb-y:focus,
        .ps .ps__thumb-y:hover {
            background-color: #adb5bd !important
        }

        .ps.ps-disable-x .ps__rail-x {
            display: none !important
        }

        .powerange-wrapper {
            padding: .703125rem 30px
        }

        :dir(rtl) .powerange-wrapper {
            direction: ltr;
            text-align: start
        }

        .powerange-wrapper .range-bar {
            background: var(--bs-component-border-color)
        }

        .powerange-wrapper .range-bar .range-max,
        .powerange-wrapper .range-bar .range-min {
            color: var(--bs-component-color)
        }

        .powerange-wrapper .range-bar .range-handle {
            cursor: pointer;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
        }

        .powerange-wrapper .range-bar .range-quantity {
            background: #348fe2
        }

        .powerange-wrapper.red .range-bar .range-quantity {
            background: #ff5b57
        }

        .powerange-wrapper.teal .range-bar .range-quantity {
            background: #00acac
        }

        .powerange-wrapper.purple .range-bar .range-quantity {
            background: #727cb6
        }

        .powerange-wrapper.orange .range-bar .range-quantity {
            background: #f59c1a
        }

        .powerange-wrapper.black .range-bar .range-quantity {
            background: #2d353c
        }

        .powerange-wrapper.powerange-without-range {
            padding-inline-start: 0;
            padding-inline-end: 0
        }

        .powerange-wrapper.powerange-vertical {
            padding-inline-start: .9375rem;
            padding-inline-end: .9375rem
        }

        body .ql-container,
        body .ql-toolbar {
            border-color: var(--bs-border-color) !important
        }

        body .ql-container .ql-picker,
        body .ql-toolbar .ql-picker {
            color: var(--bs-body-color)
        }

        body .ql-container .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
        body .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
            right: initial;
            inset-inline-end: 0
        }

        body .ql-container .ql-picker-item:focus,
        body .ql-container .ql-picker-item:hover,
        body .ql-container .ql-picker-label:focus,
        body .ql-container .ql-picker-label:hover,
        body .ql-container button:focus,
        body .ql-container button:hover,
        body .ql-toolbar .ql-picker-item:focus,
        body .ql-toolbar .ql-picker-item:hover,
        body .ql-toolbar .ql-picker-label:focus,
        body .ql-toolbar .ql-picker-label:hover,
        body .ql-toolbar button:focus,
        body .ql-toolbar button:hover {
            background: rgba(var(--bs-body-color-rgb), .15) !important;
            color: var(--bs-body-color) !important;
            border-radius: 4px
        }

        body .ql-container .ql-picker-item.ql-active,
        body .ql-container .ql-picker-label.ql-active,
        body .ql-container button.ql-active,
        body .ql-toolbar .ql-picker-item.ql-active,
        body .ql-toolbar .ql-picker-label.ql-active,
        body .ql-toolbar button.ql-active {
            background: rgba(var(--bs-app-theme-rgb), .25) !important;
            border-radius: 4px;
            color: var(--bs-app-theme) !important;
            border: none !important
        }

        body .ql-container .ql-picker-item.ql-active .ql-stroke,
        body .ql-container .ql-picker-label.ql-active .ql-stroke,
        body .ql-container button.ql-active .ql-stroke,
        body .ql-toolbar .ql-picker-item.ql-active .ql-stroke,
        body .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
        body .ql-toolbar button.ql-active .ql-stroke {
            stroke: var(--bs-app-theme) !important
        }

        body .ql-container .ql-picker-item.ql-active .ql-fill,
        body .ql-container .ql-picker-label.ql-active .ql-fill,
        body .ql-container button.ql-active .ql-fill,
        body .ql-toolbar .ql-picker-item.ql-active .ql-fill,
        body .ql-toolbar .ql-picker-label.ql-active .ql-fill,
        body .ql-toolbar button.ql-active .ql-fill {
            fill: var(--bs-app-theme) !important
        }

        body .ql-container .ql-picker-options .ql-picker-item,
        body .ql-toolbar .ql-picker-options .ql-picker-item {
            border-radius: 0 !important
        }

        body .ql-container .ql-picker-options .ql-picker-item:focus,
        body .ql-container .ql-picker-options .ql-picker-item:hover,
        body .ql-toolbar .ql-picker-options .ql-picker-item:focus,
        body .ql-toolbar .ql-picker-options .ql-picker-item:hover {
            background: rgba(var(--bs-body-color-rgb), .15) !important;
            color: var(--bs-body-color)
        }

        body .ql-container .ql-picker-options .ql-picker-item.ql-selected,
        body .ql-toolbar .ql-picker-options .ql-picker-item.ql-selected {
            background: rgba(var(--bs-app-theme-rgb), .25) !important;
            color: var(--bs-app-theme) !important
        }

        body .ql-container .ql-stroke,
        body .ql-toolbar .ql-stroke {
            fill: transparent !important;
            stroke: var(--bs-body-color) !important
        }

        body .ql-container .ql-fill,
        body .ql-toolbar .ql-fill {
            fill: var(--bs-body-color) !important
        }

        .border-0 .ql-toolbar {
            border-top: none !important;
            border-inline-start: none !important;
            border-inline-end: none !important
        }

        .border-0 .ql-container {
            border: none !important
        }

        body .picker {
            display: block;
            border: 1px solid var(--bs-component-border-color);
            background-color: var(--bs-component-bg);
            padding: .4375rem .75rem;
            min-height: calc(1.5em + .875rem + 2px);
            border-radius: 4px
        }

        body .picker>.pc-element {
            margin: 0 .375rem .4375rem 0;
            padding: 2px 10px !important;
            border: none;
            background: rgba(var(--bs-component-border-color-rgb), .65);
            color: var(--bs-component-color);
            font-weight: 600;
            border-radius: 30px
        }

        body .picker>.pc-element:hover {
            background: rgba(var(--bs-component-border-color-rgb), 1);
            color: var(--bs-component-color)
        }

        body .picker>.pc-element .pc-close {
            position: relative;
            margin: 0;
            inset-inline-end: 0;
            top: 0;
            right: 0;
            margin: 0;
            margin-left: .46875rem;
            opacity: .25;
            color: inherit;
            font-size: .75rem;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        body .picker>.pc-element .pc-close:after {
            content: "\f00d" !important
        }

        body .picker>.pc-element .pc-close:hover {
            opacity: .5
        }

        body .picker>.pc-element+.pc-select {
            padding-top: .4375rem
        }

        body .picker>.pc-element+.pc-select .pc-element {
            margin-top: -.4375rem
        }

        body .picker .pc-select {
            display: block;
            width: auto;
            max-width: initial;
            min-width: initial;
            margin: -.4375rem -.75rem
        }

        body .picker .pc-select .pc-element {
            display: block;
            margin: 0;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            background-color: transparent;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-size: 16px 12px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none
        }

        :dir(ltr) body .picker .pc-select .pc-element {
            background-position: right .75rem center;
            padding: .4375rem 2.25rem .4375rem .75rem
        }

        :dir(rtl) body .picker .pc-select .pc-element {
            background-position: left .75rem center;
            padding: .4375rem .75rem .4375rem 2.25rem
        }

        body .picker .pc-select .pc-list {
            border: none;
            padding: .5rem 0;
            background: var(--bs-component-dropdown-bg);
            top: 100%;
            border-radius: 4px;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        body .picker .pc-select .pc-list input[type=search] {
            display: block;
            width: calc(100% - 20px);
            margin: 0 10px 5px;
            padding: .4375rem .75rem;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.5;
            color: var(--bs-component-color);
            background-color: var(--bs-component-bg);
            background-clip: padding-box;
            border: 1px solid var(--bs-component-border-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            border-radius: 4px
        }

        body .picker .pc-select .pc-list input[type=search]:focus {
            color: var(--bs-component-color);
            background-color: var(--bs-component-bg);
            border-color: #67abe9;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        body .picker .pc-select .pc-list ul>li {
            padding: .5rem 1rem;
            background: 0 0;
            color: var(--bs-component-color);
            font-weight: 600
        }

        body .picker .pc-select .pc-list ul>li:nth-child(even) {
            background: 0 0
        }

        body .picker .pc-select .pc-list ul>li:hover {
            background: var(--bs-component-dropdown-hover-bg);
            color: var(--bs-component-hover-color)
        }

        :dir(rtl) .select2 {
            direction: rtl
        }

        .select2.select2-container {
            display: block;
            background: var(--bs-component-bg)
        }

        .select2.select2-container .selection .select2-selection {
            background: var(--bs-component-bg)
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple,
        .select2.select2-container .selection .select2-selection.select2-selection--single {
            border-color: var(--bs-component-border-color);
            outline: 0;
            height: calc(1.5em + .875rem + 2px);
            display: flex;
            align-items: center
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered,
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
            line-height: 1;
            padding: .4375rem .75rem;
            font-weight: 600;
            color: var(--bs-component-color);
            position: relative;
            display: flex;
            flex-wrap: wrap;
            flex: 1;
            padding-inline-end: .75rem
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
            position: absolute;
            top: 0;
            bottom: 0;
            width: .75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            inset-inline-end: 0
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow,
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
            height: auto;
            width: auto;
            position: relative;
            top: 0;
            inset-inline-end: 0;
            padding: .4375rem .75rem;
            display: flex;
            align-items: center
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b,
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
            position: relative;
            top: 0;
            inset-inline-start: 0;
            margin: 0;
            border: none;
            color: var(--bs-component-color);
            width: auto;
            height: auto;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b:before,
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
            content: "\f0d7"
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple {
            height: auto;
            min-height: calc(1.5em + .875rem + 2px)
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
            padding: .375rem .75rem .15625rem
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
            float: none;
            min-width: 100px
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
            margin-top: -1px;
            margin-bottom: .21875rem;
            font-weight: 600;
            min-height: 20px;
            color: var(--bs-component-color)
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-moz-placeholder {
            color: #6c757d
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::placeholder {
            color: #6c757d
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice {
            border: none;
            background: rgba(var(--bs-component-border-color-rgb), .65);
            margin-bottom: .21875rem;
            margin-top: 0;
            padding: 4px 8px;
            color: var(--bs-component-color);
            float: none;
            position: relative;
            border-radius: 4px;
            padding-inline-end: 1.3125rem;
            margin-inline-end: .21875rem;
            margin-inline-start: initial
        }

        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
            color: #adb5bd;
            font-size: .875rem;
            margin: 0;
            float: none;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1.3125rem;
            display: flex;
            align-items: center;
            justify-content: center;
            inset-inline-end: 0
        }

        .select2.select2-container.select2-container--above.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
            content: "\f0d8"
        }

        .select2-container .select2-dropdown {
            border: none;
            background: var(--bs-component-dropdown-bg);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .select2-container .select2-dropdown .select2-search--dropdown {
            padding: .5rem
        }

        .select2-container .select2-dropdown .select2-search--dropdown input {
            border-color: var(--bs-component-border-color);
            height: calc(1.5em + .875rem + 2px);
            padding: .4375rem .75rem;
            outline: 0;
            color: var(--bs-component-color);
            background-color: transparent;
            border-radius: 4px;
            transition: all .2s linear
        }

        .select2-container .select2-dropdown .select2-search--dropdown input:focus {
            border-color: #67abe9;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
            font-weight: 600;
            color: var(--bs-component-color)
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group {
            padding: .5rem .5rem .25rem;
            color: var(--bs-component-color);
            font-size: .6875rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__option {
            padding: .5rem 1rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
            background: var(--bs-component-hover-bg);
            color: var(--bs-component-color)
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
            font-weight: 600;
            font-size: .75rem;
            color: rgba(var(--bs-component-color-rgb), .5);
            padding: .5rem .5rem
        }

        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
            background: #348fe2;
            color: #fff
        }

        .select2-container .select2-dropdown.select2-dropdown--above {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        body .jqstooltip {
            border: none;
            width: auto !important;
            height: auto !important;
            background: rgba(45, 53, 60, .9);
            border-radius: 4px
        }

        .sp-original-input-container .sp-add-on {
            min-width: 35px
        }

        body :dir(rtl) .sp-original-input-container .sp-add-on {
            border-radius: 4px !important;
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important
        }

        .sp-original-input-container .sp-add-on .sp-colorize {
            position: relative;
            overflow: hidden;
            border-radius: 1px !important
        }

        :dir(ltr) .sp-original-input-container .sp-add-on .sp-colorize {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        :dir(rtl) .sp-original-input-container .sp-add-on .sp-colorize {
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important
        }

        .sp-original-input-container .sp-add-on .sp-colorize:before {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            border: 5px solid var(--bs-component-border-color)
        }

        :dir(rtl) .sp-original-input-container .spectrum.with-add-on {
            border-left: 1px solid var(--bs-component-border-color);
            border-right: 0;
            border-radius: 4px !important;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        body .sp-container {
            background-color: var(--bs-component-dropdown-bg)
        }

        body .sp-container .sp-palette-container {
            border-right: none;
            border-inline-end: 1px solid var(--bs-component-dropdown-border-color)
        }

        body .sp-container .sp-input {
            border-color: var(--bs-component-dropdown-border-color) !important;
            color: var(--bs-component-color) !important
        }

        body .sp-container button.sp-choose {
            background-color: var(--bs-success)
        }

        body .sp-container button.sp-cancel {
            background-color: var(--bs-default)
        }

        body .sp-container .sp-button-container {
            display: flex;
            gap: .46875rem
        }

        body .sp-container .sp-button-container button {
            margin: 0
        }

        body .sp-container .sp-button-container:before {
            display: none !important
        }

        .note-editor.note-frame {
            font-family: var(--bs-font-sans-serif);
            color: var(--bs-component-color)
        }

        .note-editor.note-frame .note-toolbar {
            background: var(--bs-light);
            border-color: var(--bs-component-border-color);
            padding: .9375rem !important;
            border-radius: 0
        }

        .note-editor.note-frame .note-toolbar .note-btn-group {
            margin-top: 0 !important
        }

        .note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
            background: var(--bs-component-bg);
            border-color: var(--bs-component-border-color);
            color: var(--bs-component-color)
        }

        .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:focus,
        .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:hover {
            background: var(--bs-component-hover-bg)
        }

        .note-editor.note-frame .note-toolbar .note-btn-group .note-btn.active {
            background: var(--bs-component-active-bg);
            border-color: var(--bs-component-active-bg);
            color: var(--bs-component-active-color)
        }

        :dir(rtl) .note-editor.note-frame .note-toolbar .note-btn-group .note-btn.dropdown-toggle {
            width: auto;
            padding-inline-start: 5px;
            padding-inline-end: 5px
        }

        .note-editor.note-frame .note-toolbar .note-dropdown-menu {
            border: none;
            padding: .25rem 0;
            background-color: var(--bs-component-dropdown-bg);
            color: var(--bs-component-color);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            border-radius: 4px
        }

        .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item {
            padding: .309375rem .9375rem;
            color: rgba(var(--bs-component-color-rgb), .85);
            white-space: nowrap
        }

        .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item:focus,
        .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item:hover {
            color: var(--bs-component-color);
            background: var(--bs-component-dropdown-hover-bg)
        }

        .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item blockquote,
        .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item pre {
            padding: 0;
            margin: 0
        }

        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu {
            min-width: 350px
        }

        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
            margin-inline-start: 0;
            margin-inline-end: 0
        }

        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
            background: #495057;
            border-color: #495057
        }

        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:active,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:focus,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:active,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:focus,
        .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
            background: #2d353c;
            border-color: #2d353c
        }

        .note-editor.note-frame .note-toolbar .note-color.open .note-dropdown-menu {
            display: flex;
            justify-content: center
        }

        .note-editor.note-frame .note-modal .note-modal-content {
            border-width: 0;
            border-color: var(--bs-component-modal-border-color);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-header {
            border: none;
            border-bottom: 1px solid #ced4da;
            padding: .9375rem .9375rem
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-header .note-modal-title {
            font-size: 1.125rem;
            font-weight: 600;
            line-height: 1.2;
            color: #2d353c
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-body {
            padding: .9375rem
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-form-label {
            font-size: .75rem;
            color: #2d353c;
            display: block;
            margin: 0 0 .234375rem;
            font-weight: 600;
            padding: 0
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-input {
            min-height: calc(1.5em + .875rem + 2px);
            padding: .4375rem .75rem;
            border-color: var(--bs-component-border-color);
            font-size: .75rem
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-input:focus {
            border-color: #67abe9
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox input {
            margin-inline-end: .46875rem
        }

        .note-editor.note-frame .note-modal .note-modal-content .note-modal-footer {
            height: auto;
            padding: .9375rem;
            border-top: 1px solid #ced4da;
            margin-top: .5rem;
            display: flex;
            justify-content: flex-end
        }

        .note-editor.note-frame .note-btn-primary {
            padding: .4375rem .75rem;
            font-weight: 600;
            line-height: 1.5;
            border-radius: 4px;
            --bs-btn-color: #FFFFFF;
            --bs-btn-bg: #348fe2;
            --bs-btn-border-color: #348fe2;
            --bs-btn-hover-color: #FFFFFF;
            --bs-btn-hover-bg: #276baa;
            --bs-btn-hover-border-color: #276baa;
            --bs-btn-focus-shadow-rgb: 82, 160, 230;
            --bs-btn-active-color: #FFFFFF;
            --bs-btn-active-bg: #276baa;
            --bs-btn-active-border-color: #276baa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #FFFFFF;
            --bs-btn-disabled-bg: #67abe9;
            --bs-btn-disabled-border-color: #67abe9
        }

        .note-editor.note-frame .note-placeholder {
            padding: .9375rem !important;
            color: rgba(var(--bs-component-color-rgb), .6)
        }

        .note-editor.note-frame .note-editing-area {
            background: var(--bs-component-bg)
        }

        .note-editor.note-frame .note-editing-area .note-editable {
            padding: .9375rem !important
        }

        .note-editor.note-frame .note-tooltip .note-tooltip-content {
            background: #20252a;
            font-family: var(--bs-font-sans-serif);
            font-size: .6875rem;
            font-weight: 600;
            border-radius: 4px
        }

        .note-editor.note-frame .note-tooltip.top .note-tooltip-arrow {
            border-top-color: #20252a
        }

        .note-editor.note-frame .note-tooltip.right .note-tooltip-arrow {
            border-inline-end-color: #20252a
        }

        .note-editor.note-frame .note-tooltip.bottom .note-tooltip-arrow {
            border-bottom-color: #20252a
        }

        .note-editor.note-frame .note-tooltip.left .note-tooltip-arrow {
            border-inline-start-color: #20252a
        }

        .note-editor.note-frame .note-popover.popover {
            display: none
        }

        .note-editor.note-frame .note-popover.popover .note-toolbar,
        .note-editor.note-frame .note-popover.popover .popover-content {
            padding: .46875rem .9375rem !important;
            background: #20252a;
            border-radius: 0
        }

        .note-editor.note-frame.note-frame {
            border: none !important;
            margin: 0 !important;
            background: 0 0
        }

        .note-editor.note-frame.note-frame .note-statusbar {
            border-color: var(--bs-component-border-color);
            background: var(--bs-light)
        }

        .note-editor.note-frame.note-frame .note-statusbar .note-resizebar .note-icon-bar {
            border-top-color: var(--bs-component-border-color)
        }

        .note-editor.note-frame.fullscreen .note-toolbar-wrapper {
            display: none
        }

        .superbox.superbox-active {
            font-size: 0;
            margin: -1px -1px 0 0
        }

        .superbox.superbox-active .superbox-list {
            display: inline-block;
            position: relative;
            background: 0 0
        }

        .superbox.superbox-active .superbox-list .superbox-img {
            width: 100%;
            cursor: pointer;
            display: block;
            padding-top: 75%;
            position: relative
        }

        .superbox.superbox-active .superbox-list .superbox-img img {
            display: none
        }

        .superbox.superbox-active .superbox-list .superbox-img span {
            position: absolute;
            top: 1px;
            inset-inline-start: 1px;
            inset-inline-end: 1px;
            bottom: 1px;
            background-size: cover !important;
            background-position: center !important
        }

        .superbox.superbox-active .superbox-list .superbox-img:hover {
            opacity: .8
        }

        .superbox.superbox-active .superbox-list.superbox-O {
            z-index: 10
        }

        .superbox.superbox-active .superbox-list.superbox-O:before {
            content: "";
            position: absolute;
            inset-inline-start: 50%;
            bottom: 0;
            border: 10px solid transparent;
            border-bottom-color: #dee2e6;
            margin-inline-start: -10px;
            z-index: 10
        }

        .superbox.superbox-active .superbox-list.superbox-O:after {
            content: "";
            position: absolute;
            inset-inline-start: 50%;
            bottom: -3px;
            border: 10px solid transparent;
            border-bottom-color: #2d353c;
            margin-inline-start: -10px;
            z-index: 20
        }

        .superbox.superbox-active .superbox-show {
            background: #2d353c !important;
            margin: 1px 0;
            box-shadow: none
        }

        .superbox.superbox-active .superbox-show .superbox-current-img {
            max-width: 100%;
            border: none;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        :dir(rtl) .superbox.superbox-active .superbox-show .superbox-prev {
            inset-inline-start: auto;
            inset-inline-end: 10px
        }

        :dir(rtl) .superbox.superbox-active .superbox-show .superbox-prev .icon-circle-arrow-left:before {
            content: "\e4a2"
        }

        :dir(rtl) .superbox.superbox-active .superbox-show .superbox-next {
            inset-inline-end: auto;
            inset-inline-start: 10px
        }

        :dir(rtl) .superbox.superbox-active .superbox-show .superbox-next .icon-circle-arrow-right:before {
            content: "\e4a1"
        }

        .superbox.superbox-active .superbox-close {
            cursor: pointer;
            position: absolute;
            top: .9375rem;
            inset-inline-end: .9375rem;
            width: 35px;
            height: 35px
        }

        .swal-overlay .swal-modal {
            padding: 3.75rem .9375rem;
            background: var(--bs-component-bg);
            border-radius: 6px;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
        }

        .swal-overlay .swal-modal .swal-icon {
            margin-top: 0;
            margin-bottom: 1.40625rem
        }

        .swal-overlay .swal-modal .swal-title {
            padding: 0 .9375rem 0;
            margin: 0;
            color: var(--bs-component-color);
            font-size: 1.875rem;
            font-weight: 600;
            line-height: 1.2
        }

        .swal-overlay .swal-modal .swal-text {
            color: rgba(var(--bs-component-color), .5);
            font-size: .875rem;
            display: block;
            max-width: 100%;
            text-align: center;
            padding: 0 0 .9375rem;
            font-weight: 600
        }

        .swal-overlay .swal-modal .swal-icon--success,
        .swal-overlay .swal-modal .swal-icon--success__ring {
            border-color: rgba(0, 172, 172, .2)
        }

        .swal-overlay .swal-modal .swal-icon--success .swal-icon--success__hide-corners,
        .swal-overlay .swal-modal .swal-icon--success:after,
        .swal-overlay .swal-modal .swal-icon--success:before {
            background-color: var(--bs-component-bg)
        }

        .swal-overlay .swal-modal .swal-icon--success__line--long,
        .swal-overlay .swal-modal .swal-icon--success__line--tip {
            background-color: #00acac
        }

        .swal-overlay .swal-modal .swal-icon--info {
            border-color: #49b6d6
        }

        .swal-overlay .swal-modal .swal-icon--info:after,
        .swal-overlay .swal-modal .swal-icon--info:before {
            background-color: #49b6d6
        }

        .swal-overlay .swal-modal .swal-icon--warning {
            border-color: #f59c1a
        }

        .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__body,
        .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__dot {
            background-color: #f59c1a
        }

        .swal-overlay .swal-modal .swal-icon--error {
            border-color: #ff5b57
        }

        .swal-overlay .swal-modal .swal-icon--error .swal-icon--error__line {
            background-color: #ff5b57
        }

        .swal-overlay .swal-modal .swal-footer {
            padding: 0 .9375rem;
            display: flex;
            justify-content: center
        }

        .swal-overlay .swal-modal .swal-footer .swal-button-container {
            margin: 0 .234375rem
        }

        .swal-overlay .btn {
            min-width: 100px;
            padding: .5rem 1rem;
            font-size: .875rem
        }

        .swal-overlay .btn.btn-success:hover {
            border-color: #008a8a;
            background-color: #008a8a
        }

        .swal-overlay .btn.btn-warning:hover {
            border-color: #c47d15;
            background-color: #c47d15
        }

        .swal-overlay .btn.btn-primary:hover {
            border-color: #2a72b5;
            background-color: #2a72b5
        }

        .swal-overlay .btn.btn-danger:hover {
            border-color: #cc4946;
            background-color: #cc4946
        }

        .swal-overlay .btn.btn-default:hover {
            border-color: #babdbf;
            background-color: #babdbf
        }

        .swal-overlay .btn:not(.btn-default) {
            color: #fff
        }

        .tagit.ui-widget {
            border: 1px solid var(--bs-component-border-color);
            background: var(--bs-component-bg);
            padding: .291375rem .75rem 0;
            margin-bottom: 0;
            font-family: inherit;
            min-height: calc(1.5em + .875rem + 2px);
            border-radius: 4px;
            display: flex;
            flex-wrap: wrap
        }

        .tagit.ui-widget li {
            float: none;
            margin: 0 .291375rem .21875rem 0
        }

        .tagit.ui-widget li.tagit-choice {
            background: var(--bs-component-secondary-bg);
            border: none;
            color: var(--bs-component-color);
            padding: .175rem .75rem;
            font-weight: 600;
            line-height: 1.5;
            display: flex;
            align-items: center;
            border-radius: 4px
        }

        .tagit.ui-widget li.tagit-choice .tagit-label {
            flex: 1;
            padding-inline-end: .75rem
        }

        .tagit.ui-widget li.tagit-choice .tagit-close {
            line-height: 1;
            text-align: center;
            top: 0;
            margin: 0;
            inset-inline-end: 0;
            margin: -5px -8px;
            padding: 5px 8px;
            position: relative;
            color: inherit
        }

        .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close {
            background: 0 0;
            height: auto;
            width: auto;
            text-indent: 0;
            margin-top: 0;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:before {
            content: "\f00d";
            font-size: inherit;
            color: inherit;
            opacity: .5
        }

        .tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before,
        .tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before {
            opacity: .75;
            color: inherit
        }

        .tagit.ui-widget li.tagit-new {
            padding: 0
        }

        .tagit.ui-widget li.tagit-new input {
            height: 100%;
            font-family: inherit;
            font-weight: 600;
            font-size: .75rem;
            min-height: 1.475rem;
            color: var(--bs-component-color)
        }

        .tagit.ui-widget.white li.tagit-choice {
            background: #fff;
            color: #2d353c;
            box-shadow: inset 0 0 0 1px #dee2e6
        }

        .tagit.ui-widget.inverse li.tagit-choice {
            background: #495057;
            color: #fff
        }

        .tagit.ui-widget.primary li.tagit-choice {
            background: #348fe2;
            color: #fff
        }

        .tagit.ui-widget.info li.tagit-choice {
            background: #49b6d6;
            color: #fff
        }

        .tagit.ui-widget.success li.tagit-choice {
            background: #00acac;
            color: #fff
        }

        .tagit.ui-widget.warning li.tagit-choice {
            background: #f59c1a;
            color: #fff
        }

        .tagit.ui-widget.danger li.tagit-choice {
            background: #ff5b57;
            color: #fff
        }

        .editable-container {
            display: flex;
            flex: 1
        }

        .editable-container .editableform {
            display: block
        }

        .editable-container .editableform .form-group>div {
            margin-bottom: -5px;
            display: flex;
            flex: 1;
            flex-flow: row wrap
        }

        .editable-container .editableform .form-group>div .editable-input {
            margin-bottom: .46875rem;
            margin-inline-end: .46875rem
        }

        .editable-container .editableform .form-group>div .editable-input .combodate {
            margin-bottom: -3px;
            display: flex;
            align-items: center;
            flex-wrap: wrap
        }

        .editable-container .editableform .form-group>div .editable-input .combodate select {
            margin-bottom: 3px;
            min-width: 90px
        }

        .editable-container .editableform .form-group>div .editable-input .form-control {
            padding-inline-end: 12px !important;
            padding-inline-start: 24px
        }

        .editable-container .editableform .form-group>div .editable-input .form-control.form-select {
            padding-inline-end: 2.25rem !important;
            padding-inline-start: .75rem !important
        }

        .editable-container .editableform .form-group>div .editable-input .editable-clear-x {
            inset-inline-end: 12px
        }

        .editable-container .editableform .form-group>div .editable-input .editable-checklist>div>label {
            justify-content: flex-start
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date {
            position: relative
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .form-control {
            margin-top: -1px;
            display: inline-flex
        }

        :dir(ltr) .editable-container .editableform .form-group>div .editable-input .input-append.date .form-control {
            border-radius: 4px 0 0 4px
        }

        :dir(rtl) .editable-container .editableform .form-group>div .editable-input .input-append.date .form-control {
            border-radius: 0 4px 4px 0
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .add-on {
            background: var(--bs-component-border-color);
            padding: 5px 10px;
            min-height: 34px;
            display: inline-flex;
            align-items: center
        }

        :dir(ltr) .editable-container .editableform .form-group>div .editable-input .input-append.date .add-on {
            border-radius: 0 4px 4px 0
        }

        :dir(rtl) .editable-container .editableform .form-group>div .editable-input .input-append.date .add-on {
            border-radius: 4px 0 0 4px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .add-on i {
            width: auto;
            height: auto;
            margin: 0;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .add-on i:before {
            content: "\f133"
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker {
            width: 300px;
            color: var(--bs-component-color);
            border-radius: 8px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker table {
            width: 100%
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker table tfoot .today:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker table tfoot .today:hover {
            background: #f2f4f5
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th {
            border: none
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch {
            line-height: 20px;
            padding: 5px;
            border-radius: 4px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover {
            background: #f2f4f5
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover:before {
            color: #2d353c
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev {
            color: transparent;
            width: 14.28%;
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before {
            color: #6f8293;
            position: absolute;
            font-size: 14px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before {
            content: "\f104"
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before {
            content: "\f105"
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch {
            width: auto;
            font-weight: 700
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.dow,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.dow,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.dow,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.dow,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.dow,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.dow {
            padding: 5px 0;
            border: none;
            font-weight: 700
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td {
            padding: 5px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year {
            font-weight: 600;
            color: #6f8293;
            text-shadow: none;
            border-radius: 4px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:hover {
            background: #f2f4f5
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.focused,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.focused {
            background: #e4e7ea;
            color: #2d353c
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.active {
            background: #348fe2 !important;
            color: #fff
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day {
            font-weight: 600;
            color: #4e5c68;
            padding: 5px;
            border-radius: 4px
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:hover,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:focus,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:hover {
            background: #f2f4f5
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.today,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.today,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.today,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.today,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.today,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.today {
            background: #e4e7ea !important;
            color: #2d353c
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.active,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.active {
            background: #348fe2 !important;
            color: #fff;
            text-shadow: none !important
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.old,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.old,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.old,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.old,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.old,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.old {
            color: #c6ced5
        }

        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.new,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.new,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.new,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.new,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.new,
        .editable-container .editableform .form-group>div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.new {
            color: #9ba8b4
        }

        .editable-container .editableform .form-group>div .editable-input .editable-address input {
            border: 1px solid var(--bs-component-border-color);
            color: var(--bs-component-color);
            padding: 6px 10px;
            background-color: transparent;
            border-radius: 4px
        }

        .editable-container .editableform .form-group>div .editable-input .editable-address input:focus {
            outline: 0;
            border-color: #67abe9;
            transition: all .2s linear;
            box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25)
        }

        .editable-container .editableform .form-group>div .editable-input .twitter-typeahead .tt-hint {
            border: none;
            height: calc(1.5em + .875rem + 2px);
            padding: .4375rem .75rem;
            line-height: 1.5;
            margin-inline-start: 1px;
            margin-top: -1px;
            opacity: .6
        }

        .editable-container .editableform .form-group>div .editable-input .twitter-typeahead .tt-dropdown-menu {
            border: none;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .editable-container .editableform .form-group>div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion {
            padding: 5px 12px
        }

        .editable-container .editableform .form-group>div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
            background: #348fe2;
            color: #fff
        }

        .editable-container .editableform .form-group>div .editable-input .wysihtml5-toolbar {
            background: 0 0;
            padding: 0 !important;
            border: none
        }

        .editable-container .editableform .form-group>div .editable-input .wysihtml5-sandbox {
            border: 1px solid var(--bs-component-border-color) !important
        }

        .editable-container .editableform .form-group>div .editable-buttons {
            margin-inline-start: 0;
            margin-bottom: 5px;
            display: flex
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn {
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn+.btn {
            margin-inline-start: 5px
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn .glyphicon-ok {
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn .glyphicon-ok:before {
            content: "\f00c"
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn .glyphicon-remove {
            font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Pro, FontAwesome !important;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto
        }

        .editable-container .editableform .form-group>div .editable-buttons .btn .glyphicon-remove:before {
            content: "\f00d"
        }

        .editable-container .editableform .form-group>div .editable-buttons.editable-buttons-bottom {
            display: block
        }

        .editable-container .editableform .form-group>div .editable-buttons.editable-buttons-bottom .btn {
            display: inline-flex
        }

        .editable-container .editableform .form-group.has-error .form-control {
            border-color: #ec5450;
            background: #ffefee
        }

        .editable-container .editableform .form-group.has-error .editable-error-block {
            margin: 0;
            margin-inline-start: 10px;
            white-space: nowrap;
            color: #d94d4a
        }

        .editable-click,
        a.editable-click,
        a.editable-click:hover {
            border-color: currentColor
        }

        .row.row-space-0 {
            margin-inline-start: 0;
            margin-inline-end: 0
        }

        .row.row-space-0>[class*=col-] {
            padding-inline-start: 0;
            padding-inline-end: 0
        }

        .row.row-space-2 {
            margin-inline-start: -1;
            margin-inline-end: -1
        }

        .row.row-space-2>[class*=col-] {
            padding-inline-start: 1;
            padding-inline-end: 1
        }

        .row.row-space-4 {
            margin-inline-start: -2;
            margin-inline-end: -2
        }

        .row.row-space-4>[class*=col-] {
            padding-inline-start: 2;
            padding-inline-end: 2
        }

        .row.row-space-6 {
            margin-inline-start: -3;
            margin-inline-end: -3
        }

        .row.row-space-6>[class*=col-] {
            padding-inline-start: 3;
            padding-inline-end: 3
        }

        .row.row-space-8 {
            margin-inline-start: -4;
            margin-inline-end: -4
        }

        .row.row-space-8>[class*=col-] {
            padding-inline-start: 4;
            padding-inline-end: 4
        }

        .row.row-space-10 {
            margin-inline-start: -5;
            margin-inline-end: -5
        }

        .row.row-space-10>[class*=col-] {
            padding-inline-start: 5;
            padding-inline-end: 5
        }

        .row.row-space-12 {
            margin-inline-start: -6;
            margin-inline-end: -6
        }

        .row.row-space-12>[class*=col-] {
            padding-inline-start: 6;
            padding-inline-end: 6
        }

        .row.row-space-14 {
            margin-inline-start: -7;
            margin-inline-end: -7
        }

        .row.row-space-14>[class*=col-] {
            padding-inline-start: 7;
            padding-inline-end: 7
        }

        .row.row-space-16 {
            margin-inline-start: -8;
            margin-inline-end: -8
        }

        .row.row-space-16>[class*=col-] {
            padding-inline-start: 8;
            padding-inline-end: 8
        }

        .row.row-space-18 {
            margin-inline-start: -9;
            margin-inline-end: -9
        }

        .row.row-space-18>[class*=col-] {
            padding-inline-start: 9;
            padding-inline-end: 9
        }

        .row.row-space-20 {
            margin-inline-start: -10;
            margin-inline-end: -10
        }

        .row.row-space-20>[class*=col-] {
            padding-inline-start: 10;
            padding-inline-end: 10
        }

        .row.row-space-22 {
            margin-inline-start: -11;
            margin-inline-end: -11
        }

        .row.row-space-22>[class*=col-] {
            padding-inline-start: 11;
            padding-inline-end: 11
        }

        .row.row-space-24 {
            margin-inline-start: -12;
            margin-inline-end: -12
        }

        .row.row-space-24>[class*=col-] {
            padding-inline-start: 12;
            padding-inline-end: 12
        }

        .row.row-space-26 {
            margin-inline-start: -13;
            margin-inline-end: -13
        }

        .row.row-space-26>[class*=col-] {
            padding-inline-start: 13;
            padding-inline-end: 13
        }

        .row.row-space-28 {
            margin-inline-start: -14;
            margin-inline-end: -14
        }

        .row.row-space-28>[class*=col-] {
            padding-inline-start: 14;
            padding-inline-end: 14
        }

        .row.row-space-30 {
            margin-inline-start: -15;
            margin-inline-end: -15
        }

        .row.row-space-30>[class*=col-] {
            padding-inline-start: 15;
            padding-inline-end: 15
        }

        .top-auto {
            top: auto !important
        }

        .bottom-auto {
            bottom: auto !important
        }

        .start-auto {
            left: auto !important
        }

        :dir(rtl) .start-auto {
            left: initial !important;
            right: auto !important
        }

        .end-auto {
            right: auto !important
        }

        :dir(rtl) .end-auto {
            left: auto !important;
            right: initial !important
        }

        .start-0 {
            left: 0 !important
        }

        :dir(rtl) .start-0 {
            left: initial !important;
            right: 0 !important
        }

        .end-0 {
            right: 0 !important
        }

        :dir(rtl) .end-0 {
            right: initial !important;
            left: 0 !important
        }

        .float-end {
            float: right !important
        }

        :dir(rtl) .float-end {
            float: left !important
        }

        .float-start {
            float: left !important
        }

        :dir(rtl) .float-start {
            float: right !important
        }

        :dir(rtl) .float-xs-start {
            float: right !important
        }

        :dir(rtl) .float-xs-end {
            float: left !important
        }

        @media (min-width:576px) {
            :dir(rtl) .float-sm-start {
                float: right !important
            }

            :dir(rtl) .float-sm-end {
                float: left !important
            }
        }

        @media (min-width:768px) {
            :dir(rtl) .float-md-start {
                float: right !important
            }

            :dir(rtl) .float-md-end {
                float: left !important
            }
        }

        @media (min-width:992px) {
            :dir(rtl) .float-lg-start {
                float: right !important
            }

            :dir(rtl) .float-lg-end {
                float: left !important
            }
        }

        @media (min-width:1200px) {
            :dir(rtl) .float-xl-start {
                float: right !important
            }

            :dir(rtl) .float-xl-end {
                float: left !important
            }
        }

        @media (min-width:1400px) {
            :dir(rtl) .float-xxl-start {
                float: right !important
            }

            :dir(rtl) .float-xxl-end {
                float: left !important
            }
        }

        @media (min-width:1800px) {
            :dir(rtl) .float-xxxl-start {
                float: right !important
            }

            :dir(rtl) .float-xxxl-end {
                float: left !important
            }
        }

        .m-1px {
            margin: 1px !important
        }

        .m-2px {
            margin: 2px !important
        }

        .m-3px {
            margin: 3px !important
        }

        .m-4px {
            margin: 4px !important
        }

        .m-5px {
            margin: 5px !important
        }

        .m-6px {
            margin: 6px !important
        }

        .m-7px {
            margin: 7px !important
        }

        .m-8px {
            margin: 8px !important
        }

        .m-9px {
            margin: 9px !important
        }

        .m-10px {
            margin: 10px !important
        }

        .m-5px {
            margin: 5px !important
        }

        .m-10px {
            margin: 10px !important
        }

        .m-15px {
            margin: 15px !important
        }

        .m-20px {
            margin: 20px !important
        }

        .m-25px {
            margin: 25px !important
        }

        .m-30px {
            margin: 30px !important
        }

        .m-35px {
            margin: 35px !important
        }

        .m-40px {
            margin: 40px !important
        }

        .m-45px {
            margin: 45px !important
        }

        .m-50px {
            margin: 50px !important
        }

        .m-55px {
            margin: 55px !important
        }

        .m-60px {
            margin: 60px !important
        }

        .m-65px {
            margin: 65px !important
        }

        .m-70px {
            margin: 70px !important
        }

        .m-75px {
            margin: 75px !important
        }

        .m-80px {
            margin: 80px !important
        }

        .m-85px {
            margin: 85px !important
        }

        .m-90px {
            margin: 90px !important
        }

        .m-95px {
            margin: 95px !important
        }

        .m-100px {
            margin: 100px !important
        }

        .mt-1px {
            margin-top: 1px !important
        }

        .mt-2px {
            margin-top: 2px !important
        }

        .mt-3px {
            margin-top: 3px !important
        }

        .mt-4px {
            margin-top: 4px !important
        }

        .mt-5px {
            margin-top: 5px !important
        }

        .mt-6px {
            margin-top: 6px !important
        }

        .mt-7px {
            margin-top: 7px !important
        }

        .mt-8px {
            margin-top: 8px !important
        }

        .mt-9px {
            margin-top: 9px !important
        }

        .mt-10px {
            margin-top: 10px !important
        }

        .mt-5px {
            margin-top: 5px !important
        }

        .mt-10px {
            margin-top: 10px !important
        }

        .mt-15px {
            margin-top: 15px !important
        }

        .mt-20px {
            margin-top: 20px !important
        }

        .mt-25px {
            margin-top: 25px !important
        }

        .mt-30px {
            margin-top: 30px !important
        }

        .mt-35px {
            margin-top: 35px !important
        }

        .mt-40px {
            margin-top: 40px !important
        }

        .mt-45px {
            margin-top: 45px !important
        }

        .mt-50px {
            margin-top: 50px !important
        }

        .mt-55px {
            margin-top: 55px !important
        }

        .mt-60px {
            margin-top: 60px !important
        }

        .mt-65px {
            margin-top: 65px !important
        }

        .mt-70px {
            margin-top: 70px !important
        }

        .mt-75px {
            margin-top: 75px !important
        }

        .mt-80px {
            margin-top: 80px !important
        }

        .mt-85px {
            margin-top: 85px !important
        }

        .mt-90px {
            margin-top: 90px !important
        }

        .mt-95px {
            margin-top: 95px !important
        }

        .mt-100px {
            margin-top: 100px !important
        }

        .me-1px {
            margin-inline-end: 1px !important
        }

        .me-2px {
            margin-inline-end: 2px !important
        }

        .me-3px {
            margin-inline-end: 3px !important
        }

        .me-4px {
            margin-inline-end: 4px !important
        }

        .me-5px {
            margin-inline-end: 5px !important
        }

        .me-6px {
            margin-inline-end: 6px !important
        }

        .me-7px {
            margin-inline-end: 7px !important
        }

        .me-8px {
            margin-inline-end: 8px !important
        }

        .me-9px {
            margin-inline-end: 9px !important
        }

        .me-10px {
            margin-inline-end: 10px !important
        }

        .me-5px {
            margin-inline-end: 5px !important
        }

        .me-10px {
            margin-inline-end: 10px !important
        }

        .me-15px {
            margin-inline-end: 15px !important
        }

        .me-20px {
            margin-inline-end: 20px !important
        }

        .me-25px {
            margin-inline-end: 25px !important
        }

        .me-30px {
            margin-inline-end: 30px !important
        }

        .me-35px {
            margin-inline-end: 35px !important
        }

        .me-40px {
            margin-inline-end: 40px !important
        }

        .me-45px {
            margin-inline-end: 45px !important
        }

        .me-50px {
            margin-inline-end: 50px !important
        }

        .me-55px {
            margin-inline-end: 55px !important
        }

        .me-60px {
            margin-inline-end: 60px !important
        }

        .me-65px {
            margin-inline-end: 65px !important
        }

        .me-70px {
            margin-inline-end: 70px !important
        }

        .me-75px {
            margin-inline-end: 75px !important
        }

        .me-80px {
            margin-inline-end: 80px !important
        }

        .me-85px {
            margin-inline-end: 85px !important
        }

        .me-90px {
            margin-inline-end: 90px !important
        }

        .me-95px {
            margin-inline-end: 95px !important
        }

        .me-100px {
            margin-inline-end: 100px !important
        }

        .mb-1px {
            margin-bottom: 1px !important
        }

        .mb-2px {
            margin-bottom: 2px !important
        }

        .mb-3px {
            margin-bottom: 3px !important
        }

        .mb-4px {
            margin-bottom: 4px !important
        }

        .mb-5px {
            margin-bottom: 5px !important
        }

        .mb-6px {
            margin-bottom: 6px !important
        }

        .mb-7px {
            margin-bottom: 7px !important
        }

        .mb-8px {
            margin-bottom: 8px !important
        }

        .mb-9px {
            margin-bottom: 9px !important
        }

        .mb-10px {
            margin-bottom: 10px !important
        }

        .mb-5px {
            margin-bottom: 5px !important
        }

        .mb-10px {
            margin-bottom: 10px !important
        }

        .mb-15px {
            margin-bottom: 15px !important
        }

        .mb-20px {
            margin-bottom: 20px !important
        }

        .mb-25px {
            margin-bottom: 25px !important
        }

        .mb-30px {
            margin-bottom: 30px !important
        }

        .mb-35px {
            margin-bottom: 35px !important
        }

        .mb-40px {
            margin-bottom: 40px !important
        }

        .mb-45px {
            margin-bottom: 45px !important
        }

        .mb-50px {
            margin-bottom: 50px !important
        }

        .mb-55px {
            margin-bottom: 55px !important
        }

        .mb-60px {
            margin-bottom: 60px !important
        }

        .mb-65px {
            margin-bottom: 65px !important
        }

        .mb-70px {
            margin-bottom: 70px !important
        }

        .mb-75px {
            margin-bottom: 75px !important
        }

        .mb-80px {
            margin-bottom: 80px !important
        }

        .mb-85px {
            margin-bottom: 85px !important
        }

        .mb-90px {
            margin-bottom: 90px !important
        }

        .mb-95px {
            margin-bottom: 95px !important
        }

        .mb-100px {
            margin-bottom: 100px !important
        }

        .ms-1px {
            margin-inline-start: 1px !important
        }

        .ms-2px {
            margin-inline-start: 2px !important
        }

        .ms-3px {
            margin-inline-start: 3px !important
        }

        .ms-4px {
            margin-inline-start: 4px !important
        }

        .ms-5px {
            margin-inline-start: 5px !important
        }

        .ms-6px {
            margin-inline-start: 6px !important
        }

        .ms-7px {
            margin-inline-start: 7px !important
        }

        .ms-8px {
            margin-inline-start: 8px !important
        }

        .ms-9px {
            margin-inline-start: 9px !important
        }

        .ms-10px {
            margin-inline-start: 10px !important
        }

        .ms-5px {
            margin-inline-start: 5px !important
        }

        .ms-10px {
            margin-inline-start: 10px !important
        }

        .ms-15px {
            margin-inline-start: 15px !important
        }

        .ms-20px {
            margin-inline-start: 20px !important
        }

        .ms-25px {
            margin-inline-start: 25px !important
        }

        .ms-30px {
            margin-inline-start: 30px !important
        }

        .ms-35px {
            margin-inline-start: 35px !important
        }

        .ms-40px {
            margin-inline-start: 40px !important
        }

        .ms-45px {
            margin-inline-start: 45px !important
        }

        .ms-50px {
            margin-inline-start: 50px !important
        }

        .ms-55px {
            margin-inline-start: 55px !important
        }

        .ms-60px {
            margin-inline-start: 60px !important
        }

        .ms-65px {
            margin-inline-start: 65px !important
        }

        .ms-70px {
            margin-inline-start: 70px !important
        }

        .ms-75px {
            margin-inline-start: 75px !important
        }

        .ms-80px {
            margin-inline-start: 80px !important
        }

        .ms-85px {
            margin-inline-start: 85px !important
        }

        .ms-90px {
            margin-inline-start: 90px !important
        }

        .ms-95px {
            margin-inline-start: 95px !important
        }

        .ms-100px {
            margin-inline-start: 100px !important
        }

        .mx-1px {
            margin-inline-start: 1px !important;
            margin-inline-end: 1px !important
        }

        .mx-2px {
            margin-inline-start: 2px !important;
            margin-inline-end: 2px !important
        }

        .mx-3px {
            margin-inline-start: 3px !important;
            margin-inline-end: 3px !important
        }

        .mx-4px {
            margin-inline-start: 4px !important;
            margin-inline-end: 4px !important
        }

        .mx-5px {
            margin-inline-start: 5px !important;
            margin-inline-end: 5px !important
        }

        .mx-6px {
            margin-inline-start: 6px !important;
            margin-inline-end: 6px !important
        }

        .mx-7px {
            margin-inline-start: 7px !important;
            margin-inline-end: 7px !important
        }

        .mx-8px {
            margin-inline-start: 8px !important;
            margin-inline-end: 8px !important
        }

        .mx-9px {
            margin-inline-start: 9px !important;
            margin-inline-end: 9px !important
        }

        .mx-10px {
            margin-inline-start: 10px !important;
            margin-inline-end: 10px !important
        }

        .mx-5px {
            margin-inline-start: 5px !important;
            margin-inline-end: 5px !important
        }

        .mx-10px {
            margin-inline-start: 10px !important;
            margin-inline-end: 10px !important
        }

        .mx-15px {
            margin-inline-start: 15px !important;
            margin-inline-end: 15px !important
        }

        .mx-20px {
            margin-inline-start: 20px !important;
            margin-inline-end: 20px !important
        }

        .mx-25px {
            margin-inline-start: 25px !important;
            margin-inline-end: 25px !important
        }

        .mx-30px {
            margin-inline-start: 30px !important;
            margin-inline-end: 30px !important
        }

        .mx-35px {
            margin-inline-start: 35px !important;
            margin-inline-end: 35px !important
        }

        .mx-40px {
            margin-inline-start: 40px !important;
            margin-inline-end: 40px !important
        }

        .mx-45px {
            margin-inline-start: 45px !important;
            margin-inline-end: 45px !important
        }

        .mx-50px {
            margin-inline-start: 50px !important;
            margin-inline-end: 50px !important
        }

        .mx-55px {
            margin-inline-start: 55px !important;
            margin-inline-end: 55px !important
        }

        .mx-60px {
            margin-inline-start: 60px !important;
            margin-inline-end: 60px !important
        }

        .mx-65px {
            margin-inline-start: 65px !important;
            margin-inline-end: 65px !important
        }

        .mx-70px {
            margin-inline-start: 70px !important;
            margin-inline-end: 70px !important
        }

        .mx-75px {
            margin-inline-start: 75px !important;
            margin-inline-end: 75px !important
        }

        .mx-80px {
            margin-inline-start: 80px !important;
            margin-inline-end: 80px !important
        }

        .mx-85px {
            margin-inline-start: 85px !important;
            margin-inline-end: 85px !important
        }

        .mx-90px {
            margin-inline-start: 90px !important;
            margin-inline-end: 90px !important
        }

        .mx-95px {
            margin-inline-start: 95px !important;
            margin-inline-end: 95px !important
        }

        .mx-100px {
            margin-inline-start: 100px !important;
            margin-inline-end: 100px !important
        }

        .my-1px {
            margin-top: 1px !important;
            margin-bottom: 1px !important
        }

        .my-2px {
            margin-top: 2px !important;
            margin-bottom: 2px !important
        }

        .my-3px {
            margin-top: 3px !important;
            margin-bottom: 3px !important
        }

        .my-4px {
            margin-top: 4px !important;
            margin-bottom: 4px !important
        }

        .my-5px {
            margin-top: 5px !important;
            margin-bottom: 5px !important
        }

        .my-6px {
            margin-top: 6px !important;
            margin-bottom: 6px !important
        }

        .my-7px {
            margin-top: 7px !important;
            margin-bottom: 7px !important
        }

        .my-8px {
            margin-top: 8px !important;
            margin-bottom: 8px !important
        }

        .my-9px {
            margin-top: 9px !important;
            margin-bottom: 9px !important
        }

        .my-10px {
            margin-top: 10px !important;
            margin-bottom: 10px !important
        }

        .my-5px {
            margin-top: 5px !important;
            margin-bottom: 5px !important
        }

        .my-10px {
            margin-top: 10px !important;
            margin-bottom: 10px !important
        }

        .my-15px {
            margin-top: 15px !important;
            margin-bottom: 15px !important
        }

        .my-20px {
            margin-top: 20px !important;
            margin-bottom: 20px !important
        }

        .my-25px {
            margin-top: 25px !important;
            margin-bottom: 25px !important
        }

        .my-30px {
            margin-top: 30px !important;
            margin-bottom: 30px !important
        }

        .my-35px {
            margin-top: 35px !important;
            margin-bottom: 35px !important
        }

        .my-40px {
            margin-top: 40px !important;
            margin-bottom: 40px !important
        }

        .my-45px {
            margin-top: 45px !important;
            margin-bottom: 45px !important
        }

        .my-50px {
            margin-top: 50px !important;
            margin-bottom: 50px !important
        }

        .my-55px {
            margin-top: 55px !important;
            margin-bottom: 55px !important
        }

        .my-60px {
            margin-top: 60px !important;
            margin-bottom: 60px !important
        }

        .my-65px {
            margin-top: 65px !important;
            margin-bottom: 65px !important
        }

        .my-70px {
            margin-top: 70px !important;
            margin-bottom: 70px !important
        }

        .my-75px {
            margin-top: 75px !important;
            margin-bottom: 75px !important
        }

        .my-80px {
            margin-top: 80px !important;
            margin-bottom: 80px !important
        }

        .my-85px {
            margin-top: 85px !important;
            margin-bottom: 85px !important
        }

        .my-90px {
            margin-top: 90px !important;
            margin-bottom: 90px !important
        }

        .my-95px {
            margin-top: 95px !important;
            margin-bottom: 95px !important
        }

        .my-100px {
            margin-top: 100px !important;
            margin-bottom: 100px !important
        }

        .p-1px {
            padding: 1px !important
        }

        .p-2px {
            padding: 2px !important
        }

        .p-3px {
            padding: 3px !important
        }

        .p-4px {
            padding: 4px !important
        }

        .p-5px {
            padding: 5px !important
        }

        .p-6px {
            padding: 6px !important
        }

        .p-7px {
            padding: 7px !important
        }

        .p-8px {
            padding: 8px !important
        }

        .p-9px {
            padding: 9px !important
        }

        .p-10px {
            padding: 10px !important
        }

        .p-5px {
            padding: 5px !important
        }

        .p-10px {
            padding: 10px !important
        }

        .p-15px {
            padding: 15px !important
        }

        .p-20px {
            padding: 20px !important
        }

        .p-25px {
            padding: 25px !important
        }

        .p-30px {
            padding: 30px !important
        }

        .p-35px {
            padding: 35px !important
        }

        .p-40px {
            padding: 40px !important
        }

        .p-45px {
            padding: 45px !important
        }

        .p-50px {
            padding: 50px !important
        }

        .p-55px {
            padding: 55px !important
        }

        .p-60px {
            padding: 60px !important
        }

        .p-65px {
            padding: 65px !important
        }

        .p-70px {
            padding: 70px !important
        }

        .p-75px {
            padding: 75px !important
        }

        .p-80px {
            padding: 80px !important
        }

        .p-85px {
            padding: 85px !important
        }

        .p-90px {
            padding: 90px !important
        }

        .p-95px {
            padding: 95px !important
        }

        .p-100px {
            padding: 100px !important
        }

        .pt-1px {
            padding-top: 1px !important
        }

        .pt-2px {
            padding-top: 2px !important
        }

        .pt-3px {
            padding-top: 3px !important
        }

        .pt-4px {
            padding-top: 4px !important
        }

        .pt-5px {
            padding-top: 5px !important
        }

        .pt-6px {
            padding-top: 6px !important
        }

        .pt-7px {
            padding-top: 7px !important
        }

        .pt-8px {
            padding-top: 8px !important
        }

        .pt-9px {
            padding-top: 9px !important
        }

        .pt-10px {
            padding-top: 10px !important
        }

        .pt-5px {
            padding-top: 5px !important
        }

        .pt-10px {
            padding-top: 10px !important
        }

        .pt-15px {
            padding-top: 15px !important
        }

        .pt-20px {
            padding-top: 20px !important
        }

        .pt-25px {
            padding-top: 25px !important
        }

        .pt-30px {
            padding-top: 30px !important
        }

        .pt-35px {
            padding-top: 35px !important
        }

        .pt-40px {
            padding-top: 40px !important
        }

        .pt-45px {
            padding-top: 45px !important
        }

        .pt-50px {
            padding-top: 50px !important
        }

        .pt-55px {
            padding-top: 55px !important
        }

        .pt-60px {
            padding-top: 60px !important
        }

        .pt-65px {
            padding-top: 65px !important
        }

        .pt-70px {
            padding-top: 70px !important
        }

        .pt-75px {
            padding-top: 75px !important
        }

        .pt-80px {
            padding-top: 80px !important
        }

        .pt-85px {
            padding-top: 85px !important
        }

        .pt-90px {
            padding-top: 90px !important
        }

        .pt-95px {
            padding-top: 95px !important
        }

        .pt-100px {
            padding-top: 100px !important
        }

        .pe-1px {
            padding-inline-end: 1px !important
        }

        .pe-2px {
            padding-inline-end: 2px !important
        }

        .pe-3px {
            padding-inline-end: 3px !important
        }

        .pe-4px {
            padding-inline-end: 4px !important
        }

        .pe-5px {
            padding-inline-end: 5px !important
        }

        .pe-6px {
            padding-inline-end: 6px !important
        }

        .pe-7px {
            padding-inline-end: 7px !important
        }

        .pe-8px {
            padding-inline-end: 8px !important
        }

        .pe-9px {
            padding-inline-end: 9px !important
        }

        .pe-10px {
            padding-inline-end: 10px !important
        }

        .pe-5px {
            padding-inline-end: 5px !important
        }

        .pe-10px {
            padding-inline-end: 10px !important
        }

        .pe-15px {
            padding-inline-end: 15px !important
        }

        .pe-20px {
            padding-inline-end: 20px !important
        }

        .pe-25px {
            padding-inline-end: 25px !important
        }

        .pe-30px {
            padding-inline-end: 30px !important
        }

        .pe-35px {
            padding-inline-end: 35px !important
        }

        .pe-40px {
            padding-inline-end: 40px !important
        }

        .pe-45px {
            padding-inline-end: 45px !important
        }

        .pe-50px {
            padding-inline-end: 50px !important
        }

        .pe-55px {
            padding-inline-end: 55px !important
        }

        .pe-60px {
            padding-inline-end: 60px !important
        }

        .pe-65px {
            padding-inline-end: 65px !important
        }

        .pe-70px {
            padding-inline-end: 70px !important
        }

        .pe-75px {
            padding-inline-end: 75px !important
        }

        .pe-80px {
            padding-inline-end: 80px !important
        }

        .pe-85px {
            padding-inline-end: 85px !important
        }

        .pe-90px {
            padding-inline-end: 90px !important
        }

        .pe-95px {
            padding-inline-end: 95px !important
        }

        .pe-100px {
            padding-inline-end: 100px !important
        }

        .pb-1px {
            padding-bottom: 1px !important
        }

        .pb-2px {
            padding-bottom: 2px !important
        }

        .pb-3px {
            padding-bottom: 3px !important
        }

        .pb-4px {
            padding-bottom: 4px !important
        }

        .pb-5px {
            padding-bottom: 5px !important
        }

        .pb-6px {
            padding-bottom: 6px !important
        }

        .pb-7px {
            padding-bottom: 7px !important
        }

        .pb-8px {
            padding-bottom: 8px !important
        }

        .pb-9px {
            padding-bottom: 9px !important
        }

        .pb-10px {
            padding-bottom: 10px !important
        }

        .pb-5px {
            padding-bottom: 5px !important
        }

        .pb-10px {
            padding-bottom: 10px !important
        }

        .pb-15px {
            padding-bottom: 15px !important
        }

        .pb-20px {
            padding-bottom: 20px !important
        }

        .pb-25px {
            padding-bottom: 25px !important
        }

        .pb-30px {
            padding-bottom: 30px !important
        }

        .pb-35px {
            padding-bottom: 35px !important
        }

        .pb-40px {
            padding-bottom: 40px !important
        }

        .pb-45px {
            padding-bottom: 45px !important
        }

        .pb-50px {
            padding-bottom: 50px !important
        }

        .pb-55px {
            padding-bottom: 55px !important
        }

        .pb-60px {
            padding-bottom: 60px !important
        }

        .pb-65px {
            padding-bottom: 65px !important
        }

        .pb-70px {
            padding-bottom: 70px !important
        }

        .pb-75px {
            padding-bottom: 75px !important
        }

        .pb-80px {
            padding-bottom: 80px !important
        }

        .pb-85px {
            padding-bottom: 85px !important
        }

        .pb-90px {
            padding-bottom: 90px !important
        }

        .pb-95px {
            padding-bottom: 95px !important
        }

        .pb-100px {
            padding-bottom: 100px !important
        }

        .ps-1px {
            padding-inline-start: 1px !important
        }

        .ps-2px {
            padding-inline-start: 2px !important
        }

        .ps-3px {
            padding-inline-start: 3px !important
        }

        .ps-4px {
            padding-inline-start: 4px !important
        }

        .ps-5px {
            padding-inline-start: 5px !important
        }

        .ps-6px {
            padding-inline-start: 6px !important
        }

        .ps-7px {
            padding-inline-start: 7px !important
        }

        .ps-8px {
            padding-inline-start: 8px !important
        }

        .ps-9px {
            padding-inline-start: 9px !important
        }

        .ps-10px {
            padding-inline-start: 10px !important
        }

        .ps-5px {
            padding-inline-start: 5px !important
        }

        .ps-10px {
            padding-inline-start: 10px !important
        }

        .ps-15px {
            padding-inline-start: 15px !important
        }

        .ps-20px {
            padding-inline-start: 20px !important
        }

        .ps-25px {
            padding-inline-start: 25px !important
        }

        .ps-30px {
            padding-inline-start: 30px !important
        }

        .ps-35px {
            padding-inline-start: 35px !important
        }

        .ps-40px {
            padding-inline-start: 40px !important
        }

        .ps-45px {
            padding-inline-start: 45px !important
        }

        .ps-50px {
            padding-inline-start: 50px !important
        }

        .ps-55px {
            padding-inline-start: 55px !important
        }

        .ps-60px {
            padding-inline-start: 60px !important
        }

        .ps-65px {
            padding-inline-start: 65px !important
        }

        .ps-70px {
            padding-inline-start: 70px !important
        }

        .ps-75px {
            padding-inline-start: 75px !important
        }

        .ps-80px {
            padding-inline-start: 80px !important
        }

        .ps-85px {
            padding-inline-start: 85px !important
        }

        .ps-90px {
            padding-inline-start: 90px !important
        }

        .ps-95px {
            padding-inline-start: 95px !important
        }

        .ps-100px {
            padding-inline-start: 100px !important
        }

        .px-1px {
            padding-inline-start: 1px !important;
            padding-inline-end: 1px !important
        }

        .px-2px {
            padding-inline-start: 2px !important;
            padding-inline-end: 2px !important
        }

        .px-3px {
            padding-inline-start: 3px !important;
            padding-inline-end: 3px !important
        }

        .px-4px {
            padding-inline-start: 4px !important;
            padding-inline-end: 4px !important
        }

        .px-5px {
            padding-inline-start: 5px !important;
            padding-inline-end: 5px !important
        }

        .px-6px {
            padding-inline-start: 6px !important;
            padding-inline-end: 6px !important
        }

        .px-7px {
            padding-inline-start: 7px !important;
            padding-inline-end: 7px !important
        }

        .px-8px {
            padding-inline-start: 8px !important;
            padding-inline-end: 8px !important
        }

        .px-9px {
            padding-inline-start: 9px !important;
            padding-inline-end: 9px !important
        }

        .px-10px {
            padding-inline-start: 10px !important;
            padding-inline-end: 10px !important
        }

        .px-5px {
            padding-inline-start: 5px !important;
            padding-inline-end: 5px !important
        }

        .px-10px {
            padding-inline-start: 10px !important;
            padding-inline-end: 10px !important
        }

        .px-15px {
            padding-inline-start: 15px !important;
            padding-inline-end: 15px !important
        }

        .px-20px {
            padding-inline-start: 20px !important;
            padding-inline-end: 20px !important
        }

        .px-25px {
            padding-inline-start: 25px !important;
            padding-inline-end: 25px !important
        }

        .px-30px {
            padding-inline-start: 30px !important;
            padding-inline-end: 30px !important
        }

        .px-35px {
            padding-inline-start: 35px !important;
            padding-inline-end: 35px !important
        }

        .px-40px {
            padding-inline-start: 40px !important;
            padding-inline-end: 40px !important
        }

        .px-45px {
            padding-inline-start: 45px !important;
            padding-inline-end: 45px !important
        }

        .px-50px {
            padding-inline-start: 50px !important;
            padding-inline-end: 50px !important
        }

        .px-55px {
            padding-inline-start: 55px !important;
            padding-inline-end: 55px !important
        }

        .px-60px {
            padding-inline-start: 60px !important;
            padding-inline-end: 60px !important
        }

        .px-65px {
            padding-inline-start: 65px !important;
            padding-inline-end: 65px !important
        }

        .px-70px {
            padding-inline-start: 70px !important;
            padding-inline-end: 70px !important
        }

        .px-75px {
            padding-inline-start: 75px !important;
            padding-inline-end: 75px !important
        }

        .px-80px {
            padding-inline-start: 80px !important;
            padding-inline-end: 80px !important
        }

        .px-85px {
            padding-inline-start: 85px !important;
            padding-inline-end: 85px !important
        }

        .px-90px {
            padding-inline-start: 90px !important;
            padding-inline-end: 90px !important
        }

        .px-95px {
            padding-inline-start: 95px !important;
            padding-inline-end: 95px !important
        }

        .px-100px {
            padding-inline-start: 100px !important;
            padding-inline-end: 100px !important
        }

        .py-1px {
            padding-top: 1px !important;
            padding-bottom: 1px !important
        }

        .py-2px {
            padding-top: 2px !important;
            padding-bottom: 2px !important
        }

        .py-3px {
            padding-top: 3px !important;
            padding-bottom: 3px !important
        }

        .py-4px {
            padding-top: 4px !important;
            padding-bottom: 4px !important
        }

        .py-5px {
            padding-top: 5px !important;
            padding-bottom: 5px !important
        }

        .py-6px {
            padding-top: 6px !important;
            padding-bottom: 6px !important
        }

        .py-7px {
            padding-top: 7px !important;
            padding-bottom: 7px !important
        }

        .py-8px {
            padding-top: 8px !important;
            padding-bottom: 8px !important
        }

        .py-9px {
            padding-top: 9px !important;
            padding-bottom: 9px !important
        }

        .py-10px {
            padding-top: 10px !important;
            padding-bottom: 10px !important
        }

        .py-5px {
            padding-top: 5px !important;
            padding-bottom: 5px !important
        }

        .py-10px {
            padding-top: 10px !important;
            padding-bottom: 10px !important
        }

        .py-15px {
            padding-top: 15px !important;
            padding-bottom: 15px !important
        }

        .py-20px {
            padding-top: 20px !important;
            padding-bottom: 20px !important
        }

        .py-25px {
            padding-top: 25px !important;
            padding-bottom: 25px !important
        }

        .py-30px {
            padding-top: 30px !important;
            padding-bottom: 30px !important
        }

        .py-35px {
            padding-top: 35px !important;
            padding-bottom: 35px !important
        }

        .py-40px {
            padding-top: 40px !important;
            padding-bottom: 40px !important
        }

        .py-45px {
            padding-top: 45px !important;
            padding-bottom: 45px !important
        }

        .py-50px {
            padding-top: 50px !important;
            padding-bottom: 50px !important
        }

        .py-55px {
            padding-top: 55px !important;
            padding-bottom: 55px !important
        }

        .py-60px {
            padding-top: 60px !important;
            padding-bottom: 60px !important
        }

        .py-65px {
            padding-top: 65px !important;
            padding-bottom: 65px !important
        }

        .py-70px {
            padding-top: 70px !important;
            padding-bottom: 70px !important
        }

        .py-75px {
            padding-top: 75px !important;
            padding-bottom: 75px !important
        }

        .py-80px {
            padding-top: 80px !important;
            padding-bottom: 80px !important
        }

        .py-85px {
            padding-top: 85px !important;
            padding-bottom: 85px !important
        }

        .py-90px {
            padding-top: 90px !important;
            padding-bottom: 90px !important
        }

        .py-95px {
            padding-top: 95px !important;
            padding-bottom: 95px !important
        }

        .py-100px {
            padding-top: 100px !important;
            padding-bottom: 100px !important
        }

        .fs-1px {
            font-size: 1px !important
        }

        .fs-2px {
            font-size: 2px !important
        }

        .fs-3px {
            font-size: 3px !important
        }

        .fs-4px {
            font-size: 4px !important
        }

        .fs-5px {
            font-size: 5px !important
        }

        .fs-6px {
            font-size: 6px !important
        }

        .fs-7px {
            font-size: 7px !important
        }

        .fs-8px {
            font-size: 8px !important
        }

        .fs-9px {
            font-size: 9px !important
        }

        .fs-10px {
            font-size: 10px !important
        }

        .fs-11px {
            font-size: 11px !important
        }

        .fs-12px {
            font-size: 12px !important
        }

        .fs-13px {
            font-size: 13px !important
        }

        .fs-14px {
            font-size: 14px !important
        }

        .fs-15px {
            font-size: 15px !important
        }

        .fs-16px {
            font-size: 16px !important
        }

        .fs-17px {
            font-size: 17px !important
        }

        .fs-18px {
            font-size: 18px !important
        }

        .fs-19px {
            font-size: 19px !important
        }

        .fs-20px {
            font-size: 20px !important
        }

        .fs-21px {
            font-size: 21px !important
        }

        .fs-22px {
            font-size: 22px !important
        }

        .fs-23px {
            font-size: 23px !important
        }

        .fs-24px {
            font-size: 24px !important
        }

        .fs-25px {
            font-size: 25px !important
        }

        .fs-26px {
            font-size: 26px !important
        }

        .fs-27px {
            font-size: 27px !important
        }

        .fs-28px {
            font-size: 28px !important
        }

        .fs-29px {
            font-size: 29px !important
        }

        .fs-30px {
            font-size: 30px !important
        }

        .fs-31px {
            font-size: 31px !important
        }

        .fs-32px {
            font-size: 32px !important
        }

        .fs-33px {
            font-size: 33px !important
        }

        .fs-34px {
            font-size: 34px !important
        }

        .fs-35px {
            font-size: 35px !important
        }

        .fs-36px {
            font-size: 36px !important
        }

        .fs-37px {
            font-size: 37px !important
        }

        .fs-38px {
            font-size: 38px !important
        }

        .fs-39px {
            font-size: 39px !important
        }

        .fs-40px {
            font-size: 40px !important
        }

        .fs-41px {
            font-size: 41px !important
        }

        .fs-42px {
            font-size: 42px !important
        }

        .fs-43px {
            font-size: 43px !important
        }

        .fs-44px {
            font-size: 44px !important
        }

        .fs-45px {
            font-size: 45px !important
        }

        .fs-46px {
            font-size: 46px !important
        }

        .fs-47px {
            font-size: 47px !important
        }

        .fs-48px {
            font-size: 48px !important
        }

        .fs-49px {
            font-size: 49px !important
        }

        .fs-50px {
            font-size: 50px !important
        }

        .fs-51px {
            font-size: 51px !important
        }

        .fs-52px {
            font-size: 52px !important
        }

        .fs-53px {
            font-size: 53px !important
        }

        .fs-54px {
            font-size: 54px !important
        }

        .fs-55px {
            font-size: 55px !important
        }

        .fs-56px {
            font-size: 56px !important
        }

        .fs-57px {
            font-size: 57px !important
        }

        .fs-58px {
            font-size: 58px !important
        }

        .fs-59px {
            font-size: 59px !important
        }

        .fs-60px {
            font-size: 60px !important
        }

        .fs-61px {
            font-size: 61px !important
        }

        .fs-62px {
            font-size: 62px !important
        }

        .fs-63px {
            font-size: 63px !important
        }

        .fs-64px {
            font-size: 64px !important
        }

        .fs-65px {
            font-size: 65px !important
        }

        .fs-66px {
            font-size: 66px !important
        }

        .fs-67px {
            font-size: 67px !important
        }

        .fs-68px {
            font-size: 68px !important
        }

        .fs-69px {
            font-size: 69px !important
        }

        .fs-70px {
            font-size: 70px !important
        }

        .fs-71px {
            font-size: 71px !important
        }

        .fs-72px {
            font-size: 72px !important
        }

        .fs-73px {
            font-size: 73px !important
        }

        .fs-74px {
            font-size: 74px !important
        }

        .fs-75px {
            font-size: 75px !important
        }

        .fs-76px {
            font-size: 76px !important
        }

        .fs-77px {
            font-size: 77px !important
        }

        .fs-78px {
            font-size: 78px !important
        }

        .fs-79px {
            font-size: 79px !important
        }

        .fs-80px {
            font-size: 80px !important
        }

        .fw-100 {
            font-weight: 100 !important
        }

        .fw-200 {
            font-weight: 200 !important
        }

        .fw-300 {
            font-weight: 300 !important
        }

        .fw-400 {
            font-weight: 400 !important
        }

        .fw-500 {
            font-weight: 500 !important
        }

        .fw-600 {
            font-weight: 600 !important
        }

        .fw-700 {
            font-weight: 700 !important
        }

        .fw-800 {
            font-weight: 800 !important
        }

        .border-theme {
            border-color: var(--bs-app-theme) !important
        }

        .text-theme {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-app-theme-rgb), var(--bs-text-opacity)) !important
        }

        .text-theme-color {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-app-theme-color-rgb), var(--bs-text-opacity)) !important
        }

        .text-ellipsis {
            white-space: nowrap !important;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .text-gradient {
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important
        }

        .lh-10 {
            line-height: 1 !important
        }

        .rounded-10px {
            border-radius: 10px !important
        }

        .lh-11 {
            line-height: 1.1 !important
        }

        .rounded-11px {
            border-radius: 11px !important
        }

        .lh-12 {
            line-height: 1.2 !important
        }

        .rounded-12px {
            border-radius: 12px !important
        }

        .lh-13 {
            line-height: 1.3 !important
        }

        .rounded-13px {
            border-radius: 13px !important
        }

        .lh-14 {
            line-height: 1.4 !important
        }

        .rounded-14px {
            border-radius: 14px !important
        }

        .lh-15 {
            line-height: 1.5 !important
        }

        .rounded-15px {
            border-radius: 15px !important
        }

        .lh-16 {
            line-height: 1.6 !important
        }

        .rounded-16px {
            border-radius: 16px !important
        }

        .lh-17 {
            line-height: 1.7 !important
        }

        .rounded-17px {
            border-radius: 17px !important
        }

        .lh-18 {
            line-height: 1.8 !important
        }

        .rounded-18px {
            border-radius: 18px !important
        }

        .lh-19 {
            line-height: 1.9 !important
        }

        .rounded-19px {
            border-radius: 19px !important
        }

        .lh-20 {
            line-height: 2 !important
        }

        .rounded-20px {
            border-radius: 20px !important
        }

        .cursor-pointer {
            cursor: pointer !important
        }

        .cursor-text {
            cursor: text !important
        }

        .cursor-default {
            cursor: default !important
        }

        .cursor-inherit {
            cursor: inherit !important
        }

        .cursor-move {
            cursor: move !important
        }

        .cursor-progress {
            cursor: progress !important
        }

        .hover-show:hover .hover-show-elm {
            display: block !important
        }

        .hover-bg-component:hover {
            background-color: var(--bs-component-bg) !important
        }

        .hover-bg-body:hover {
            background-color: var(--bs-body-bg) !important
        }

        .mw-75 {
            max-width: 75% !important
        }

        .mw-50 {
            max-width: 50% !important
        }

        .mw-25 {
            max-width: 25% !important
        }

        .mh-75 {
            max-height: 75% !important
        }

        .mh-50 {
            max-height: 50% !important
        }

        .mh-25 {
            max-height: 25% !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
        }

        .transform-none {
            transform: none !important
        }

        .transform-initial {
            transform: initial !important
        }

        .visibility-none {
            visibility: none !important
        }

        .visibility-initial {
            visibility: initial !important
        }

        .z-xs-n1 {
            z-index: -1 !important
        }

        .z-xs-0 {
            z-index: 0 !important
        }

        .z-xs-1 {
            z-index: 1 !important
        }

        .z-xs-2 {
            z-index: 2 !important
        }

        .z-xs-3 {
            z-index: 3 !important
        }

        @media (min-width:576px) {
            .position-sm-static {
                position: static !important
            }
        }

        @media (min-width:576px) {
            .position-sm-relative {
                position: relative !important
            }
        }

        @media (min-width:576px) {
            .position-sm-absolute {
                position: absolute !important
            }
        }

        @media (min-width:576px) {
            .position-sm-fixed {
                position: fixed !important
            }
        }

        @media (min-width:576px) {
            .position-sm-sticky {
                position: sticky !important
            }
        }

        @media (min-width:576px) {
            .transform-sm-none {
                transform: none !important
            }
        }

        @media (min-width:576px) {
            .transform-sm-initial {
                transform: initial !important
            }
        }

        @media (min-width:576px) {
            .visibility-sm-none {
                visibility: none !important
            }
        }

        @media (min-width:576px) {
            .visibility-sm-initial {
                visibility: initial !important
            }
        }

        @media (min-width:576px) {
            .z-sm-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:576px) {
            .z-sm-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:576px) {
            .z-sm-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:576px) {
            .z-sm-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:576px) {
            .z-sm-3 {
                z-index: 3 !important
            }
        }

        @media (min-width:768px) {
            .position-md-static {
                position: static !important
            }
        }

        @media (min-width:768px) {
            .position-md-relative {
                position: relative !important
            }
        }

        @media (min-width:768px) {
            .position-md-absolute {
                position: absolute !important
            }
        }

        @media (min-width:768px) {
            .position-md-fixed {
                position: fixed !important
            }
        }

        @media (min-width:768px) {
            .position-md-sticky {
                position: sticky !important
            }
        }

        @media (min-width:768px) {
            .transform-md-none {
                transform: none !important
            }
        }

        @media (min-width:768px) {
            .transform-md-initial {
                transform: initial !important
            }
        }

        @media (min-width:768px) {
            .visibility-md-none {
                visibility: none !important
            }
        }

        @media (min-width:768px) {
            .visibility-md-initial {
                visibility: initial !important
            }
        }

        @media (min-width:768px) {
            .z-md-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:768px) {
            .z-md-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:768px) {
            .z-md-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:768px) {
            .z-md-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:768px) {
            .z-md-3 {
                z-index: 3 !important
            }
        }

        @media (min-width:992px) {
            .position-lg-static {
                position: static !important
            }
        }

        @media (min-width:992px) {
            .position-lg-relative {
                position: relative !important
            }
        }

        @media (min-width:992px) {
            .position-lg-absolute {
                position: absolute !important
            }
        }

        @media (min-width:992px) {
            .position-lg-fixed {
                position: fixed !important
            }
        }

        @media (min-width:992px) {
            .position-lg-sticky {
                position: sticky !important
            }
        }

        @media (min-width:992px) {
            .transform-lg-none {
                transform: none !important
            }
        }

        @media (min-width:992px) {
            .transform-lg-initial {
                transform: initial !important
            }
        }

        @media (min-width:992px) {
            .visibility-lg-none {
                visibility: none !important
            }
        }

        @media (min-width:992px) {
            .visibility-lg-initial {
                visibility: initial !important
            }
        }

        @media (min-width:992px) {
            .z-lg-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:992px) {
            .z-lg-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:992px) {
            .z-lg-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:992px) {
            .z-lg-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:992px) {
            .z-lg-3 {
                z-index: 3 !important
            }
        }

        @media (min-width:1200px) {
            .position-xl-static {
                position: static !important
            }
        }

        @media (min-width:1200px) {
            .position-xl-relative {
                position: relative !important
            }
        }

        @media (min-width:1200px) {
            .position-xl-absolute {
                position: absolute !important
            }
        }

        @media (min-width:1200px) {
            .position-xl-fixed {
                position: fixed !important
            }
        }

        @media (min-width:1200px) {
            .position-xl-sticky {
                position: sticky !important
            }
        }

        @media (min-width:1200px) {
            .transform-xl-none {
                transform: none !important
            }
        }

        @media (min-width:1200px) {
            .transform-xl-initial {
                transform: initial !important
            }
        }

        @media (min-width:1200px) {
            .visibility-xl-none {
                visibility: none !important
            }
        }

        @media (min-width:1200px) {
            .visibility-xl-initial {
                visibility: initial !important
            }
        }

        @media (min-width:1200px) {
            .z-xl-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:1200px) {
            .z-xl-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:1200px) {
            .z-xl-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:1200px) {
            .z-xl-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:1200px) {
            .z-xl-3 {
                z-index: 3 !important
            }
        }

        @media (min-width:1400px) {
            .position-xxl-static {
                position: static !important
            }
        }

        @media (min-width:1400px) {
            .position-xxl-relative {
                position: relative !important
            }
        }

        @media (min-width:1400px) {
            .position-xxl-absolute {
                position: absolute !important
            }
        }

        @media (min-width:1400px) {
            .position-xxl-fixed {
                position: fixed !important
            }
        }

        @media (min-width:1400px) {
            .position-xxl-sticky {
                position: sticky !important
            }
        }

        @media (min-width:1400px) {
            .transform-xxl-none {
                transform: none !important
            }
        }

        @media (min-width:1400px) {
            .transform-xxl-initial {
                transform: initial !important
            }
        }

        @media (min-width:1400px) {
            .visibility-xxl-none {
                visibility: none !important
            }
        }

        @media (min-width:1400px) {
            .visibility-xxl-initial {
                visibility: initial !important
            }
        }

        @media (min-width:1400px) {
            .z-xxl-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:1400px) {
            .z-xxl-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:1400px) {
            .z-xxl-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:1400px) {
            .z-xxl-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:1400px) {
            .z-xxl-3 {
                z-index: 3 !important
            }
        }

        @media (min-width:1800px) {
            .position-xxxl-static {
                position: static !important
            }
        }

        @media (min-width:1800px) {
            .position-xxxl-relative {
                position: relative !important
            }
        }

        @media (min-width:1800px) {
            .position-xxxl-absolute {
                position: absolute !important
            }
        }

        @media (min-width:1800px) {
            .position-xxxl-fixed {
                position: fixed !important
            }
        }

        @media (min-width:1800px) {
            .position-xxxl-sticky {
                position: sticky !important
            }
        }

        @media (min-width:1800px) {
            .transform-xxxl-none {
                transform: none !important
            }
        }

        @media (min-width:1800px) {
            .transform-xxxl-initial {
                transform: initial !important
            }
        }

        @media (min-width:1800px) {
            .visibility-xxxl-none {
                visibility: none !important
            }
        }

        @media (min-width:1800px) {
            .visibility-xxxl-initial {
                visibility: initial !important
            }
        }

        @media (min-width:1800px) {
            .z-xxxl-n1 {
                z-index: -1 !important
            }
        }

        @media (min-width:1800px) {
            .z-xxxl-0 {
                z-index: 0 !important
            }
        }

        @media (min-width:1800px) {
            .z-xxxl-1 {
                z-index: 1 !important
            }
        }

        @media (min-width:1800px) {
            .z-xxxl-2 {
                z-index: 2 !important
            }
        }

        @media (min-width:1800px) {
            .z-xxxl-3 {
                z-index: 3 !important
            }
        }

        .shimmer-loader {
            position: relative;
            overflow: hidden;
            background: rgba(var(--bs-gray-rgb), .15)
        }

        .shimmer-loader::before {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent 0, rgba(var(--bs-gray-dark-rgb), .1) 50%, transparent 100%);
            animation: shimmer 1.5s infinite
        }

        @keyframes shimmer {
            0% {
                inset-inline-start: -100%
            }

            100% {
                inset-inline-start: 100%
            }
        }

        .typing-animation {
            overflow: hidden;
            white-space: nowrap;
            animation: typing 2.5s steps(50, end)
        }

        @keyframes typing {
            from {
                width: 0
            }

            to {
                width: 100%
            }
        }

        .flex-1 {
            flex: 1
        }

        .w-0px {
            width: 0 !important
        }

        .w-xs-0px {
            width: 0 !important
        }

        @media (min-width:576px) {
            .w-sm-0px {
                width: 0 !important
            }
        }

        @media (min-width:768px) {
            .w-md-0px {
                width: 0 !important
            }
        }

        @media (min-width:992px) {
            .w-lg-0px {
                width: 0 !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-0px {
                width: 0 !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-0px {
                width: 0 !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-0px {
                width: 0 !important
            }
        }

        .w-50px {
            width: 50px !important
        }

        .w-xs-50px {
            width: 50px !important
        }

        @media (min-width:576px) {
            .w-sm-50px {
                width: 50px !important
            }
        }

        @media (min-width:768px) {
            .w-md-50px {
                width: 50px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-50px {
                width: 50px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-50px {
                width: 50px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-50px {
                width: 50px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-50px {
                width: 50px !important
            }
        }

        .w-100px {
            width: 100px !important
        }

        .w-xs-100px {
            width: 100px !important
        }

        @media (min-width:576px) {
            .w-sm-100px {
                width: 100px !important
            }
        }

        @media (min-width:768px) {
            .w-md-100px {
                width: 100px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-100px {
                width: 100px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-100px {
                width: 100px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-100px {
                width: 100px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-100px {
                width: 100px !important
            }
        }

        .w-150px {
            width: 150px !important
        }

        .w-xs-150px {
            width: 150px !important
        }

        @media (min-width:576px) {
            .w-sm-150px {
                width: 150px !important
            }
        }

        @media (min-width:768px) {
            .w-md-150px {
                width: 150px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-150px {
                width: 150px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-150px {
                width: 150px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-150px {
                width: 150px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-150px {
                width: 150px !important
            }
        }

        .w-200px {
            width: 200px !important
        }

        .w-xs-200px {
            width: 200px !important
        }

        @media (min-width:576px) {
            .w-sm-200px {
                width: 200px !important
            }
        }

        @media (min-width:768px) {
            .w-md-200px {
                width: 200px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-200px {
                width: 200px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-200px {
                width: 200px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-200px {
                width: 200px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-200px {
                width: 200px !important
            }
        }

        .w-250px {
            width: 250px !important
        }

        .w-xs-250px {
            width: 250px !important
        }

        @media (min-width:576px) {
            .w-sm-250px {
                width: 250px !important
            }
        }

        @media (min-width:768px) {
            .w-md-250px {
                width: 250px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-250px {
                width: 250px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-250px {
                width: 250px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-250px {
                width: 250px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-250px {
                width: 250px !important
            }
        }

        .w-300px {
            width: 300px !important
        }

        .w-xs-300px {
            width: 300px !important
        }

        @media (min-width:576px) {
            .w-sm-300px {
                width: 300px !important
            }
        }

        @media (min-width:768px) {
            .w-md-300px {
                width: 300px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-300px {
                width: 300px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-300px {
                width: 300px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-300px {
                width: 300px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-300px {
                width: 300px !important
            }
        }

        .w-350px {
            width: 350px !important
        }

        .w-xs-350px {
            width: 350px !important
        }

        @media (min-width:576px) {
            .w-sm-350px {
                width: 350px !important
            }
        }

        @media (min-width:768px) {
            .w-md-350px {
                width: 350px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-350px {
                width: 350px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-350px {
                width: 350px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-350px {
                width: 350px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-350px {
                width: 350px !important
            }
        }

        .w-400px {
            width: 400px !important
        }

        .w-xs-400px {
            width: 400px !important
        }

        @media (min-width:576px) {
            .w-sm-400px {
                width: 400px !important
            }
        }

        @media (min-width:768px) {
            .w-md-400px {
                width: 400px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-400px {
                width: 400px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-400px {
                width: 400px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-400px {
                width: 400px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-400px {
                width: 400px !important
            }
        }

        .w-450px {
            width: 450px !important
        }

        .w-xs-450px {
            width: 450px !important
        }

        @media (min-width:576px) {
            .w-sm-450px {
                width: 450px !important
            }
        }

        @media (min-width:768px) {
            .w-md-450px {
                width: 450px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-450px {
                width: 450px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-450px {
                width: 450px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-450px {
                width: 450px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-450px {
                width: 450px !important
            }
        }

        .w-500px {
            width: 500px !important
        }

        .w-xs-500px {
            width: 500px !important
        }

        @media (min-width:576px) {
            .w-sm-500px {
                width: 500px !important
            }
        }

        @media (min-width:768px) {
            .w-md-500px {
                width: 500px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-500px {
                width: 500px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-500px {
                width: 500px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-500px {
                width: 500px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-500px {
                width: 500px !important
            }
        }

        .w-550px {
            width: 550px !important
        }

        .w-xs-550px {
            width: 550px !important
        }

        @media (min-width:576px) {
            .w-sm-550px {
                width: 550px !important
            }
        }

        @media (min-width:768px) {
            .w-md-550px {
                width: 550px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-550px {
                width: 550px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-550px {
                width: 550px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-550px {
                width: 550px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-550px {
                width: 550px !important
            }
        }

        .w-600px {
            width: 600px !important
        }

        .w-xs-600px {
            width: 600px !important
        }

        @media (min-width:576px) {
            .w-sm-600px {
                width: 600px !important
            }
        }

        @media (min-width:768px) {
            .w-md-600px {
                width: 600px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-600px {
                width: 600px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-600px {
                width: 600px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-600px {
                width: 600px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-600px {
                width: 600px !important
            }
        }

        .w-5px {
            width: 5px !important
        }

        .w-xs-5px {
            width: 5px !important
        }

        @media (min-width:576px) {
            .w-sm-5px {
                width: 5px !important
            }
        }

        @media (min-width:768px) {
            .w-md-5px {
                width: 5px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-5px {
                width: 5px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-5px {
                width: 5px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-5px {
                width: 5px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-5px {
                width: 5px !important
            }
        }

        .w-10px {
            width: 10px !important
        }

        .w-xs-10px {
            width: 10px !important
        }

        @media (min-width:576px) {
            .w-sm-10px {
                width: 10px !important
            }
        }

        @media (min-width:768px) {
            .w-md-10px {
                width: 10px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-10px {
                width: 10px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-10px {
                width: 10px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-10px {
                width: 10px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-10px {
                width: 10px !important
            }
        }

        .w-15px {
            width: 15px !important
        }

        .w-xs-15px {
            width: 15px !important
        }

        @media (min-width:576px) {
            .w-sm-15px {
                width: 15px !important
            }
        }

        @media (min-width:768px) {
            .w-md-15px {
                width: 15px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-15px {
                width: 15px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-15px {
                width: 15px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-15px {
                width: 15px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-15px {
                width: 15px !important
            }
        }

        .w-20px {
            width: 20px !important
        }

        .w-xs-20px {
            width: 20px !important
        }

        @media (min-width:576px) {
            .w-sm-20px {
                width: 20px !important
            }
        }

        @media (min-width:768px) {
            .w-md-20px {
                width: 20px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-20px {
                width: 20px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-20px {
                width: 20px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-20px {
                width: 20px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-20px {
                width: 20px !important
            }
        }

        .w-25px {
            width: 25px !important
        }

        .w-xs-25px {
            width: 25px !important
        }

        @media (min-width:576px) {
            .w-sm-25px {
                width: 25px !important
            }
        }

        @media (min-width:768px) {
            .w-md-25px {
                width: 25px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-25px {
                width: 25px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-25px {
                width: 25px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-25px {
                width: 25px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-25px {
                width: 25px !important
            }
        }

        .w-30px {
            width: 30px !important
        }

        .w-xs-30px {
            width: 30px !important
        }

        @media (min-width:576px) {
            .w-sm-30px {
                width: 30px !important
            }
        }

        @media (min-width:768px) {
            .w-md-30px {
                width: 30px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-30px {
                width: 30px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-30px {
                width: 30px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-30px {
                width: 30px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-30px {
                width: 30px !important
            }
        }

        .w-35px {
            width: 35px !important
        }

        .w-xs-35px {
            width: 35px !important
        }

        @media (min-width:576px) {
            .w-sm-35px {
                width: 35px !important
            }
        }

        @media (min-width:768px) {
            .w-md-35px {
                width: 35px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-35px {
                width: 35px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-35px {
                width: 35px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-35px {
                width: 35px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-35px {
                width: 35px !important
            }
        }

        .w-40px {
            width: 40px !important
        }

        .w-xs-40px {
            width: 40px !important
        }

        @media (min-width:576px) {
            .w-sm-40px {
                width: 40px !important
            }
        }

        @media (min-width:768px) {
            .w-md-40px {
                width: 40px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-40px {
                width: 40px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-40px {
                width: 40px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-40px {
                width: 40px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-40px {
                width: 40px !important
            }
        }

        .w-45px {
            width: 45px !important
        }

        .w-xs-45px {
            width: 45px !important
        }

        @media (min-width:576px) {
            .w-sm-45px {
                width: 45px !important
            }
        }

        @media (min-width:768px) {
            .w-md-45px {
                width: 45px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-45px {
                width: 45px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-45px {
                width: 45px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-45px {
                width: 45px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-45px {
                width: 45px !important
            }
        }

        .w-50px {
            width: 50px !important
        }

        .w-xs-50px {
            width: 50px !important
        }

        @media (min-width:576px) {
            .w-sm-50px {
                width: 50px !important
            }
        }

        @media (min-width:768px) {
            .w-md-50px {
                width: 50px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-50px {
                width: 50px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-50px {
                width: 50px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-50px {
                width: 50px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-50px {
                width: 50px !important
            }
        }

        .w-55px {
            width: 55px !important
        }

        .w-xs-55px {
            width: 55px !important
        }

        @media (min-width:576px) {
            .w-sm-55px {
                width: 55px !important
            }
        }

        @media (min-width:768px) {
            .w-md-55px {
                width: 55px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-55px {
                width: 55px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-55px {
                width: 55px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-55px {
                width: 55px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-55px {
                width: 55px !important
            }
        }

        .w-60px {
            width: 60px !important
        }

        .w-xs-60px {
            width: 60px !important
        }

        @media (min-width:576px) {
            .w-sm-60px {
                width: 60px !important
            }
        }

        @media (min-width:768px) {
            .w-md-60px {
                width: 60px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-60px {
                width: 60px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-60px {
                width: 60px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-60px {
                width: 60px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-60px {
                width: 60px !important
            }
        }

        .w-65px {
            width: 65px !important
        }

        .w-xs-65px {
            width: 65px !important
        }

        @media (min-width:576px) {
            .w-sm-65px {
                width: 65px !important
            }
        }

        @media (min-width:768px) {
            .w-md-65px {
                width: 65px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-65px {
                width: 65px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-65px {
                width: 65px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-65px {
                width: 65px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-65px {
                width: 65px !important
            }
        }

        .w-70px {
            width: 70px !important
        }

        .w-xs-70px {
            width: 70px !important
        }

        @media (min-width:576px) {
            .w-sm-70px {
                width: 70px !important
            }
        }

        @media (min-width:768px) {
            .w-md-70px {
                width: 70px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-70px {
                width: 70px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-70px {
                width: 70px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-70px {
                width: 70px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-70px {
                width: 70px !important
            }
        }

        .w-75px {
            width: 75px !important
        }

        .w-xs-75px {
            width: 75px !important
        }

        @media (min-width:576px) {
            .w-sm-75px {
                width: 75px !important
            }
        }

        @media (min-width:768px) {
            .w-md-75px {
                width: 75px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-75px {
                width: 75px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-75px {
                width: 75px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-75px {
                width: 75px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-75px {
                width: 75px !important
            }
        }

        .w-80px {
            width: 80px !important
        }

        .w-xs-80px {
            width: 80px !important
        }

        @media (min-width:576px) {
            .w-sm-80px {
                width: 80px !important
            }
        }

        @media (min-width:768px) {
            .w-md-80px {
                width: 80px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-80px {
                width: 80px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-80px {
                width: 80px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-80px {
                width: 80px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-80px {
                width: 80px !important
            }
        }

        .w-85px {
            width: 85px !important
        }

        .w-xs-85px {
            width: 85px !important
        }

        @media (min-width:576px) {
            .w-sm-85px {
                width: 85px !important
            }
        }

        @media (min-width:768px) {
            .w-md-85px {
                width: 85px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-85px {
                width: 85px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-85px {
                width: 85px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-85px {
                width: 85px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-85px {
                width: 85px !important
            }
        }

        .w-90px {
            width: 90px !important
        }

        .w-xs-90px {
            width: 90px !important
        }

        @media (min-width:576px) {
            .w-sm-90px {
                width: 90px !important
            }
        }

        @media (min-width:768px) {
            .w-md-90px {
                width: 90px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-90px {
                width: 90px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-90px {
                width: 90px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-90px {
                width: 90px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-90px {
                width: 90px !important
            }
        }

        .w-95px {
            width: 95px !important
        }

        .w-xs-95px {
            width: 95px !important
        }

        @media (min-width:576px) {
            .w-sm-95px {
                width: 95px !important
            }
        }

        @media (min-width:768px) {
            .w-md-95px {
                width: 95px !important
            }
        }

        @media (min-width:992px) {
            .w-lg-95px {
                width: 95px !important
            }
        }

        @media (min-width:1200px) {
            .w-xl-95px {
                width: 95px !important
            }
        }

        @media (min-width:1400px) {
            .w-xxl-95px {
                width: 95px !important
            }
        }

        @media (min-width:1800px) {
            .w-xxxl-95px {
                width: 95px !important
            }
        }

        .h-0px {
            height: 0 !important
        }

        .h-xs-0px {
            height: 0 !important
        }

        @media (min-width:576px) {
            .h-sm-0px {
                height: 0 !important
            }
        }

        @media (min-width:768px) {
            .h-md-0px {
                height: 0 !important
            }
        }

        @media (min-width:992px) {
            .h-lg-0px {
                height: 0 !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-0px {
                height: 0 !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-0px {
                height: 0 !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-0px {
                height: 0 !important
            }
        }

        .h-50px {
            height: 50px !important
        }

        .h-xs-50px {
            height: 50px !important
        }

        @media (min-width:576px) {
            .h-sm-50px {
                height: 50px !important
            }
        }

        @media (min-width:768px) {
            .h-md-50px {
                height: 50px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-50px {
                height: 50px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-50px {
                height: 50px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-50px {
                height: 50px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-50px {
                height: 50px !important
            }
        }

        .h-100px {
            height: 100px !important
        }

        .h-xs-100px {
            height: 100px !important
        }

        @media (min-width:576px) {
            .h-sm-100px {
                height: 100px !important
            }
        }

        @media (min-width:768px) {
            .h-md-100px {
                height: 100px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-100px {
                height: 100px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-100px {
                height: 100px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-100px {
                height: 100px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-100px {
                height: 100px !important
            }
        }

        .h-150px {
            height: 150px !important
        }

        .h-xs-150px {
            height: 150px !important
        }

        @media (min-width:576px) {
            .h-sm-150px {
                height: 150px !important
            }
        }

        @media (min-width:768px) {
            .h-md-150px {
                height: 150px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-150px {
                height: 150px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-150px {
                height: 150px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-150px {
                height: 150px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-150px {
                height: 150px !important
            }
        }

        .h-200px {
            height: 200px !important
        }

        .h-xs-200px {
            height: 200px !important
        }

        @media (min-width:576px) {
            .h-sm-200px {
                height: 200px !important
            }
        }

        @media (min-width:768px) {
            .h-md-200px {
                height: 200px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-200px {
                height: 200px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-200px {
                height: 200px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-200px {
                height: 200px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-200px {
                height: 200px !important
            }
        }

        .h-250px {
            height: 250px !important
        }

        .h-xs-250px {
            height: 250px !important
        }

        @media (min-width:576px) {
            .h-sm-250px {
                height: 250px !important
            }
        }

        @media (min-width:768px) {
            .h-md-250px {
                height: 250px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-250px {
                height: 250px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-250px {
                height: 250px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-250px {
                height: 250px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-250px {
                height: 250px !important
            }
        }

        .h-300px {
            height: 300px !important
        }

        .h-xs-300px {
            height: 300px !important
        }

        @media (min-width:576px) {
            .h-sm-300px {
                height: 300px !important
            }
        }

        @media (min-width:768px) {
            .h-md-300px {
                height: 300px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-300px {
                height: 300px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-300px {
                height: 300px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-300px {
                height: 300px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-300px {
                height: 300px !important
            }
        }

        .h-350px {
            height: 350px !important
        }

        .h-xs-350px {
            height: 350px !important
        }

        @media (min-width:576px) {
            .h-sm-350px {
                height: 350px !important
            }
        }

        @media (min-width:768px) {
            .h-md-350px {
                height: 350px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-350px {
                height: 350px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-350px {
                height: 350px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-350px {
                height: 350px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-350px {
                height: 350px !important
            }
        }

        .h-400px {
            height: 400px !important
        }

        .h-xs-400px {
            height: 400px !important
        }

        @media (min-width:576px) {
            .h-sm-400px {
                height: 400px !important
            }
        }

        @media (min-width:768px) {
            .h-md-400px {
                height: 400px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-400px {
                height: 400px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-400px {
                height: 400px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-400px {
                height: 400px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-400px {
                height: 400px !important
            }
        }

        .h-450px {
            height: 450px !important
        }

        .h-xs-450px {
            height: 450px !important
        }

        @media (min-width:576px) {
            .h-sm-450px {
                height: 450px !important
            }
        }

        @media (min-width:768px) {
            .h-md-450px {
                height: 450px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-450px {
                height: 450px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-450px {
                height: 450px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-450px {
                height: 450px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-450px {
                height: 450px !important
            }
        }

        .h-500px {
            height: 500px !important
        }

        .h-xs-500px {
            height: 500px !important
        }

        @media (min-width:576px) {
            .h-sm-500px {
                height: 500px !important
            }
        }

        @media (min-width:768px) {
            .h-md-500px {
                height: 500px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-500px {
                height: 500px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-500px {
                height: 500px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-500px {
                height: 500px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-500px {
                height: 500px !important
            }
        }

        .h-550px {
            height: 550px !important
        }

        .h-xs-550px {
            height: 550px !important
        }

        @media (min-width:576px) {
            .h-sm-550px {
                height: 550px !important
            }
        }

        @media (min-width:768px) {
            .h-md-550px {
                height: 550px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-550px {
                height: 550px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-550px {
                height: 550px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-550px {
                height: 550px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-550px {
                height: 550px !important
            }
        }

        .h-600px {
            height: 600px !important
        }

        .h-xs-600px {
            height: 600px !important
        }

        @media (min-width:576px) {
            .h-sm-600px {
                height: 600px !important
            }
        }

        @media (min-width:768px) {
            .h-md-600px {
                height: 600px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-600px {
                height: 600px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-600px {
                height: 600px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-600px {
                height: 600px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-600px {
                height: 600px !important
            }
        }

        .h-5px {
            height: 5px !important
        }

        .h-xs-5px {
            height: 5px !important
        }

        @media (min-width:576px) {
            .h-sm-5px {
                height: 5px !important
            }
        }

        @media (min-width:768px) {
            .h-md-5px {
                height: 5px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-5px {
                height: 5px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-5px {
                height: 5px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-5px {
                height: 5px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-5px {
                height: 5px !important
            }
        }

        .h-10px {
            height: 10px !important
        }

        .h-xs-10px {
            height: 10px !important
        }

        @media (min-width:576px) {
            .h-sm-10px {
                height: 10px !important
            }
        }

        @media (min-width:768px) {
            .h-md-10px {
                height: 10px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-10px {
                height: 10px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-10px {
                height: 10px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-10px {
                height: 10px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-10px {
                height: 10px !important
            }
        }

        .h-15px {
            height: 15px !important
        }

        .h-xs-15px {
            height: 15px !important
        }

        @media (min-width:576px) {
            .h-sm-15px {
                height: 15px !important
            }
        }

        @media (min-width:768px) {
            .h-md-15px {
                height: 15px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-15px {
                height: 15px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-15px {
                height: 15px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-15px {
                height: 15px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-15px {
                height: 15px !important
            }
        }

        .h-20px {
            height: 20px !important
        }

        .h-xs-20px {
            height: 20px !important
        }

        @media (min-width:576px) {
            .h-sm-20px {
                height: 20px !important
            }
        }

        @media (min-width:768px) {
            .h-md-20px {
                height: 20px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-20px {
                height: 20px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-20px {
                height: 20px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-20px {
                height: 20px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-20px {
                height: 20px !important
            }
        }

        .h-25px {
            height: 25px !important
        }

        .h-xs-25px {
            height: 25px !important
        }

        @media (min-width:576px) {
            .h-sm-25px {
                height: 25px !important
            }
        }

        @media (min-width:768px) {
            .h-md-25px {
                height: 25px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-25px {
                height: 25px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-25px {
                height: 25px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-25px {
                height: 25px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-25px {
                height: 25px !important
            }
        }

        .h-30px {
            height: 30px !important
        }

        .h-xs-30px {
            height: 30px !important
        }

        @media (min-width:576px) {
            .h-sm-30px {
                height: 30px !important
            }
        }

        @media (min-width:768px) {
            .h-md-30px {
                height: 30px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-30px {
                height: 30px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-30px {
                height: 30px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-30px {
                height: 30px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-30px {
                height: 30px !important
            }
        }

        .h-35px {
            height: 35px !important
        }

        .h-xs-35px {
            height: 35px !important
        }

        @media (min-width:576px) {
            .h-sm-35px {
                height: 35px !important
            }
        }

        @media (min-width:768px) {
            .h-md-35px {
                height: 35px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-35px {
                height: 35px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-35px {
                height: 35px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-35px {
                height: 35px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-35px {
                height: 35px !important
            }
        }

        .h-40px {
            height: 40px !important
        }

        .h-xs-40px {
            height: 40px !important
        }

        @media (min-width:576px) {
            .h-sm-40px {
                height: 40px !important
            }
        }

        @media (min-width:768px) {
            .h-md-40px {
                height: 40px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-40px {
                height: 40px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-40px {
                height: 40px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-40px {
                height: 40px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-40px {
                height: 40px !important
            }
        }

        .h-45px {
            height: 45px !important
        }

        .h-xs-45px {
            height: 45px !important
        }

        @media (min-width:576px) {
            .h-sm-45px {
                height: 45px !important
            }
        }

        @media (min-width:768px) {
            .h-md-45px {
                height: 45px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-45px {
                height: 45px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-45px {
                height: 45px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-45px {
                height: 45px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-45px {
                height: 45px !important
            }
        }

        .h-50px {
            height: 50px !important
        }

        .h-xs-50px {
            height: 50px !important
        }

        @media (min-width:576px) {
            .h-sm-50px {
                height: 50px !important
            }
        }

        @media (min-width:768px) {
            .h-md-50px {
                height: 50px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-50px {
                height: 50px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-50px {
                height: 50px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-50px {
                height: 50px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-50px {
                height: 50px !important
            }
        }

        .h-55px {
            height: 55px !important
        }

        .h-xs-55px {
            height: 55px !important
        }

        @media (min-width:576px) {
            .h-sm-55px {
                height: 55px !important
            }
        }

        @media (min-width:768px) {
            .h-md-55px {
                height: 55px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-55px {
                height: 55px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-55px {
                height: 55px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-55px {
                height: 55px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-55px {
                height: 55px !important
            }
        }

        .h-60px {
            height: 60px !important
        }

        .h-xs-60px {
            height: 60px !important
        }

        @media (min-width:576px) {
            .h-sm-60px {
                height: 60px !important
            }
        }

        @media (min-width:768px) {
            .h-md-60px {
                height: 60px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-60px {
                height: 60px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-60px {
                height: 60px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-60px {
                height: 60px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-60px {
                height: 60px !important
            }
        }

        .h-65px {
            height: 65px !important
        }

        .h-xs-65px {
            height: 65px !important
        }

        @media (min-width:576px) {
            .h-sm-65px {
                height: 65px !important
            }
        }

        @media (min-width:768px) {
            .h-md-65px {
                height: 65px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-65px {
                height: 65px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-65px {
                height: 65px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-65px {
                height: 65px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-65px {
                height: 65px !important
            }
        }

        .h-70px {
            height: 70px !important
        }

        .h-xs-70px {
            height: 70px !important
        }

        @media (min-width:576px) {
            .h-sm-70px {
                height: 70px !important
            }
        }

        @media (min-width:768px) {
            .h-md-70px {
                height: 70px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-70px {
                height: 70px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-70px {
                height: 70px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-70px {
                height: 70px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-70px {
                height: 70px !important
            }
        }

        .h-75px {
            height: 75px !important
        }

        .h-xs-75px {
            height: 75px !important
        }

        @media (min-width:576px) {
            .h-sm-75px {
                height: 75px !important
            }
        }

        @media (min-width:768px) {
            .h-md-75px {
                height: 75px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-75px {
                height: 75px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-75px {
                height: 75px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-75px {
                height: 75px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-75px {
                height: 75px !important
            }
        }

        .h-80px {
            height: 80px !important
        }

        .h-xs-80px {
            height: 80px !important
        }

        @media (min-width:576px) {
            .h-sm-80px {
                height: 80px !important
            }
        }

        @media (min-width:768px) {
            .h-md-80px {
                height: 80px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-80px {
                height: 80px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-80px {
                height: 80px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-80px {
                height: 80px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-80px {
                height: 80px !important
            }
        }

        .h-85px {
            height: 85px !important
        }

        .h-xs-85px {
            height: 85px !important
        }

        @media (min-width:576px) {
            .h-sm-85px {
                height: 85px !important
            }
        }

        @media (min-width:768px) {
            .h-md-85px {
                height: 85px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-85px {
                height: 85px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-85px {
                height: 85px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-85px {
                height: 85px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-85px {
                height: 85px !important
            }
        }

        .h-90px {
            height: 90px !important
        }

        .h-xs-90px {
            height: 90px !important
        }

        @media (min-width:576px) {
            .h-sm-90px {
                height: 90px !important
            }
        }

        @media (min-width:768px) {
            .h-md-90px {
                height: 90px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-90px {
                height: 90px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-90px {
                height: 90px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-90px {
                height: 90px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-90px {
                height: 90px !important
            }
        }

        .h-95px {
            height: 95px !important
        }

        .h-xs-95px {
            height: 95px !important
        }

        @media (min-width:576px) {
            .h-sm-95px {
                height: 95px !important
            }
        }

        @media (min-width:768px) {
            .h-md-95px {
                height: 95px !important
            }
        }

        @media (min-width:992px) {
            .h-lg-95px {
                height: 95px !important
            }
        }

        @media (min-width:1200px) {
            .h-xl-95px {
                height: 95px !important
            }
        }

        @media (min-width:1400px) {
            .h-xxl-95px {
                height: 95px !important
            }
        }

        @media (min-width:1800px) {
            .h-xxxl-95px {
                height: 95px !important
            }
        }

        .mh-100vh {
            max-height: 100vh !important;
            max-height: 100dvh !important
        }

        .bg-component {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-component-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-none {
            background: 0 0 !important
        }

        .bg-position-center {
            background-position: center !important
        }

        .bg-size-cover {
            background-size: cover !important
        }

        .bg-no-repeat {
            background-repeat: no-repeat !important
        }

        .bg-theme {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-app-theme-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-gradient-from-transparent {
            --bs-bg-gradient-from: transparent
        }

        .bg-gradient-to-transparent {
            --bs-bg-gradient-to: transparent
        }

        .bg-gradient-to-r {
            background: linear-gradient(to right, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-l {
            background: linear-gradient(to left, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-t {
            background: linear-gradient(to top, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-b {
            background: linear-gradient(to bottom, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-tr {
            background: linear-gradient(to top right, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-tl {
            background: linear-gradient(to top left, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-br {
            background: linear-gradient(to bottom right, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-to-bl {
            background: linear-gradient(to bottom left, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-radial {
            background: radial-gradient(circle, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-conic {
            background: conic-gradient(var(--bs-bg-gradient-from) 0deg, var(--bs-bg-gradient-to) 360deg)
        }

        .bg-gradient-45 {
            background: linear-gradient(45deg, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-gradient-135 {
            background: linear-gradient(135deg, var(--bs-bg-gradient-from) 0, var(--bs-bg-gradient-to) 100%)
        }

        .bg-blur-1 {
            -webkit-backdrop-filter: blur(3px) !important;
            backdrop-filter: blur(3px) !important
        }

        .bg-blur-2 {
            -webkit-backdrop-filter: blur(6px) !important;
            backdrop-filter: blur(6px) !important
        }

        .bg-blur-3 {
            -webkit-backdrop-filter: blur(9px) !important;
            backdrop-filter: blur(9px) !important
        }

        :root {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-teal), var(--bs-blue))
        }

        .text-theme-gradient {
            color: var(--bs-app-theme-gradient)
        }

        .bg-theme-gradient {
            background: var(--bs-app-theme-gradient)
        }

        .theme-red {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-red), var(--bs-pink))
        }

        .theme-pink {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-pink), var(--bs-orange))
        }

        .theme-orange {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-orange), var(--bs-yellow))
        }

        .theme-yellow {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-yellow), var(--bs-lime))
        }

        .theme-lime {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-lime), var(--bs-green))
        }

        .theme-green {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-green), var(--bs-teal))
        }

        .theme-teal {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-teal), var(--bs-blue))
        }

        .theme-cyan {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-cyan), var(--bs-purple))
        }

        .theme-blue {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-blue), var(--bs-indigo))
        }

        .theme-purple {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-purple), var(--bs-indigo))
        }

        .theme-indigo {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-indigo), var(--bs-gray-600))
        }

        .theme-gray-500 {
            --bs-app-theme-gradient: linear-gradient(135deg, var(--bs-gray-500), var(--bs-gray-900))
        }

        .bg-gradient-default {
            background-color: #e9ecef !important;
            background-image: linear-gradient(to bottom, #fff, #dadfe4) !important
        }

        .bg-gradient-from-default {
            --bs-bg-gradient-from: #e9ecef
        }

        .bg-gradient-to-default {
            --bs-bg-gradient-to: #e9ecef
        }

        .hover-bg-default:hover {
            background-color: rgba(var(--bs-default-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-default:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-default {
            --bs-app-theme: #e9ecef;
            --bs-app-theme-rgb: 233, 236, 239;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #afb1b3;
            --bs-app-theme-hover-border-color: #afb1b3;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #afb1b3;
            --bs-app-theme-active-border-color: #afb1b3;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #eff1f3;
            --bs-app-theme-disabled-border-color: #eff1f3;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-default-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(251, 251, 252, var(--bs-bg-opacity)) !important
        }

        .text-default-100 {
            --bs-text-opacity: 1;
            color: rgba(251, 251, 252, var(--bs-text-opacity)) !important
        }

        .bg-default-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(246, 247, 249, var(--bs-bg-opacity)) !important
        }

        .text-default-200 {
            --bs-text-opacity: 1;
            color: rgba(246, 247, 249, var(--bs-text-opacity)) !important
        }

        .bg-default-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(242, 244, 245, var(--bs-bg-opacity)) !important
        }

        .text-default-300 {
            --bs-text-opacity: 1;
            color: rgba(242, 244, 245, var(--bs-text-opacity)) !important
        }

        .bg-default-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(237, 240, 242, var(--bs-bg-opacity)) !important
        }

        .text-default-400 {
            --bs-text-opacity: 1;
            color: rgba(237, 240, 242, var(--bs-text-opacity)) !important
        }

        .bg-default-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(233, 236, 239, var(--bs-bg-opacity)) !important
        }

        .text-default-500 {
            --bs-text-opacity: 1;
            color: rgba(233, 236, 239, var(--bs-text-opacity)) !important
        }

        .bg-default-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(186, 189, 191, var(--bs-bg-opacity)) !important
        }

        .text-default-600 {
            --bs-text-opacity: 1;
            color: rgba(186, 189, 191, var(--bs-text-opacity)) !important
        }

        .bg-default-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(140, 142, 143, var(--bs-bg-opacity)) !important
        }

        .text-default-700 {
            --bs-text-opacity: 1;
            color: rgba(140, 142, 143, var(--bs-text-opacity)) !important
        }

        .bg-default-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(93, 94, 96, var(--bs-bg-opacity)) !important
        }

        .text-default-800 {
            --bs-text-opacity: 1;
            color: rgba(93, 94, 96, var(--bs-text-opacity)) !important
        }

        .bg-default-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(47, 47, 48, var(--bs-bg-opacity)) !important
        }

        .text-default-900 {
            --bs-text-opacity: 1;
            color: rgba(47, 47, 48, var(--bs-text-opacity)) !important
        }

        .bg-gradient-primary {
            background-color: #348fe2 !important;
            background-image: linear-gradient(to bottom, #61a8e8, #2083dd) !important
        }

        .bg-gradient-from-primary {
            --bs-bg-gradient-from: #348fe2
        }

        .bg-gradient-to-primary {
            --bs-bg-gradient-to: #348fe2
        }

        .hover-bg-primary:hover {
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-primary:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-primary {
            --bs-app-theme: #348fe2;
            --bs-app-theme-rgb: 52, 143, 226;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #276baa;
            --bs-app-theme-hover-border-color: #276baa;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #276baa;
            --bs-app-theme-active-border-color: #276baa;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #67abe9;
            --bs-app-theme-disabled-border-color: #67abe9;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-primary-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(214, 233, 249, var(--bs-bg-opacity)) !important
        }

        .text-primary-100 {
            --bs-text-opacity: 1;
            color: rgba(214, 233, 249, var(--bs-text-opacity)) !important
        }

        .bg-primary-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(174, 210, 243, var(--bs-bg-opacity)) !important
        }

        .text-primary-200 {
            --bs-text-opacity: 1;
            color: rgba(174, 210, 243, var(--bs-text-opacity)) !important
        }

        .bg-primary-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(133, 188, 238, var(--bs-bg-opacity)) !important
        }

        .text-primary-300 {
            --bs-text-opacity: 1;
            color: rgba(133, 188, 238, var(--bs-text-opacity)) !important
        }

        .bg-primary-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(93, 165, 232, var(--bs-bg-opacity)) !important
        }

        .text-primary-400 {
            --bs-text-opacity: 1;
            color: rgba(93, 165, 232, var(--bs-text-opacity)) !important
        }

        .bg-primary-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(52, 143, 226, var(--bs-bg-opacity)) !important
        }

        .text-primary-500 {
            --bs-text-opacity: 1;
            color: rgba(52, 143, 226, var(--bs-text-opacity)) !important
        }

        .bg-primary-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(42, 114, 181, var(--bs-bg-opacity)) !important
        }

        .text-primary-600 {
            --bs-text-opacity: 1;
            color: rgba(42, 114, 181, var(--bs-text-opacity)) !important
        }

        .bg-primary-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(31, 86, 136, var(--bs-bg-opacity)) !important
        }

        .text-primary-700 {
            --bs-text-opacity: 1;
            color: rgba(31, 86, 136, var(--bs-text-opacity)) !important
        }

        .bg-primary-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(21, 57, 90, var(--bs-bg-opacity)) !important
        }

        .text-primary-800 {
            --bs-text-opacity: 1;
            color: rgba(21, 57, 90, var(--bs-text-opacity)) !important
        }

        .bg-primary-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(10, 29, 45, var(--bs-bg-opacity)) !important
        }

        .text-primary-900 {
            --bs-text-opacity: 1;
            color: rgba(10, 29, 45, var(--bs-text-opacity)) !important
        }

        .bg-gradient-secondary {
            background-color: #6c757d !important;
            background-image: linear-gradient(to bottom, #868e96, #60686f) !important
        }

        .bg-gradient-from-secondary {
            --bs-bg-gradient-from: #6c757d
        }

        .bg-gradient-to-secondary {
            --bs-bg-gradient-to: #6c757d
        }

        .hover-bg-secondary:hover {
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-secondary:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-secondary {
            --bs-app-theme: #6c757d;
            --bs-app-theme-rgb: 108, 117, 125;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #51585e;
            --bs-app-theme-hover-border-color: #51585e;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #51585e;
            --bs-app-theme-active-border-color: #51585e;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #91989e;
            --bs-app-theme-disabled-border-color: #91989e;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-secondary-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(226, 227, 229, var(--bs-bg-opacity)) !important
        }

        .text-secondary-100 {
            --bs-text-opacity: 1;
            color: rgba(226, 227, 229, var(--bs-text-opacity)) !important
        }

        .bg-secondary-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(196, 200, 203, var(--bs-bg-opacity)) !important
        }

        .text-secondary-200 {
            --bs-text-opacity: 1;
            color: rgba(196, 200, 203, var(--bs-text-opacity)) !important
        }

        .bg-secondary-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(167, 172, 177, var(--bs-bg-opacity)) !important
        }

        .text-secondary-300 {
            --bs-text-opacity: 1;
            color: rgba(167, 172, 177, var(--bs-text-opacity)) !important
        }

        .bg-secondary-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(137, 145, 151, var(--bs-bg-opacity)) !important
        }

        .text-secondary-400 {
            --bs-text-opacity: 1;
            color: rgba(137, 145, 151, var(--bs-text-opacity)) !important
        }

        .bg-secondary-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important
        }

        .text-secondary-500 {
            --bs-text-opacity: 1;
            color: rgba(108, 117, 125, var(--bs-text-opacity)) !important
        }

        .bg-secondary-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(86, 94, 100, var(--bs-bg-opacity)) !important
        }

        .text-secondary-600 {
            --bs-text-opacity: 1;
            color: rgba(86, 94, 100, var(--bs-text-opacity)) !important
        }

        .bg-secondary-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(65, 70, 75, var(--bs-bg-opacity)) !important
        }

        .text-secondary-700 {
            --bs-text-opacity: 1;
            color: rgba(65, 70, 75, var(--bs-text-opacity)) !important
        }

        .bg-secondary-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(43, 47, 50, var(--bs-bg-opacity)) !important
        }

        .text-secondary-800 {
            --bs-text-opacity: 1;
            color: rgba(43, 47, 50, var(--bs-text-opacity)) !important
        }

        .bg-secondary-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(22, 23, 25, var(--bs-bg-opacity)) !important
        }

        .text-secondary-900 {
            --bs-text-opacity: 1;
            color: rgba(22, 23, 25, var(--bs-text-opacity)) !important
        }

        .bg-gradient-success {
            background-color: #00acac !important;
            background-image: linear-gradient(to bottom, #00dfdf, #009393) !important
        }

        .bg-gradient-from-success {
            --bs-bg-gradient-from: #00acac
        }

        .bg-gradient-to-success {
            --bs-bg-gradient-to: #00acac
        }

        .hover-bg-success:hover {
            background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-success:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-success {
            --bs-app-theme: #00acac;
            --bs-app-theme-rgb: 0, 172, 172;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #008181;
            --bs-app-theme-hover-border-color: #008181;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #008181;
            --bs-app-theme-active-border-color: #008181;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #40c1c1;
            --bs-app-theme-disabled-border-color: #40c1c1;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-success-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 238, 238, var(--bs-bg-opacity)) !important
        }

        .text-success-100 {
            --bs-text-opacity: 1;
            color: rgba(204, 238, 238, var(--bs-text-opacity)) !important
        }

        .bg-success-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 222, 222, var(--bs-bg-opacity)) !important
        }

        .text-success-200 {
            --bs-text-opacity: 1;
            color: rgba(153, 222, 222, var(--bs-text-opacity)) !important
        }

        .bg-success-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 205, 205, var(--bs-bg-opacity)) !important
        }

        .text-success-300 {
            --bs-text-opacity: 1;
            color: rgba(102, 205, 205, var(--bs-text-opacity)) !important
        }

        .bg-success-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 189, 189, var(--bs-bg-opacity)) !important
        }

        .text-success-400 {
            --bs-text-opacity: 1;
            color: rgba(51, 189, 189, var(--bs-text-opacity)) !important
        }

        .bg-success-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 172, 172, var(--bs-bg-opacity)) !important
        }

        .text-success-500 {
            --bs-text-opacity: 1;
            color: rgba(0, 172, 172, var(--bs-text-opacity)) !important
        }

        .bg-success-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 138, 138, var(--bs-bg-opacity)) !important
        }

        .text-success-600 {
            --bs-text-opacity: 1;
            color: rgba(0, 138, 138, var(--bs-text-opacity)) !important
        }

        .bg-success-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 103, 103, var(--bs-bg-opacity)) !important
        }

        .text-success-700 {
            --bs-text-opacity: 1;
            color: rgba(0, 103, 103, var(--bs-text-opacity)) !important
        }

        .bg-success-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 69, 69, var(--bs-bg-opacity)) !important
        }

        .text-success-800 {
            --bs-text-opacity: 1;
            color: rgba(0, 69, 69, var(--bs-text-opacity)) !important
        }

        .bg-success-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 34, 34, var(--bs-bg-opacity)) !important
        }

        .text-success-900 {
            --bs-text-opacity: 1;
            color: rgba(0, 34, 34, var(--bs-text-opacity)) !important
        }

        .bg-gradient-info {
            background-color: #49b6d6 !important;
            background-image: linear-gradient(to bottom, #73c7df, #34aed1) !important
        }

        .bg-gradient-from-info {
            --bs-bg-gradient-from: #49b6d6
        }

        .bg-gradient-to-info {
            --bs-bg-gradient-to: #49b6d6
        }

        .hover-bg-info:hover {
            background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-info:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-info {
            --bs-app-theme: #49b6d6;
            --bs-app-theme-rgb: 73, 182, 214;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #3789a1;
            --bs-app-theme-hover-border-color: #3789a1;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #3789a1;
            --bs-app-theme-active-border-color: #3789a1;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #77c8e0;
            --bs-app-theme-disabled-border-color: #77c8e0;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-info-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(219, 240, 247, var(--bs-bg-opacity)) !important
        }

        .text-info-100 {
            --bs-text-opacity: 1;
            color: rgba(219, 240, 247, var(--bs-text-opacity)) !important
        }

        .bg-info-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(182, 226, 239, var(--bs-bg-opacity)) !important
        }

        .text-info-200 {
            --bs-text-opacity: 1;
            color: rgba(182, 226, 239, var(--bs-text-opacity)) !important
        }

        .bg-info-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(146, 211, 230, var(--bs-bg-opacity)) !important
        }

        .text-info-300 {
            --bs-text-opacity: 1;
            color: rgba(146, 211, 230, var(--bs-text-opacity)) !important
        }

        .bg-info-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(109, 197, 222, var(--bs-bg-opacity)) !important
        }

        .text-info-400 {
            --bs-text-opacity: 1;
            color: rgba(109, 197, 222, var(--bs-text-opacity)) !important
        }

        .bg-info-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(73, 182, 214, var(--bs-bg-opacity)) !important
        }

        .text-info-500 {
            --bs-text-opacity: 1;
            color: rgba(73, 182, 214, var(--bs-text-opacity)) !important
        }

        .bg-info-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(58, 146, 171, var(--bs-bg-opacity)) !important
        }

        .text-info-600 {
            --bs-text-opacity: 1;
            color: rgba(58, 146, 171, var(--bs-text-opacity)) !important
        }

        .bg-info-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(44, 109, 128, var(--bs-bg-opacity)) !important
        }

        .text-info-700 {
            --bs-text-opacity: 1;
            color: rgba(44, 109, 128, var(--bs-text-opacity)) !important
        }

        .bg-info-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(29, 73, 86, var(--bs-bg-opacity)) !important
        }

        .text-info-800 {
            --bs-text-opacity: 1;
            color: rgba(29, 73, 86, var(--bs-text-opacity)) !important
        }

        .bg-info-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(15, 36, 43, var(--bs-bg-opacity)) !important
        }

        .text-info-900 {
            --bs-text-opacity: 1;
            color: rgba(15, 36, 43, var(--bs-text-opacity)) !important
        }

        .bg-gradient-warning {
            background-color: #f59c1a !important;
            background-image: linear-gradient(to bottom, #f7b14b, #eb900a) !important
        }

        .bg-gradient-from-warning {
            --bs-bg-gradient-from: #f59c1a
        }

        .bg-gradient-to-warning {
            --bs-bg-gradient-to: #f59c1a
        }

        .hover-bg-warning:hover {
            background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-warning:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-warning {
            --bs-app-theme: #f59c1a;
            --bs-app-theme-rgb: 245, 156, 26;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #b87514;
            --bs-app-theme-hover-border-color: #b87514;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #b87514;
            --bs-app-theme-active-border-color: #b87514;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #f8b553;
            --bs-app-theme-disabled-border-color: #f8b553;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-warning-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(253, 235, 209, var(--bs-bg-opacity)) !important
        }

        .text-warning-100 {
            --bs-text-opacity: 1;
            color: rgba(253, 235, 209, var(--bs-text-opacity)) !important
        }

        .bg-warning-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(251, 215, 163, var(--bs-bg-opacity)) !important
        }

        .text-warning-200 {
            --bs-text-opacity: 1;
            color: rgba(251, 215, 163, var(--bs-text-opacity)) !important
        }

        .bg-warning-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(249, 196, 118, var(--bs-bg-opacity)) !important
        }

        .text-warning-300 {
            --bs-text-opacity: 1;
            color: rgba(249, 196, 118, var(--bs-text-opacity)) !important
        }

        .bg-warning-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(247, 176, 72, var(--bs-bg-opacity)) !important
        }

        .text-warning-400 {
            --bs-text-opacity: 1;
            color: rgba(247, 176, 72, var(--bs-text-opacity)) !important
        }

        .bg-warning-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(245, 156, 26, var(--bs-bg-opacity)) !important
        }

        .text-warning-500 {
            --bs-text-opacity: 1;
            color: rgba(245, 156, 26, var(--bs-text-opacity)) !important
        }

        .bg-warning-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(196, 125, 21, var(--bs-bg-opacity)) !important
        }

        .text-warning-600 {
            --bs-text-opacity: 1;
            color: rgba(196, 125, 21, var(--bs-text-opacity)) !important
        }

        .bg-warning-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(147, 94, 16, var(--bs-bg-opacity)) !important
        }

        .text-warning-700 {
            --bs-text-opacity: 1;
            color: rgba(147, 94, 16, var(--bs-text-opacity)) !important
        }

        .bg-warning-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(98, 62, 10, var(--bs-bg-opacity)) !important
        }

        .text-warning-800 {
            --bs-text-opacity: 1;
            color: rgba(98, 62, 10, var(--bs-text-opacity)) !important
        }

        .bg-warning-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(49, 31, 5, var(--bs-bg-opacity)) !important
        }

        .text-warning-900 {
            --bs-text-opacity: 1;
            color: rgba(49, 31, 5, var(--bs-text-opacity)) !important
        }

        .bg-gradient-danger {
            background-color: #ff5b57 !important;
            background-image: linear-gradient(to bottom, #ff8d8a, #ff423e) !important
        }

        .bg-gradient-from-danger {
            --bs-bg-gradient-from: #ff5b57
        }

        .bg-gradient-to-danger {
            --bs-bg-gradient-to: #ff5b57
        }

        .hover-bg-danger:hover {
            background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-danger:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-danger {
            --bs-app-theme: #ff5b57;
            --bs-app-theme-rgb: 255, 91, 87;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #bf4441;
            --bs-app-theme-hover-border-color: #bf4441;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #bf4441;
            --bs-app-theme-active-border-color: #bf4441;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #ff8481;
            --bs-app-theme-disabled-border-color: #ff8481;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-danger-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 222, 221, var(--bs-bg-opacity)) !important
        }

        .text-danger-100 {
            --bs-text-opacity: 1;
            color: rgba(255, 222, 221, var(--bs-text-opacity)) !important
        }

        .bg-danger-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 189, 188, var(--bs-bg-opacity)) !important
        }

        .text-danger-200 {
            --bs-text-opacity: 1;
            color: rgba(255, 189, 188, var(--bs-text-opacity)) !important
        }

        .bg-danger-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 157, 154, var(--bs-bg-opacity)) !important
        }

        .text-danger-300 {
            --bs-text-opacity: 1;
            color: rgba(255, 157, 154, var(--bs-text-opacity)) !important
        }

        .bg-danger-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 124, 121, var(--bs-bg-opacity)) !important
        }

        .text-danger-400 {
            --bs-text-opacity: 1;
            color: rgba(255, 124, 121, var(--bs-text-opacity)) !important
        }

        .bg-danger-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 91, 87, var(--bs-bg-opacity)) !important
        }

        .text-danger-500 {
            --bs-text-opacity: 1;
            color: rgba(255, 91, 87, var(--bs-text-opacity)) !important
        }

        .bg-danger-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 73, 70, var(--bs-bg-opacity)) !important
        }

        .text-danger-600 {
            --bs-text-opacity: 1;
            color: rgba(204, 73, 70, var(--bs-text-opacity)) !important
        }

        .bg-danger-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 55, 52, var(--bs-bg-opacity)) !important
        }

        .text-danger-700 {
            --bs-text-opacity: 1;
            color: rgba(153, 55, 52, var(--bs-text-opacity)) !important
        }

        .bg-danger-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 36, 35, var(--bs-bg-opacity)) !important
        }

        .text-danger-800 {
            --bs-text-opacity: 1;
            color: rgba(102, 36, 35, var(--bs-text-opacity)) !important
        }

        .bg-danger-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 18, 17, var(--bs-bg-opacity)) !important
        }

        .text-danger-900 {
            --bs-text-opacity: 1;
            color: rgba(51, 18, 17, var(--bs-text-opacity)) !important
        }

        .bg-gradient-light {
            background-color: #f2f3f4 !important;
            background-image: linear-gradient(to bottom, #fff, #e4e6e8) !important
        }

        .bg-gradient-from-light {
            --bs-bg-gradient-from: #f2f3f4
        }

        .bg-gradient-to-light {
            --bs-bg-gradient-to: #f2f3f4
        }

        .hover-bg-light:hover {
            background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-light:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-light {
            --bs-app-theme: #f2f3f4;
            --bs-app-theme-rgb: 242, 243, 244;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #b6b6b7;
            --bs-app-theme-hover-border-color: #b6b6b7;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #b6b6b7;
            --bs-app-theme-active-border-color: #b6b6b7;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #f5f6f7;
            --bs-app-theme-disabled-border-color: #f5f6f7;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-light-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(252, 253, 253, var(--bs-bg-opacity)) !important
        }

        .text-light-100 {
            --bs-text-opacity: 1;
            color: rgba(252, 253, 253, var(--bs-text-opacity)) !important
        }

        .bg-light-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(250, 250, 251, var(--bs-bg-opacity)) !important
        }

        .text-light-200 {
            --bs-text-opacity: 1;
            color: rgba(250, 250, 251, var(--bs-text-opacity)) !important
        }

        .bg-light-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(247, 248, 248, var(--bs-bg-opacity)) !important
        }

        .text-light-300 {
            --bs-text-opacity: 1;
            color: rgba(247, 248, 248, var(--bs-text-opacity)) !important
        }

        .bg-light-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(245, 245, 246, var(--bs-bg-opacity)) !important
        }

        .text-light-400 {
            --bs-text-opacity: 1;
            color: rgba(245, 245, 246, var(--bs-text-opacity)) !important
        }

        .bg-light-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(242, 243, 244, var(--bs-bg-opacity)) !important
        }

        .text-light-500 {
            --bs-text-opacity: 1;
            color: rgba(242, 243, 244, var(--bs-text-opacity)) !important
        }

        .bg-light-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(194, 194, 195, var(--bs-bg-opacity)) !important
        }

        .text-light-600 {
            --bs-text-opacity: 1;
            color: rgba(194, 194, 195, var(--bs-text-opacity)) !important
        }

        .bg-light-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(145, 146, 146, var(--bs-bg-opacity)) !important
        }

        .text-light-700 {
            --bs-text-opacity: 1;
            color: rgba(145, 146, 146, var(--bs-text-opacity)) !important
        }

        .bg-light-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(97, 97, 98, var(--bs-bg-opacity)) !important
        }

        .text-light-800 {
            --bs-text-opacity: 1;
            color: rgba(97, 97, 98, var(--bs-text-opacity)) !important
        }

        .bg-light-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(48, 49, 49, var(--bs-bg-opacity)) !important
        }

        .text-light-900 {
            --bs-text-opacity: 1;
            color: rgba(48, 49, 49, var(--bs-text-opacity)) !important
        }

        .bg-gradient-dark {
            background-color: #2d353c !important;
            background-image: linear-gradient(to bottom, #434f59, #22282d) !important
        }

        .bg-gradient-from-dark {
            --bs-bg-gradient-from: #2d353c
        }

        .bg-gradient-to-dark {
            --bs-bg-gradient-to: #2d353c
        }

        .hover-bg-dark:hover {
            background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-dark:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-dark {
            --bs-app-theme: #2d353c;
            --bs-app-theme-rgb: 45, 53, 60;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #22282d;
            --bs-app-theme-hover-border-color: #22282d;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #22282d;
            --bs-app-theme-active-border-color: #22282d;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #62686d;
            --bs-app-theme-disabled-border-color: #62686d;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-dark-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(213, 215, 216, var(--bs-bg-opacity)) !important
        }

        .text-dark-100 {
            --bs-text-opacity: 1;
            color: rgba(213, 215, 216, var(--bs-text-opacity)) !important
        }

        .bg-dark-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(171, 174, 177, var(--bs-bg-opacity)) !important
        }

        .text-dark-200 {
            --bs-text-opacity: 1;
            color: rgba(171, 174, 177, var(--bs-text-opacity)) !important
        }

        .bg-dark-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(129, 134, 138, var(--bs-bg-opacity)) !important
        }

        .text-dark-300 {
            --bs-text-opacity: 1;
            color: rgba(129, 134, 138, var(--bs-text-opacity)) !important
        }

        .bg-dark-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(87, 93, 99, var(--bs-bg-opacity)) !important
        }

        .text-dark-400 {
            --bs-text-opacity: 1;
            color: rgba(87, 93, 99, var(--bs-text-opacity)) !important
        }

        .bg-dark-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(45, 53, 60, var(--bs-bg-opacity)) !important
        }

        .text-dark-500 {
            --bs-text-opacity: 1;
            color: rgba(45, 53, 60, var(--bs-text-opacity)) !important
        }

        .bg-dark-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(36, 42, 48, var(--bs-bg-opacity)) !important
        }

        .text-dark-600 {
            --bs-text-opacity: 1;
            color: rgba(36, 42, 48, var(--bs-text-opacity)) !important
        }

        .bg-dark-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(27, 32, 36, var(--bs-bg-opacity)) !important
        }

        .text-dark-700 {
            --bs-text-opacity: 1;
            color: rgba(27, 32, 36, var(--bs-text-opacity)) !important
        }

        .bg-dark-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(18, 21, 24, var(--bs-bg-opacity)) !important
        }

        .text-dark-800 {
            --bs-text-opacity: 1;
            color: rgba(18, 21, 24, var(--bs-text-opacity)) !important
        }

        .bg-dark-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(9, 11, 12, var(--bs-bg-opacity)) !important
        }

        .text-dark-900 {
            --bs-text-opacity: 1;
            color: rgba(9, 11, 12, var(--bs-text-opacity)) !important
        }

        .bg-gradient-inverse {
            background-color: #2d353c !important;
            background-image: linear-gradient(to bottom, #434f59, #22282d) !important
        }

        .bg-gradient-from-inverse {
            --bs-bg-gradient-from: #2d353c
        }

        .bg-gradient-to-inverse {
            --bs-bg-gradient-to: #2d353c
        }

        .hover-bg-inverse:hover {
            background-color: rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-inverse:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-inverse {
            --bs-app-theme: #2d353c;
            --bs-app-theme-rgb: 45, 53, 60;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #22282d;
            --bs-app-theme-hover-border-color: #22282d;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #22282d;
            --bs-app-theme-active-border-color: #22282d;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #62686d;
            --bs-app-theme-disabled-border-color: #62686d;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-inverse-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(213, 215, 216, var(--bs-bg-opacity)) !important
        }

        .text-inverse-100 {
            --bs-text-opacity: 1;
            color: rgba(213, 215, 216, var(--bs-text-opacity)) !important
        }

        .bg-inverse-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(171, 174, 177, var(--bs-bg-opacity)) !important
        }

        .text-inverse-200 {
            --bs-text-opacity: 1;
            color: rgba(171, 174, 177, var(--bs-text-opacity)) !important
        }

        .bg-inverse-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(129, 134, 138, var(--bs-bg-opacity)) !important
        }

        .text-inverse-300 {
            --bs-text-opacity: 1;
            color: rgba(129, 134, 138, var(--bs-text-opacity)) !important
        }

        .bg-inverse-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(87, 93, 99, var(--bs-bg-opacity)) !important
        }

        .text-inverse-400 {
            --bs-text-opacity: 1;
            color: rgba(87, 93, 99, var(--bs-text-opacity)) !important
        }

        .bg-inverse-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(45, 53, 60, var(--bs-bg-opacity)) !important
        }

        .text-inverse-500 {
            --bs-text-opacity: 1;
            color: rgba(45, 53, 60, var(--bs-text-opacity)) !important
        }

        .bg-inverse-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(36, 42, 48, var(--bs-bg-opacity)) !important
        }

        .text-inverse-600 {
            --bs-text-opacity: 1;
            color: rgba(36, 42, 48, var(--bs-text-opacity)) !important
        }

        .bg-inverse-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(27, 32, 36, var(--bs-bg-opacity)) !important
        }

        .text-inverse-700 {
            --bs-text-opacity: 1;
            color: rgba(27, 32, 36, var(--bs-text-opacity)) !important
        }

        .bg-inverse-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(18, 21, 24, var(--bs-bg-opacity)) !important
        }

        .text-inverse-800 {
            --bs-text-opacity: 1;
            color: rgba(18, 21, 24, var(--bs-text-opacity)) !important
        }

        .bg-inverse-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(9, 11, 12, var(--bs-bg-opacity)) !important
        }

        .text-inverse-900 {
            --bs-text-opacity: 1;
            color: rgba(9, 11, 12, var(--bs-text-opacity)) !important
        }

        .bg-gradient-blue {
            background-color: #348fe2 !important;
            background-image: linear-gradient(to bottom, #61a8e8, #2083dd) !important
        }

        .bg-gradient-from-blue {
            --bs-bg-gradient-from: #348fe2
        }

        .bg-gradient-to-blue {
            --bs-bg-gradient-to: #348fe2
        }

        .hover-bg-blue:hover {
            background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-blue:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-blue {
            --bs-app-theme: #348fe2;
            --bs-app-theme-rgb: 52, 143, 226;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #276baa;
            --bs-app-theme-hover-border-color: #276baa;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #276baa;
            --bs-app-theme-active-border-color: #276baa;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #67abe9;
            --bs-app-theme-disabled-border-color: #67abe9;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-blue-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(214, 233, 249, var(--bs-bg-opacity)) !important
        }

        .text-blue-100 {
            --bs-text-opacity: 1;
            color: rgba(214, 233, 249, var(--bs-text-opacity)) !important
        }

        .bg-blue-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(174, 210, 243, var(--bs-bg-opacity)) !important
        }

        .text-blue-200 {
            --bs-text-opacity: 1;
            color: rgba(174, 210, 243, var(--bs-text-opacity)) !important
        }

        .bg-blue-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(133, 188, 238, var(--bs-bg-opacity)) !important
        }

        .text-blue-300 {
            --bs-text-opacity: 1;
            color: rgba(133, 188, 238, var(--bs-text-opacity)) !important
        }

        .bg-blue-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(93, 165, 232, var(--bs-bg-opacity)) !important
        }

        .text-blue-400 {
            --bs-text-opacity: 1;
            color: rgba(93, 165, 232, var(--bs-text-opacity)) !important
        }

        .bg-blue-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(52, 143, 226, var(--bs-bg-opacity)) !important
        }

        .text-blue-500 {
            --bs-text-opacity: 1;
            color: rgba(52, 143, 226, var(--bs-text-opacity)) !important
        }

        .bg-blue-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(42, 114, 181, var(--bs-bg-opacity)) !important
        }

        .text-blue-600 {
            --bs-text-opacity: 1;
            color: rgba(42, 114, 181, var(--bs-text-opacity)) !important
        }

        .bg-blue-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(31, 86, 136, var(--bs-bg-opacity)) !important
        }

        .text-blue-700 {
            --bs-text-opacity: 1;
            color: rgba(31, 86, 136, var(--bs-text-opacity)) !important
        }

        .bg-blue-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(21, 57, 90, var(--bs-bg-opacity)) !important
        }

        .text-blue-800 {
            --bs-text-opacity: 1;
            color: rgba(21, 57, 90, var(--bs-text-opacity)) !important
        }

        .bg-blue-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(10, 29, 45, var(--bs-bg-opacity)) !important
        }

        .text-blue-900 {
            --bs-text-opacity: 1;
            color: rgba(10, 29, 45, var(--bs-text-opacity)) !important
        }

        .bg-gradient-indigo {
            background-color: #8753de !important;
            background-image: linear-gradient(to bottom, #a57ee6, #783eda) !important
        }

        .bg-gradient-from-indigo {
            --bs-bg-gradient-from: #8753de
        }

        .bg-gradient-to-indigo {
            --bs-bg-gradient-to: #8753de
        }

        .hover-bg-indigo:hover {
            background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-indigo:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-indigo {
            --bs-app-theme: #8753de;
            --bs-app-theme-rgb: 135, 83, 222;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #653ea7;
            --bs-app-theme-hover-border-color: #653ea7;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #653ea7;
            --bs-app-theme-active-border-color: #653ea7;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #a57ee6;
            --bs-app-theme-disabled-border-color: #a57ee6;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-indigo-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(231, 221, 248, var(--bs-bg-opacity)) !important
        }

        .text-indigo-100 {
            --bs-text-opacity: 1;
            color: rgba(231, 221, 248, var(--bs-text-opacity)) !important
        }

        .bg-indigo-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(207, 186, 242, var(--bs-bg-opacity)) !important
        }

        .text-indigo-200 {
            --bs-text-opacity: 1;
            color: rgba(207, 186, 242, var(--bs-text-opacity)) !important
        }

        .bg-indigo-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(183, 152, 235, var(--bs-bg-opacity)) !important
        }

        .text-indigo-300 {
            --bs-text-opacity: 1;
            color: rgba(183, 152, 235, var(--bs-text-opacity)) !important
        }

        .bg-indigo-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(159, 117, 229, var(--bs-bg-opacity)) !important
        }

        .text-indigo-400 {
            --bs-text-opacity: 1;
            color: rgba(159, 117, 229, var(--bs-text-opacity)) !important
        }

        .bg-indigo-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(135, 83, 222, var(--bs-bg-opacity)) !important
        }

        .text-indigo-500 {
            --bs-text-opacity: 1;
            color: rgba(135, 83, 222, var(--bs-text-opacity)) !important
        }

        .bg-indigo-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(108, 66, 178, var(--bs-bg-opacity)) !important
        }

        .text-indigo-600 {
            --bs-text-opacity: 1;
            color: rgba(108, 66, 178, var(--bs-text-opacity)) !important
        }

        .bg-indigo-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(81, 50, 133, var(--bs-bg-opacity)) !important
        }

        .text-indigo-700 {
            --bs-text-opacity: 1;
            color: rgba(81, 50, 133, var(--bs-text-opacity)) !important
        }

        .bg-indigo-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(54, 33, 89, var(--bs-bg-opacity)) !important
        }

        .text-indigo-800 {
            --bs-text-opacity: 1;
            color: rgba(54, 33, 89, var(--bs-text-opacity)) !important
        }

        .bg-indigo-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(27, 17, 44, var(--bs-bg-opacity)) !important
        }

        .text-indigo-900 {
            --bs-text-opacity: 1;
            color: rgba(27, 17, 44, var(--bs-text-opacity)) !important
        }

        .bg-gradient-purple {
            background-color: #727cb6 !important;
            background-image: linear-gradient(to bottom, #949bc7, #616cad) !important
        }

        .bg-gradient-from-purple {
            --bs-bg-gradient-from: #727cb6
        }

        .bg-gradient-to-purple {
            --bs-bg-gradient-to: #727cb6
        }

        .hover-bg-purple:hover {
            background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-purple:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-purple {
            --bs-app-theme: #727cb6;
            --bs-app-theme-rgb: 114, 124, 182;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #565d89;
            --bs-app-theme-hover-border-color: #565d89;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #565d89;
            --bs-app-theme-active-border-color: #565d89;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #959dc8;
            --bs-app-theme-disabled-border-color: #959dc8;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-purple-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(227, 229, 240, var(--bs-bg-opacity)) !important
        }

        .text-purple-100 {
            --bs-text-opacity: 1;
            color: rgba(227, 229, 240, var(--bs-text-opacity)) !important
        }

        .bg-purple-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(199, 203, 226, var(--bs-bg-opacity)) !important
        }

        .text-purple-200 {
            --bs-text-opacity: 1;
            color: rgba(199, 203, 226, var(--bs-text-opacity)) !important
        }

        .bg-purple-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(170, 176, 211, var(--bs-bg-opacity)) !important
        }

        .text-purple-300 {
            --bs-text-opacity: 1;
            color: rgba(170, 176, 211, var(--bs-text-opacity)) !important
        }

        .bg-purple-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(142, 150, 197, var(--bs-bg-opacity)) !important
        }

        .text-purple-400 {
            --bs-text-opacity: 1;
            color: rgba(142, 150, 197, var(--bs-text-opacity)) !important
        }

        .bg-purple-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(114, 124, 182, var(--bs-bg-opacity)) !important
        }

        .text-purple-500 {
            --bs-text-opacity: 1;
            color: rgba(114, 124, 182, var(--bs-text-opacity)) !important
        }

        .bg-purple-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(91, 99, 146, var(--bs-bg-opacity)) !important
        }

        .text-purple-600 {
            --bs-text-opacity: 1;
            color: rgba(91, 99, 146, var(--bs-text-opacity)) !important
        }

        .bg-purple-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(68, 74, 109, var(--bs-bg-opacity)) !important
        }

        .text-purple-700 {
            --bs-text-opacity: 1;
            color: rgba(68, 74, 109, var(--bs-text-opacity)) !important
        }

        .bg-purple-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(46, 50, 73, var(--bs-bg-opacity)) !important
        }

        .text-purple-800 {
            --bs-text-opacity: 1;
            color: rgba(46, 50, 73, var(--bs-text-opacity)) !important
        }

        .bg-purple-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(23, 25, 36, var(--bs-bg-opacity)) !important
        }

        .text-purple-900 {
            --bs-text-opacity: 1;
            color: rgba(23, 25, 36, var(--bs-text-opacity)) !important
        }

        .bg-gradient-pink {
            background-color: #fb5597 !important;
            background-image: linear-gradient(to bottom, #fc87b5, #fa3c88) !important
        }

        .bg-gradient-from-pink {
            --bs-bg-gradient-from: #fb5597
        }

        .bg-gradient-to-pink {
            --bs-bg-gradient-to: #fb5597
        }

        .hover-bg-pink:hover {
            background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-pink:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-pink {
            --bs-app-theme: #fb5597;
            --bs-app-theme-rgb: 251, 85, 151;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #bc4071;
            --bs-app-theme-hover-border-color: #bc4071;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #bc4071;
            --bs-app-theme-active-border-color: #bc4071;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #fc80b1;
            --bs-app-theme-disabled-border-color: #fc80b1;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-pink-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(254, 221, 234, var(--bs-bg-opacity)) !important
        }

        .text-pink-100 {
            --bs-text-opacity: 1;
            color: rgba(254, 221, 234, var(--bs-text-opacity)) !important
        }

        .bg-pink-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(253, 187, 213, var(--bs-bg-opacity)) !important
        }

        .text-pink-200 {
            --bs-text-opacity: 1;
            color: rgba(253, 187, 213, var(--bs-text-opacity)) !important
        }

        .bg-pink-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(253, 153, 193, var(--bs-bg-opacity)) !important
        }

        .text-pink-300 {
            --bs-text-opacity: 1;
            color: rgba(253, 153, 193, var(--bs-text-opacity)) !important
        }

        .bg-pink-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(252, 119, 172, var(--bs-bg-opacity)) !important
        }

        .text-pink-400 {
            --bs-text-opacity: 1;
            color: rgba(252, 119, 172, var(--bs-text-opacity)) !important
        }

        .bg-pink-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(251, 85, 151, var(--bs-bg-opacity)) !important
        }

        .text-pink-500 {
            --bs-text-opacity: 1;
            color: rgba(251, 85, 151, var(--bs-text-opacity)) !important
        }

        .bg-pink-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(201, 68, 121, var(--bs-bg-opacity)) !important
        }

        .text-pink-600 {
            --bs-text-opacity: 1;
            color: rgba(201, 68, 121, var(--bs-text-opacity)) !important
        }

        .bg-pink-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(151, 51, 91, var(--bs-bg-opacity)) !important
        }

        .text-pink-700 {
            --bs-text-opacity: 1;
            color: rgba(151, 51, 91, var(--bs-text-opacity)) !important
        }

        .bg-pink-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(100, 34, 60, var(--bs-bg-opacity)) !important
        }

        .text-pink-800 {
            --bs-text-opacity: 1;
            color: rgba(100, 34, 60, var(--bs-text-opacity)) !important
        }

        .bg-pink-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(50, 17, 30, var(--bs-bg-opacity)) !important
        }

        .text-pink-900 {
            --bs-text-opacity: 1;
            color: rgba(50, 17, 30, var(--bs-text-opacity)) !important
        }

        .bg-gradient-red {
            background-color: #ff5b57 !important;
            background-image: linear-gradient(to bottom, #ff8d8a, #ff423e) !important
        }

        .bg-gradient-from-red {
            --bs-bg-gradient-from: #ff5b57
        }

        .bg-gradient-to-red {
            --bs-bg-gradient-to: #ff5b57
        }

        .hover-bg-red:hover {
            background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-red:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-red {
            --bs-app-theme: #ff5b57;
            --bs-app-theme-rgb: 255, 91, 87;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #bf4441;
            --bs-app-theme-hover-border-color: #bf4441;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #bf4441;
            --bs-app-theme-active-border-color: #bf4441;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #ff8481;
            --bs-app-theme-disabled-border-color: #ff8481;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-red-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 222, 221, var(--bs-bg-opacity)) !important
        }

        .text-red-100 {
            --bs-text-opacity: 1;
            color: rgba(255, 222, 221, var(--bs-text-opacity)) !important
        }

        .bg-red-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 189, 188, var(--bs-bg-opacity)) !important
        }

        .text-red-200 {
            --bs-text-opacity: 1;
            color: rgba(255, 189, 188, var(--bs-text-opacity)) !important
        }

        .bg-red-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 157, 154, var(--bs-bg-opacity)) !important
        }

        .text-red-300 {
            --bs-text-opacity: 1;
            color: rgba(255, 157, 154, var(--bs-text-opacity)) !important
        }

        .bg-red-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 124, 121, var(--bs-bg-opacity)) !important
        }

        .text-red-400 {
            --bs-text-opacity: 1;
            color: rgba(255, 124, 121, var(--bs-text-opacity)) !important
        }

        .bg-red-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 91, 87, var(--bs-bg-opacity)) !important
        }

        .text-red-500 {
            --bs-text-opacity: 1;
            color: rgba(255, 91, 87, var(--bs-text-opacity)) !important
        }

        .bg-red-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 73, 70, var(--bs-bg-opacity)) !important
        }

        .text-red-600 {
            --bs-text-opacity: 1;
            color: rgba(204, 73, 70, var(--bs-text-opacity)) !important
        }

        .bg-red-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 55, 52, var(--bs-bg-opacity)) !important
        }

        .text-red-700 {
            --bs-text-opacity: 1;
            color: rgba(153, 55, 52, var(--bs-text-opacity)) !important
        }

        .bg-red-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 36, 35, var(--bs-bg-opacity)) !important
        }

        .text-red-800 {
            --bs-text-opacity: 1;
            color: rgba(102, 36, 35, var(--bs-text-opacity)) !important
        }

        .bg-red-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 18, 17, var(--bs-bg-opacity)) !important
        }

        .text-red-900 {
            --bs-text-opacity: 1;
            color: rgba(51, 18, 17, var(--bs-text-opacity)) !important
        }

        .bg-gradient-orange {
            background-color: #f59c1a !important;
            background-image: linear-gradient(to bottom, #f7b14b, #eb900a) !important
        }

        .bg-gradient-from-orange {
            --bs-bg-gradient-from: #f59c1a
        }

        .bg-gradient-to-orange {
            --bs-bg-gradient-to: #f59c1a
        }

        .hover-bg-orange:hover {
            background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-orange:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-orange {
            --bs-app-theme: #f59c1a;
            --bs-app-theme-rgb: 245, 156, 26;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #b87514;
            --bs-app-theme-hover-border-color: #b87514;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #b87514;
            --bs-app-theme-active-border-color: #b87514;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #f8b553;
            --bs-app-theme-disabled-border-color: #f8b553;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-orange-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(253, 235, 209, var(--bs-bg-opacity)) !important
        }

        .text-orange-100 {
            --bs-text-opacity: 1;
            color: rgba(253, 235, 209, var(--bs-text-opacity)) !important
        }

        .bg-orange-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(251, 215, 163, var(--bs-bg-opacity)) !important
        }

        .text-orange-200 {
            --bs-text-opacity: 1;
            color: rgba(251, 215, 163, var(--bs-text-opacity)) !important
        }

        .bg-orange-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(249, 196, 118, var(--bs-bg-opacity)) !important
        }

        .text-orange-300 {
            --bs-text-opacity: 1;
            color: rgba(249, 196, 118, var(--bs-text-opacity)) !important
        }

        .bg-orange-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(247, 176, 72, var(--bs-bg-opacity)) !important
        }

        .text-orange-400 {
            --bs-text-opacity: 1;
            color: rgba(247, 176, 72, var(--bs-text-opacity)) !important
        }

        .bg-orange-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(245, 156, 26, var(--bs-bg-opacity)) !important
        }

        .text-orange-500 {
            --bs-text-opacity: 1;
            color: rgba(245, 156, 26, var(--bs-text-opacity)) !important
        }

        .bg-orange-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(196, 125, 21, var(--bs-bg-opacity)) !important
        }

        .text-orange-600 {
            --bs-text-opacity: 1;
            color: rgba(196, 125, 21, var(--bs-text-opacity)) !important
        }

        .bg-orange-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(147, 94, 16, var(--bs-bg-opacity)) !important
        }

        .text-orange-700 {
            --bs-text-opacity: 1;
            color: rgba(147, 94, 16, var(--bs-text-opacity)) !important
        }

        .bg-orange-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(98, 62, 10, var(--bs-bg-opacity)) !important
        }

        .text-orange-800 {
            --bs-text-opacity: 1;
            color: rgba(98, 62, 10, var(--bs-text-opacity)) !important
        }

        .bg-orange-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(49, 31, 5, var(--bs-bg-opacity)) !important
        }

        .text-orange-900 {
            --bs-text-opacity: 1;
            color: rgba(49, 31, 5, var(--bs-text-opacity)) !important
        }

        .bg-gradient-yellow {
            background-color: #ffd900 !important;
            background-image: linear-gradient(to bottom, #ffe133, #e6c300) !important
        }

        .bg-gradient-from-yellow {
            --bs-bg-gradient-from: #ffd900
        }

        .bg-gradient-to-yellow {
            --bs-bg-gradient-to: #ffd900
        }

        .hover-bg-yellow:hover {
            background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-yellow:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-yellow {
            --bs-app-theme: #ffd900;
            --bs-app-theme-rgb: 255, 217, 0;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #bfa300;
            --bs-app-theme-hover-border-color: #bfa300;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #bfa300;
            --bs-app-theme-active-border-color: #bfa300;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #ffe340;
            --bs-app-theme-disabled-border-color: #ffe340;
            --bs-app-theme-disabled-color: #000000;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0
        }

        .bg-yellow-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 247, 204, var(--bs-bg-opacity)) !important
        }

        .text-yellow-100 {
            --bs-text-opacity: 1;
            color: rgba(255, 247, 204, var(--bs-text-opacity)) !important
        }

        .bg-yellow-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 240, 153, var(--bs-bg-opacity)) !important
        }

        .text-yellow-200 {
            --bs-text-opacity: 1;
            color: rgba(255, 240, 153, var(--bs-text-opacity)) !important
        }

        .bg-yellow-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 232, 102, var(--bs-bg-opacity)) !important
        }

        .text-yellow-300 {
            --bs-text-opacity: 1;
            color: rgba(255, 232, 102, var(--bs-text-opacity)) !important
        }

        .bg-yellow-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 225, 51, var(--bs-bg-opacity)) !important
        }

        .text-yellow-400 {
            --bs-text-opacity: 1;
            color: rgba(255, 225, 51, var(--bs-text-opacity)) !important
        }

        .bg-yellow-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 217, 0, var(--bs-bg-opacity)) !important
        }

        .text-yellow-500 {
            --bs-text-opacity: 1;
            color: rgba(255, 217, 0, var(--bs-text-opacity)) !important
        }

        .bg-yellow-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 174, 0, var(--bs-bg-opacity)) !important
        }

        .text-yellow-600 {
            --bs-text-opacity: 1;
            color: rgba(204, 174, 0, var(--bs-text-opacity)) !important
        }

        .bg-yellow-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 130, 0, var(--bs-bg-opacity)) !important
        }

        .text-yellow-700 {
            --bs-text-opacity: 1;
            color: rgba(153, 130, 0, var(--bs-text-opacity)) !important
        }

        .bg-yellow-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 87, 0, var(--bs-bg-opacity)) !important
        }

        .text-yellow-800 {
            --bs-text-opacity: 1;
            color: rgba(102, 87, 0, var(--bs-text-opacity)) !important
        }

        .bg-yellow-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 43, 0, var(--bs-bg-opacity)) !important
        }

        .text-yellow-900 {
            --bs-text-opacity: 1;
            color: rgba(51, 43, 0, var(--bs-text-opacity)) !important
        }

        .bg-gradient-green {
            background-color: #32a932 !important;
            background-image: linear-gradient(to bottom, #46c846, #2c952c) !important
        }

        .bg-gradient-from-green {
            --bs-bg-gradient-from: #32a932
        }

        .bg-gradient-to-green {
            --bs-bg-gradient-to: #32a932
        }

        .hover-bg-green:hover {
            background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-green:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-green {
            --bs-app-theme: #32a932;
            --bs-app-theme-rgb: 50, 169, 50;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #267f26;
            --bs-app-theme-hover-border-color: #267f26;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #267f26;
            --bs-app-theme-active-border-color: #267f26;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #65bf65;
            --bs-app-theme-disabled-border-color: #65bf65;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-green-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(214, 238, 214, var(--bs-bg-opacity)) !important
        }

        .text-green-100 {
            --bs-text-opacity: 1;
            color: rgba(214, 238, 214, var(--bs-text-opacity)) !important
        }

        .bg-green-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(173, 221, 173, var(--bs-bg-opacity)) !important
        }

        .text-green-200 {
            --bs-text-opacity: 1;
            color: rgba(173, 221, 173, var(--bs-text-opacity)) !important
        }

        .bg-green-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(132, 203, 132, var(--bs-bg-opacity)) !important
        }

        .text-green-300 {
            --bs-text-opacity: 1;
            color: rgba(132, 203, 132, var(--bs-text-opacity)) !important
        }

        .bg-green-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(91, 186, 91, var(--bs-bg-opacity)) !important
        }

        .text-green-400 {
            --bs-text-opacity: 1;
            color: rgba(91, 186, 91, var(--bs-text-opacity)) !important
        }

        .bg-green-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(50, 169, 50, var(--bs-bg-opacity)) !important
        }

        .text-green-500 {
            --bs-text-opacity: 1;
            color: rgba(50, 169, 50, var(--bs-text-opacity)) !important
        }

        .bg-green-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(40, 135, 40, var(--bs-bg-opacity)) !important
        }

        .text-green-600 {
            --bs-text-opacity: 1;
            color: rgba(40, 135, 40, var(--bs-text-opacity)) !important
        }

        .bg-green-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(30, 101, 30, var(--bs-bg-opacity)) !important
        }

        .text-green-700 {
            --bs-text-opacity: 1;
            color: rgba(30, 101, 30, var(--bs-text-opacity)) !important
        }

        .bg-green-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(20, 68, 20, var(--bs-bg-opacity)) !important
        }

        .text-green-800 {
            --bs-text-opacity: 1;
            color: rgba(20, 68, 20, var(--bs-text-opacity)) !important
        }

        .bg-green-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(10, 34, 10, var(--bs-bg-opacity)) !important
        }

        .text-green-900 {
            --bs-text-opacity: 1;
            color: rgba(10, 34, 10, var(--bs-text-opacity)) !important
        }

        .bg-gradient-teal {
            background-color: #00acac !important;
            background-image: linear-gradient(to bottom, #00dfdf, #009393) !important
        }

        .bg-gradient-from-teal {
            --bs-bg-gradient-from: #00acac
        }

        .bg-gradient-to-teal {
            --bs-bg-gradient-to: #00acac
        }

        .hover-bg-teal:hover {
            background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-teal:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-teal {
            --bs-app-theme: #00acac;
            --bs-app-theme-rgb: 0, 172, 172;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #008181;
            --bs-app-theme-hover-border-color: #008181;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #008181;
            --bs-app-theme-active-border-color: #008181;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #40c1c1;
            --bs-app-theme-disabled-border-color: #40c1c1;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-teal-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 238, 238, var(--bs-bg-opacity)) !important
        }

        .text-teal-100 {
            --bs-text-opacity: 1;
            color: rgba(204, 238, 238, var(--bs-text-opacity)) !important
        }

        .bg-teal-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 222, 222, var(--bs-bg-opacity)) !important
        }

        .text-teal-200 {
            --bs-text-opacity: 1;
            color: rgba(153, 222, 222, var(--bs-text-opacity)) !important
        }

        .bg-teal-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 205, 205, var(--bs-bg-opacity)) !important
        }

        .text-teal-300 {
            --bs-text-opacity: 1;
            color: rgba(102, 205, 205, var(--bs-text-opacity)) !important
        }

        .bg-teal-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 189, 189, var(--bs-bg-opacity)) !important
        }

        .text-teal-400 {
            --bs-text-opacity: 1;
            color: rgba(51, 189, 189, var(--bs-text-opacity)) !important
        }

        .bg-teal-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 172, 172, var(--bs-bg-opacity)) !important
        }

        .text-teal-500 {
            --bs-text-opacity: 1;
            color: rgba(0, 172, 172, var(--bs-text-opacity)) !important
        }

        .bg-teal-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 138, 138, var(--bs-bg-opacity)) !important
        }

        .text-teal-600 {
            --bs-text-opacity: 1;
            color: rgba(0, 138, 138, var(--bs-text-opacity)) !important
        }

        .bg-teal-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 103, 103, var(--bs-bg-opacity)) !important
        }

        .text-teal-700 {
            --bs-text-opacity: 1;
            color: rgba(0, 103, 103, var(--bs-text-opacity)) !important
        }

        .bg-teal-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 69, 69, var(--bs-bg-opacity)) !important
        }

        .text-teal-800 {
            --bs-text-opacity: 1;
            color: rgba(0, 69, 69, var(--bs-text-opacity)) !important
        }

        .bg-teal-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 34, 34, var(--bs-bg-opacity)) !important
        }

        .text-teal-900 {
            --bs-text-opacity: 1;
            color: rgba(0, 34, 34, var(--bs-text-opacity)) !important
        }

        .bg-gradient-lime {
            background-color: #90ca4b !important;
            background-image: linear-gradient(to bottom, #a8d672, #84c239) !important
        }

        .bg-gradient-from-lime {
            --bs-bg-gradient-from: #90ca4b
        }

        .bg-gradient-to-lime {
            --bs-bg-gradient-to: #90ca4b
        }

        .hover-bg-lime:hover {
            background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-lime:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-lime {
            --bs-app-theme: #90ca4b;
            --bs-app-theme-rgb: 144, 202, 75;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #6c9838;
            --bs-app-theme-hover-border-color: #6c9838;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #6c9838;
            --bs-app-theme-active-border-color: #6c9838;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #acd778;
            --bs-app-theme-disabled-border-color: #acd778;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-lime-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(233, 244, 219, var(--bs-bg-opacity)) !important
        }

        .text-lime-100 {
            --bs-text-opacity: 1;
            color: rgba(233, 244, 219, var(--bs-text-opacity)) !important
        }

        .bg-lime-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(211, 234, 183, var(--bs-bg-opacity)) !important
        }

        .text-lime-200 {
            --bs-text-opacity: 1;
            color: rgba(211, 234, 183, var(--bs-text-opacity)) !important
        }

        .bg-lime-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(188, 223, 147, var(--bs-bg-opacity)) !important
        }

        .text-lime-300 {
            --bs-text-opacity: 1;
            color: rgba(188, 223, 147, var(--bs-text-opacity)) !important
        }

        .bg-lime-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(166, 213, 111, var(--bs-bg-opacity)) !important
        }

        .text-lime-400 {
            --bs-text-opacity: 1;
            color: rgba(166, 213, 111, var(--bs-text-opacity)) !important
        }

        .bg-lime-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(144, 202, 75, var(--bs-bg-opacity)) !important
        }

        .text-lime-500 {
            --bs-text-opacity: 1;
            color: rgba(144, 202, 75, var(--bs-text-opacity)) !important
        }

        .bg-lime-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(115, 162, 60, var(--bs-bg-opacity)) !important
        }

        .text-lime-600 {
            --bs-text-opacity: 1;
            color: rgba(115, 162, 60, var(--bs-text-opacity)) !important
        }

        .bg-lime-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(86, 121, 45, var(--bs-bg-opacity)) !important
        }

        .text-lime-700 {
            --bs-text-opacity: 1;
            color: rgba(86, 121, 45, var(--bs-text-opacity)) !important
        }

        .bg-lime-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(58, 81, 30, var(--bs-bg-opacity)) !important
        }

        .text-lime-800 {
            --bs-text-opacity: 1;
            color: rgba(58, 81, 30, var(--bs-text-opacity)) !important
        }

        .bg-lime-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(29, 40, 15, var(--bs-bg-opacity)) !important
        }

        .text-lime-900 {
            --bs-text-opacity: 1;
            color: rgba(29, 40, 15, var(--bs-text-opacity)) !important
        }

        .bg-gradient-cyan {
            background-color: #49b6d6 !important;
            background-image: linear-gradient(to bottom, #73c7df, #34aed1) !important
        }

        .bg-gradient-from-cyan {
            --bs-bg-gradient-from: #49b6d6
        }

        .bg-gradient-to-cyan {
            --bs-bg-gradient-to: #49b6d6
        }

        .hover-bg-cyan:hover {
            background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-cyan:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-cyan {
            --bs-app-theme: #49b6d6;
            --bs-app-theme-rgb: 73, 182, 214;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #3789a1;
            --bs-app-theme-hover-border-color: #3789a1;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #3789a1;
            --bs-app-theme-active-border-color: #3789a1;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #77c8e0;
            --bs-app-theme-disabled-border-color: #77c8e0;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-cyan-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(219, 240, 247, var(--bs-bg-opacity)) !important
        }

        .text-cyan-100 {
            --bs-text-opacity: 1;
            color: rgba(219, 240, 247, var(--bs-text-opacity)) !important
        }

        .bg-cyan-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(182, 226, 239, var(--bs-bg-opacity)) !important
        }

        .text-cyan-200 {
            --bs-text-opacity: 1;
            color: rgba(182, 226, 239, var(--bs-text-opacity)) !important
        }

        .bg-cyan-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(146, 211, 230, var(--bs-bg-opacity)) !important
        }

        .text-cyan-300 {
            --bs-text-opacity: 1;
            color: rgba(146, 211, 230, var(--bs-text-opacity)) !important
        }

        .bg-cyan-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(109, 197, 222, var(--bs-bg-opacity)) !important
        }

        .text-cyan-400 {
            --bs-text-opacity: 1;
            color: rgba(109, 197, 222, var(--bs-text-opacity)) !important
        }

        .bg-cyan-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(73, 182, 214, var(--bs-bg-opacity)) !important
        }

        .text-cyan-500 {
            --bs-text-opacity: 1;
            color: rgba(73, 182, 214, var(--bs-text-opacity)) !important
        }

        .bg-cyan-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(58, 146, 171, var(--bs-bg-opacity)) !important
        }

        .text-cyan-600 {
            --bs-text-opacity: 1;
            color: rgba(58, 146, 171, var(--bs-text-opacity)) !important
        }

        .bg-cyan-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(44, 109, 128, var(--bs-bg-opacity)) !important
        }

        .text-cyan-700 {
            --bs-text-opacity: 1;
            color: rgba(44, 109, 128, var(--bs-text-opacity)) !important
        }

        .bg-cyan-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(29, 73, 86, var(--bs-bg-opacity)) !important
        }

        .text-cyan-800 {
            --bs-text-opacity: 1;
            color: rgba(29, 73, 86, var(--bs-text-opacity)) !important
        }

        .bg-cyan-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(15, 36, 43, var(--bs-bg-opacity)) !important
        }

        .text-cyan-900 {
            --bs-text-opacity: 1;
            color: rgba(15, 36, 43, var(--bs-text-opacity)) !important
        }

        .bg-gradient-white {
            background-color: #fff !important;
            background-image: linear-gradient(to bottom, #fff, #f2f2f2) !important
        }

        .bg-gradient-from-white {
            --bs-bg-gradient-from: #FFFFFF
        }

        .bg-gradient-to-white {
            --bs-bg-gradient-to: #FFFFFF
        }

        .hover-bg-white:hover {
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-white:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-white {
            --bs-app-theme: #FFFFFF;
            --bs-app-theme-rgb: 255, 255, 255;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #bfbfbf;
            --bs-app-theme-hover-border-color: #bfbfbf;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #bfbfbf;
            --bs-app-theme-active-border-color: #bfbfbf;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: white;
            --bs-app-theme-disabled-border-color: white;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-white-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important
        }

        .text-white-100 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, var(--bs-text-opacity)) !important
        }

        .bg-white-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important
        }

        .text-white-200 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, var(--bs-text-opacity)) !important
        }

        .bg-white-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important
        }

        .text-white-300 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, var(--bs-text-opacity)) !important
        }

        .bg-white-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important
        }

        .text-white-400 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, var(--bs-text-opacity)) !important
        }

        .bg-white-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important
        }

        .text-white-500 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, var(--bs-text-opacity)) !important
        }

        .bg-white-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 204, 204, var(--bs-bg-opacity)) !important
        }

        .text-white-600 {
            --bs-text-opacity: 1;
            color: rgba(204, 204, 204, var(--bs-text-opacity)) !important
        }

        .bg-white-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 153, 153, var(--bs-bg-opacity)) !important
        }

        .text-white-700 {
            --bs-text-opacity: 1;
            color: rgba(153, 153, 153, var(--bs-text-opacity)) !important
        }

        .bg-white-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 102, 102, var(--bs-bg-opacity)) !important
        }

        .text-white-800 {
            --bs-text-opacity: 1;
            color: rgba(102, 102, 102, var(--bs-text-opacity)) !important
        }

        .bg-white-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 51, 51, var(--bs-bg-opacity)) !important
        }

        .text-white-900 {
            --bs-text-opacity: 1;
            color: rgba(51, 51, 51, var(--bs-text-opacity)) !important
        }

        .bg-gradient-gray {
            background-color: #6c757d !important;
            background-image: linear-gradient(to bottom, #868e96, #60686f) !important
        }

        .bg-gradient-from-gray {
            --bs-bg-gradient-from: #6c757d
        }

        .bg-gradient-to-gray {
            --bs-bg-gradient-to: #6c757d
        }

        .hover-bg-gray:hover {
            background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray {
            --bs-app-theme: #6c757d;
            --bs-app-theme-rgb: 108, 117, 125;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #51585e;
            --bs-app-theme-hover-border-color: #51585e;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #51585e;
            --bs-app-theme-active-border-color: #51585e;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #91989e;
            --bs-app-theme-disabled-border-color: #91989e;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-gray-dark {
            background-color: #2d353c !important;
            background-image: linear-gradient(to bottom, #434f59, #22282d) !important
        }

        .bg-gradient-from-gray-dark {
            --bs-bg-gradient-from: #2d353c
        }

        .bg-gradient-to-gray-dark {
            --bs-bg-gradient-to: #2d353c
        }

        .hover-bg-gray-dark:hover {
            background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-dark:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-dark {
            --bs-app-theme: #2d353c;
            --bs-app-theme-rgb: 45, 53, 60;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #22282d;
            --bs-app-theme-hover-border-color: #22282d;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #22282d;
            --bs-app-theme-active-border-color: #22282d;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #62686d;
            --bs-app-theme-disabled-border-color: #62686d;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gray-dark-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(213, 215, 216, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-100 {
            --bs-text-opacity: 1;
            color: rgba(213, 215, 216, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(171, 174, 177, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-200 {
            --bs-text-opacity: 1;
            color: rgba(171, 174, 177, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(129, 134, 138, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-300 {
            --bs-text-opacity: 1;
            color: rgba(129, 134, 138, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(87, 93, 99, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-400 {
            --bs-text-opacity: 1;
            color: rgba(87, 93, 99, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(45, 53, 60, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-500 {
            --bs-text-opacity: 1;
            color: rgba(45, 53, 60, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(36, 42, 48, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-600 {
            --bs-text-opacity: 1;
            color: rgba(36, 42, 48, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(27, 32, 36, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-700 {
            --bs-text-opacity: 1;
            color: rgba(27, 32, 36, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(18, 21, 24, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-800 {
            --bs-text-opacity: 1;
            color: rgba(18, 21, 24, var(--bs-text-opacity)) !important
        }

        .bg-gray-dark-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(9, 11, 12, var(--bs-bg-opacity)) !important
        }

        .text-gray-dark-900 {
            --bs-text-opacity: 1;
            color: rgba(9, 11, 12, var(--bs-text-opacity)) !important
        }

        .bg-gradient-muted {
            background-color: #adb5bd !important;
            background-image: linear-gradient(to bottom, #c9cfd4, #9fa8b2) !important
        }

        .bg-gradient-from-muted {
            --bs-bg-gradient-from: #adb5bd
        }

        .bg-gradient-to-muted {
            --bs-bg-gradient-to: #adb5bd
        }

        .hover-bg-muted:hover {
            background-color: rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-muted:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-muted {
            --bs-app-theme: #adb5bd;
            --bs-app-theme-rgb: 173, 181, 189;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #82888e;
            --bs-app-theme-hover-border-color: #82888e;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #82888e;
            --bs-app-theme-active-border-color: #82888e;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #c2c8ce;
            --bs-app-theme-disabled-border-color: #c2c8ce;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-muted-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(239, 240, 242, var(--bs-bg-opacity)) !important
        }

        .text-muted-100 {
            --bs-text-opacity: 1;
            color: rgba(239, 240, 242, var(--bs-text-opacity)) !important
        }

        .bg-muted-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(222, 225, 229, var(--bs-bg-opacity)) !important
        }

        .text-muted-200 {
            --bs-text-opacity: 1;
            color: rgba(222, 225, 229, var(--bs-text-opacity)) !important
        }

        .bg-muted-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(206, 211, 215, var(--bs-bg-opacity)) !important
        }

        .text-muted-300 {
            --bs-text-opacity: 1;
            color: rgba(206, 211, 215, var(--bs-text-opacity)) !important
        }

        .bg-muted-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(189, 196, 202, var(--bs-bg-opacity)) !important
        }

        .text-muted-400 {
            --bs-text-opacity: 1;
            color: rgba(189, 196, 202, var(--bs-text-opacity)) !important
        }

        .bg-muted-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(173, 181, 189, var(--bs-bg-opacity)) !important
        }

        .text-muted-500 {
            --bs-text-opacity: 1;
            color: rgba(173, 181, 189, var(--bs-text-opacity)) !important
        }

        .bg-muted-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(138, 145, 151, var(--bs-bg-opacity)) !important
        }

        .text-muted-600 {
            --bs-text-opacity: 1;
            color: rgba(138, 145, 151, var(--bs-text-opacity)) !important
        }

        .bg-muted-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(104, 109, 113, var(--bs-bg-opacity)) !important
        }

        .text-muted-700 {
            --bs-text-opacity: 1;
            color: rgba(104, 109, 113, var(--bs-text-opacity)) !important
        }

        .bg-muted-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(69, 72, 76, var(--bs-bg-opacity)) !important
        }

        .text-muted-800 {
            --bs-text-opacity: 1;
            color: rgba(69, 72, 76, var(--bs-text-opacity)) !important
        }

        .bg-muted-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(35, 36, 38, var(--bs-bg-opacity)) !important
        }

        .text-muted-900 {
            --bs-text-opacity: 1;
            color: rgba(35, 36, 38, var(--bs-text-opacity)) !important
        }

        .bg-gradient-black {
            background-color: #000 !important;
            background-image: linear-gradient(to bottom, #1a1a1a, #000) !important
        }

        .bg-gradient-from-black {
            --bs-bg-gradient-from: #000000
        }

        .bg-gradient-to-black {
            --bs-bg-gradient-to: #000000
        }

        .hover-bg-black:hover {
            background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-black:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-black {
            --bs-app-theme: #000000;
            --bs-app-theme-rgb: 0, 0, 0;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: black;
            --bs-app-theme-hover-border-color: black;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: black;
            --bs-app-theme-active-border-color: black;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #404040;
            --bs-app-theme-disabled-border-color: #404040;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-black-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(204, 204, 204, var(--bs-bg-opacity)) !important
        }

        .text-black-100 {
            --bs-text-opacity: 1;
            color: rgba(204, 204, 204, var(--bs-text-opacity)) !important
        }

        .bg-black-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(153, 153, 153, var(--bs-bg-opacity)) !important
        }

        .text-black-200 {
            --bs-text-opacity: 1;
            color: rgba(153, 153, 153, var(--bs-text-opacity)) !important
        }

        .bg-black-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(102, 102, 102, var(--bs-bg-opacity)) !important
        }

        .text-black-300 {
            --bs-text-opacity: 1;
            color: rgba(102, 102, 102, var(--bs-text-opacity)) !important
        }

        .bg-black-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(51, 51, 51, var(--bs-bg-opacity)) !important
        }

        .text-black-400 {
            --bs-text-opacity: 1;
            color: rgba(51, 51, 51, var(--bs-text-opacity)) !important
        }

        .bg-black-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important
        }

        .text-black-500 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, var(--bs-text-opacity)) !important
        }

        .bg-black-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important
        }

        .text-black-600 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, var(--bs-text-opacity)) !important
        }

        .bg-black-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important
        }

        .text-black-700 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, var(--bs-text-opacity)) !important
        }

        .bg-black-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important
        }

        .text-black-800 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, var(--bs-text-opacity)) !important
        }

        .bg-black-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important
        }

        .text-black-900 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, var(--bs-text-opacity)) !important
        }

        .bg-gradient-silver {
            background-color: #b6c2c9 !important;
            background-image: linear-gradient(to bottom, #d3dadf, #a7b6be) !important
        }

        .bg-gradient-from-silver {
            --bs-bg-gradient-from: #b6c2c9
        }

        .bg-gradient-to-silver {
            --bs-bg-gradient-to: #b6c2c9
        }

        .hover-bg-silver:hover {
            background-color: rgba(var(--bs-silver-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-silver:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-silver {
            --bs-app-theme: #b6c2c9;
            --bs-app-theme-rgb: 182, 194, 201;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #899297;
            --bs-app-theme-hover-border-color: #899297;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #899297;
            --bs-app-theme-active-border-color: #899297;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #c8d1d7;
            --bs-app-theme-disabled-border-color: #c8d1d7;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-silver-100 {
            --bs-bg-opacity: 1;
            background-color: rgba(240, 243, 244, var(--bs-bg-opacity)) !important
        }

        .text-silver-100 {
            --bs-text-opacity: 1;
            color: rgba(240, 243, 244, var(--bs-text-opacity)) !important
        }

        .bg-silver-200 {
            --bs-bg-opacity: 1;
            background-color: rgba(226, 231, 233, var(--bs-bg-opacity)) !important
        }

        .text-silver-200 {
            --bs-text-opacity: 1;
            color: rgba(226, 231, 233, var(--bs-text-opacity)) !important
        }

        .bg-silver-300 {
            --bs-bg-opacity: 1;
            background-color: rgba(211, 218, 223, var(--bs-bg-opacity)) !important
        }

        .text-silver-300 {
            --bs-text-opacity: 1;
            color: rgba(211, 218, 223, var(--bs-text-opacity)) !important
        }

        .bg-silver-400 {
            --bs-bg-opacity: 1;
            background-color: rgba(197, 206, 212, var(--bs-bg-opacity)) !important
        }

        .text-silver-400 {
            --bs-text-opacity: 1;
            color: rgba(197, 206, 212, var(--bs-text-opacity)) !important
        }

        .bg-silver-500 {
            --bs-bg-opacity: 1;
            background-color: rgba(182, 194, 201, var(--bs-bg-opacity)) !important
        }

        .text-silver-500 {
            --bs-text-opacity: 1;
            color: rgba(182, 194, 201, var(--bs-text-opacity)) !important
        }

        .bg-silver-600 {
            --bs-bg-opacity: 1;
            background-color: rgba(146, 155, 161, var(--bs-bg-opacity)) !important
        }

        .text-silver-600 {
            --bs-text-opacity: 1;
            color: rgba(146, 155, 161, var(--bs-text-opacity)) !important
        }

        .bg-silver-700 {
            --bs-bg-opacity: 1;
            background-color: rgba(109, 116, 121, var(--bs-bg-opacity)) !important
        }

        .text-silver-700 {
            --bs-text-opacity: 1;
            color: rgba(109, 116, 121, var(--bs-text-opacity)) !important
        }

        .bg-silver-800 {
            --bs-bg-opacity: 1;
            background-color: rgba(73, 78, 80, var(--bs-bg-opacity)) !important
        }

        .text-silver-800 {
            --bs-text-opacity: 1;
            color: rgba(73, 78, 80, var(--bs-text-opacity)) !important
        }

        .bg-silver-900 {
            --bs-bg-opacity: 1;
            background-color: rgba(36, 39, 40, var(--bs-bg-opacity)) !important
        }

        .text-silver-900 {
            --bs-text-opacity: 1;
            color: rgba(36, 39, 40, var(--bs-text-opacity)) !important
        }

        .bg-gradient-gray-100 {
            background-color: #f8f9fa !important;
            background-image: linear-gradient(to bottom, #fff, #e9ecef) !important
        }

        .bg-gradient-from-gray-100 {
            --bs-bg-gradient-from: #f8f9fa
        }

        .bg-gradient-to-gray-100 {
            --bs-bg-gradient-to: #f8f9fa
        }

        .hover-bg-gray-100:hover {
            background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-100:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-100 {
            --bs-app-theme: #f8f9fa;
            --bs-app-theme-rgb: 248, 249, 250;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #babbbc;
            --bs-app-theme-hover-border-color: #babbbc;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #babbbc;
            --bs-app-theme-active-border-color: #babbbc;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #fafbfb;
            --bs-app-theme-disabled-border-color: #fafbfb;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-gradient-gray-200 {
            background-color: #e9ecef !important;
            background-image: linear-gradient(to bottom, #fff, #dadfe4) !important
        }

        .bg-gradient-from-gray-200 {
            --bs-bg-gradient-from: #e9ecef
        }

        .bg-gradient-to-gray-200 {
            --bs-bg-gradient-to: #e9ecef
        }

        .hover-bg-gray-200:hover {
            background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-200:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-200 {
            --bs-app-theme: #e9ecef;
            --bs-app-theme-rgb: 233, 236, 239;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #afb1b3;
            --bs-app-theme-hover-border-color: #afb1b3;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #afb1b3;
            --bs-app-theme-active-border-color: #afb1b3;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #eff1f3;
            --bs-app-theme-disabled-border-color: #eff1f3;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-gradient-gray-300 {
            background-color: #dee2e6 !important;
            background-image: linear-gradient(to bottom, #fbfcfc, #cfd5db) !important
        }

        .bg-gradient-from-gray-300 {
            --bs-bg-gradient-from: #dee2e6
        }

        .bg-gradient-to-gray-300 {
            --bs-bg-gradient-to: #dee2e6
        }

        .hover-bg-gray-300:hover {
            background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-300:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-300 {
            --bs-app-theme: #dee2e6;
            --bs-app-theme-rgb: 222, 226, 230;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #a7aaad;
            --bs-app-theme-hover-border-color: #a7aaad;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #a7aaad;
            --bs-app-theme-active-border-color: #a7aaad;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #e6e9ec;
            --bs-app-theme-disabled-border-color: #e6e9ec;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-gradient-gray-400 {
            background-color: #ced4da !important;
            background-image: linear-gradient(to bottom, #ebeef0, #bfc7cf) !important
        }

        .bg-gradient-from-gray-400 {
            --bs-bg-gradient-from: #ced4da
        }

        .bg-gradient-to-gray-400 {
            --bs-bg-gradient-to: #ced4da
        }

        .hover-bg-gray-400:hover {
            background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-400:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-400 {
            --bs-app-theme: #ced4da;
            --bs-app-theme-rgb: 206, 212, 218;
            --bs-app-theme-color: #000000;
            --bs-app-theme-color-rgb: 0, 0, 0;
            --bs-app-theme-hover: #9b9fa4;
            --bs-app-theme-hover-border-color: #9b9fa4;
            --bs-app-theme-hover-color: #000000;
            --bs-app-theme-active: #9b9fa4;
            --bs-app-theme-active-border-color: #9b9fa4;
            --bs-app-theme-active-color: #000000;
            --bs-app-theme-disabled: #dadfe3;
            --bs-app-theme-disabled-border-color: #dadfe3;
            --bs-app-theme-disabled-color: #000000
        }

        .bg-gradient-gray-500 {
            background-color: #adb5bd !important;
            background-image: linear-gradient(to bottom, #c9cfd4, #9fa8b2) !important
        }

        .bg-gradient-from-gray-500 {
            --bs-bg-gradient-from: #adb5bd
        }

        .bg-gradient-to-gray-500 {
            --bs-bg-gradient-to: #adb5bd
        }

        .hover-bg-gray-500:hover {
            background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-500:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-500 {
            --bs-app-theme: #adb5bd;
            --bs-app-theme-rgb: 173, 181, 189;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #82888e;
            --bs-app-theme-hover-border-color: #82888e;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #82888e;
            --bs-app-theme-active-border-color: #82888e;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #c2c8ce;
            --bs-app-theme-disabled-border-color: #c2c8ce;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-gray-600 {
            background-color: #6c757d !important;
            background-image: linear-gradient(to bottom, #868e96, #60686f) !important
        }

        .bg-gradient-from-gray-600 {
            --bs-bg-gradient-from: #6c757d
        }

        .bg-gradient-to-gray-600 {
            --bs-bg-gradient-to: #6c757d
        }

        .hover-bg-gray-600:hover {
            background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-600:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-600 {
            --bs-app-theme: #6c757d;
            --bs-app-theme-rgb: 108, 117, 125;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #51585e;
            --bs-app-theme-hover-border-color: #51585e;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #51585e;
            --bs-app-theme-active-border-color: #51585e;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #91989e;
            --bs-app-theme-disabled-border-color: #91989e;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-gray-700 {
            background-color: #495057 !important;
            background-image: linear-gradient(to bottom, #606a73, #3d4349) !important
        }

        .bg-gradient-from-gray-700 {
            --bs-bg-gradient-from: #495057
        }

        .bg-gradient-to-gray-700 {
            --bs-bg-gradient-to: #495057
        }

        .hover-bg-gray-700:hover {
            background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-700:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-700 {
            --bs-app-theme: #495057;
            --bs-app-theme-rgb: 73, 80, 87;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #373c41;
            --bs-app-theme-hover-border-color: #373c41;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #373c41;
            --bs-app-theme-active-border-color: #373c41;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #777c81;
            --bs-app-theme-disabled-border-color: #777c81;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-gray-800 {
            background-color: #2d353c !important;
            background-image: linear-gradient(to bottom, #434f59, #22282d) !important
        }

        .bg-gradient-from-gray-800 {
            --bs-bg-gradient-from: #2d353c
        }

        .bg-gradient-to-gray-800 {
            --bs-bg-gradient-to: #2d353c
        }

        .hover-bg-gray-800:hover {
            background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-800:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-800 {
            --bs-app-theme: #2d353c;
            --bs-app-theme-rgb: 45, 53, 60;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #22282d;
            --bs-app-theme-hover-border-color: #22282d;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #22282d;
            --bs-app-theme-active-border-color: #22282d;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #62686d;
            --bs-app-theme-disabled-border-color: #62686d;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-gray-900 {
            background-color: #20252a !important;
            background-image: linear-gradient(to bottom, #363f47, #15181c) !important
        }

        .bg-gradient-from-gray-900 {
            --bs-bg-gradient-from: #20252a
        }

        .bg-gradient-to-gray-900 {
            --bs-bg-gradient-to: #20252a
        }

        .hover-bg-gray-900:hover {
            background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
        }

        .hover-bg-gray-900:hover:not([class*=bg-opacity-]) {
            --bs-bg-opacity: 1.0
        }

        .theme-gray-900 {
            --bs-app-theme: #20252a;
            --bs-app-theme-rgb: 32, 37, 42;
            --bs-app-theme-color: #FFFFFF;
            --bs-app-theme-color-rgb: 255, 255, 255;
            --bs-app-theme-hover: #181c20;
            --bs-app-theme-hover-border-color: #181c20;
            --bs-app-theme-hover-color: #FFFFFF;
            --bs-app-theme-active: #181c20;
            --bs-app-theme-active-border-color: #181c20;
            --bs-app-theme-active-color: #FFFFFF;
            --bs-app-theme-disabled: #585c5f;
            --bs-app-theme-disabled-border-color: #585c5f;
            --bs-app-theme-disabled-color: #FFFFFF
        }

        .bg-gradient-red-pink {
            background-image: linear-gradient(to bottom, #ff5b57 0, #fb5597 100%) !important
        }

        .bg-gradient-orange-red {
            background-image: linear-gradient(to bottom, #f59c1a 0, #ff5b57 100%) !important
        }

        .bg-gradient-yellow-orange {
            background-image: linear-gradient(to bottom, #ffd900 0, #f59c1a 100%) !important
        }

        .bg-gradient-yellow-red {
            background-image: linear-gradient(to bottom, #ffd900 0, #ff5b57 100%) !important
        }

        .bg-gradient-teal-green {
            background-image: linear-gradient(to bottom, #00acac 0, #32a932 100%) !important
        }

        .bg-gradient-yellow-green {
            background-image: linear-gradient(to bottom, #ffd900 0, #32a932 100%) !important
        }

        .bg-gradient-blue-purple {
            background-image: linear-gradient(to bottom, #348fe2 0, #727cb6 100%) !important
        }

        .bg-gradient-cyan-blue {
            background-image: linear-gradient(to bottom, #49b6d6 0, #348fe2 100%) !important
        }

        .bg-gradient-cyan-purple {
            background-image: linear-gradient(to bottom, #49b6d6 0, #727cb6 100%) !important
        }

        .bg-gradient-cyan-indigo {
            background-image: linear-gradient(to bottom, #49b6d6 0, #8753de 100%) !important
        }

        .bg-gradient-blue-indigo {
            background-image: linear-gradient(to bottom, #348fe2 0, #8753de 100%) !important
        }

        .bg-gradient-purple-indigo {
            background-image: linear-gradient(to bottom, #727cb6 0, #8753de 100%) !important
        }

        .bg-gradient-silver-black {
            background-image: linear-gradient(to bottom, #b6c2c9 0, #000 100%) !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .text-opacity-0 {
            --bs-text-opacity: 0
        }

        .text-opacity-5 {
            --bs-text-opacity: 0.05
        }

        .bg-opacity-0 {
            --bs-bg-opacity: 0
        }

        .bg-opacity-5 {
            --bs-bg-opacity: 0.05
        }

        .opacity-10 {
            opacity: .1 !important
        }

        .opacity-15 {
            opacity: .15 !important
        }

        .text-opacity-10 {
            --bs-text-opacity: 0.1
        }

        .text-opacity-15 {
            --bs-text-opacity: 0.15
        }

        .bg-opacity-10 {
            --bs-bg-opacity: 0.1
        }

        .bg-opacity-15 {
            --bs-bg-opacity: 0.15
        }

        .opacity-20 {
            opacity: .2 !important
        }

        .opacity-30 {
            opacity: .3 !important
        }

        .text-opacity-20 {
            --bs-text-opacity: 0.2
        }

        .text-opacity-25 {
            --bs-text-opacity: 0.25
        }

        .bg-opacity-20 {
            --bs-bg-opacity: 0.2
        }

        .bg-opacity-25 {
            --bs-bg-opacity: 0.25
        }

        .opacity-30 {
            opacity: .3 !important
        }

        .opacity-45 {
            opacity: .45 !important
        }

        .text-opacity-30 {
            --bs-text-opacity: 0.3
        }

        .text-opacity-35 {
            --bs-text-opacity: 0.35
        }

        .bg-opacity-30 {
            --bs-bg-opacity: 0.3
        }

        .bg-opacity-35 {
            --bs-bg-opacity: 0.35
        }

        .opacity-40 {
            opacity: .4 !important
        }

        .opacity-60 {
            opacity: .6 !important
        }

        .text-opacity-40 {
            --bs-text-opacity: 0.4
        }

        .text-opacity-45 {
            --bs-text-opacity: 0.45
        }

        .bg-opacity-40 {
            --bs-bg-opacity: 0.4
        }

        .bg-opacity-45 {
            --bs-bg-opacity: 0.45
        }

        .opacity-50 {
            opacity: .5 !important
        }

        .opacity-75 {
            opacity: .75 !important
        }

        .text-opacity-50 {
            --bs-text-opacity: 0.5
        }

        .text-opacity-55 {
            --bs-text-opacity: 0.55
        }

        .bg-opacity-50 {
            --bs-bg-opacity: 0.5
        }

        .bg-opacity-55 {
            --bs-bg-opacity: 0.55
        }

        .opacity-60 {
            opacity: .6 !important
        }

        .opacity-90 {
            opacity: .9 !important
        }

        .text-opacity-60 {
            --bs-text-opacity: 0.6
        }

        .text-opacity-65 {
            --bs-text-opacity: 0.65
        }

        .bg-opacity-60 {
            --bs-bg-opacity: 0.6
        }

        .bg-opacity-65 {
            --bs-bg-opacity: 0.65
        }

        .opacity-70 {
            opacity: .7 !important
        }

        .opacity-105 {
            opacity: 1.05 !important
        }

        .text-opacity-70 {
            --bs-text-opacity: 0.7
        }

        .text-opacity-75 {
            --bs-text-opacity: 0.75
        }

        .bg-opacity-70 {
            --bs-bg-opacity: 0.7
        }

        .bg-opacity-75 {
            --bs-bg-opacity: 0.75
        }

        .opacity-80 {
            opacity: .8 !important
        }

        .opacity-120 {
            opacity: 1.2 !important
        }

        .text-opacity-80 {
            --bs-text-opacity: 0.8
        }

        .text-opacity-85 {
            --bs-text-opacity: 0.85
        }

        .bg-opacity-80 {
            --bs-bg-opacity: 0.8
        }

        .bg-opacity-85 {
            --bs-bg-opacity: 0.85
        }

        .opacity-90 {
            opacity: .9 !important
        }

        .opacity-135 {
            opacity: 1.35 !important
        }

        .text-opacity-90 {
            --bs-text-opacity: 0.9
        }

        .text-opacity-95 {
            --bs-text-opacity: 0.95
        }

        .bg-opacity-90 {
            --bs-bg-opacity: 0.9
        }

        .bg-opacity-95 {
            --bs-bg-opacity: 0.95
        }

        .opacity-100 {
            opacity: 1 !important
        }

        .opacity-150 {
            opacity: 1.5 !important
        }

        .text-opacity-100 {
            --bs-text-opacity: 1
        }

        .text-opacity-105 {
            --bs-text-opacity: 1.05
        }

        .bg-opacity-100 {
            --bs-bg-opacity: 1
        }

        .bg-opacity-105 {
            --bs-bg-opacity: 1.05
        }

        .hide {
            display: none !important
        }

        /*# sourceMappingURL=app.min.css.map */