:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: #fff
}

:root.dark {
    --dt-html-background: #212529
}

table.dataTable td.dt-control {
    cursor: pointer;
    text-align: center
}

table.dataTable td.dt-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
}

:root[data-bs-theme=dark] table.dataTable td.dt-control:before, :root[data-theme=dark] table.dataTable td.dt-control:before, html.dark table.dataTable td.dt-control:before {
    border-left-color: hsla(0, 0%, 100%, .5)
}

:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before, html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    border-left-color: transparent;
    border-top-color: hsla(0, 0%, 100%, .5)
}

div.dt-scroll {
    width: 100%
}

div.dt-scroll-body tfoot tr, div.dt-scroll-body thead tr {
    height: 0
}

div.dt-scroll-body tfoot tr td, div.dt-scroll-body tfoot tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body thead tr th {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

div.dt-scroll-body tfoot tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body thead tr th div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important
}

table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before {
    bottom: 50%;
    content: "▲";
    content: "▲"/"";
    display: block;
    position: absolute
}

table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after {
    content: "▼";
    content: "▼"/"";
    display: block;
    position: absolute;
    top: 50%
}

table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc, table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc {
    padding-right: 30px;
    position: relative
}

table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order {
    bottom: 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 12px
}

table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before {
    font-size: .8em;
    left: 0;
    line-height: 9px;
    opacity: .125
}

table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc {
    cursor: pointer
}

table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover, table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover {
    outline: 2px solid rgba(0, 0, 0, .05);
    outline-offset: -2px
}

table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after {
    opacity: .6
}

table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before, table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before, table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after {
    display: none
}

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: none
}

div.dt-scroll-body > table.dataTable > thead > tr > td, div.dt-scroll-body > table.dataTable > thead > tr > th {
    overflow: hidden
}

:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover {
    outline: 2px solid hsla(0, 0%, 100%, .05)
}

div.dt-processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -22px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 10
}

div.dt-processing > div:last-child {
    height: 15px;
    margin: 1em auto;
    position: relative;
    width: 80px
}

div.dt-processing > div:last-child > div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #0d6efd;
    background: rgb(var(--dt-row-selected));
    border-radius: 50%;
    height: 13px;
    position: absolute;
    top: 0;
    width: 13px
}

div.dt-processing > div:last-child > div:first-child {
    animation: datatables-loader-1 .6s infinite;
    left: 8px
}

div.dt-processing > div:last-child > div:nth-child(2) {
    animation: datatables-loader-2 .6s infinite;
    left: 8px
}

div.dt-processing > div:last-child > div:nth-child(3) {
    animation: datatables-loader-2 .6s infinite;
    left: 32px
}

div.dt-processing > div:last-child > div:nth-child(4) {
    animation: datatables-loader-3 .6s infinite;
    left: 56px
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(24px)
    }
}

table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable td, table.dataTable th {
    box-sizing: border-box
}

table.dataTable td.dt-left, table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dt-center, table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right, table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify, table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable td.dt-empty, table.dataTable th.dt-empty {
    text-align: center;
    vertical-align: top
}

table.dataTable td.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable th.dt-type-numeric {
    text-align: right
}

table.dataTable tfoot td, table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th, table.dataTable tfoot th.dt-head-left, table.dataTable thead td, table.dataTable thead td.dt-head-left, table.dataTable thead th, table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */
table.table.dataTable {
    border-spacing: 0;
    clear: both;
    margin-bottom: 0;
    max-width: none
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * {
    box-shadow: none
}

table.table.dataTable > :not(caption) > * > * {
    background-color: var(--bs-table-bg)
}

table.table.dataTable > tbody > tr {
    background-color: transparent
}

table.table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #0d6efd;
    box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
    color: #fff;
    color: rgb(var(--dt-row-selected-text))
}

table.table.dataTable > tbody > tr.selected a {
    color: #090a0b;
    color: rgb(var(--dt-row-selected-link))
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), .05)
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd).selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .95);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .95)
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .075)
}

table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .975);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .975)
}

div.dt-container div.dt-layout-start > :not(:last-child) {
    margin-right: 1em
}

div.dt-container div.dt-layout-end > :not(:first-child) {
    margin-left: 1em
}

div.dt-container div.dt-layout-full {
    width: 100%
}

div.dt-container div.dt-layout-full > :only-child {
    margin-left: auto;
    margin-right: auto
}

div.dt-container div.dt-layout-table > div {
    display: block !important
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-layout-start > :not(:last-child) {
        margin-right: 0
    }

    div.dt-container div.dt-layout-end > :not(:first-child) {
        margin-left: 0
    }
}

div.dt-container div.dt-length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dt-container div.dt-length select {
    display: inline-block;
    margin-right: .5em;
    width: auto
}

div.dt-container div.dt-search {
    text-align: right
}

div.dt-container div.dt-search label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dt-container div.dt-search input {
    display: inline-block;
    margin-left: .5em;
    width: auto
}

div.dt-container div.dt-paging {
    margin: 0
}

div.dt-container div.dt-paging ul.pagination {
    flex-wrap: wrap;
    margin: 2px 0
}

div.dt-container div.dt-row {
    position: relative
}

div.dt-scroll-head table.dataTable {
    margin-bottom: 0 !important
}

div.dt-scroll-body {
    border-bottom: var(--bs-border-width) solid var(--bs-border-color)
}

div.dt-scroll-body > table {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

div.dt-scroll-body > table > tbody > tr:first-child {
    border-top-width: 0
}

div.dt-scroll-body > table > thead > tr {
    border-width: 0 !important
}

div.dt-scroll-body > table > tbody > tr:last-child > * {
    border-bottom: none
}

div.dt-scroll-foot > .dt-scroll-footInner {
    box-sizing: content-box
}

div.dt-scroll-foot > .dt-scroll-footInner > table {
    border-top: none;
    margin-top: 0 !important
}

div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
    border-top-width: 0 !important
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-info, div.dt-container div.dt-length, div.dt-container div.dt-paging, div.dt-container div.dt-search {
        text-align: center
    }

    div.dt-container .row {
        --bs-gutter-y: 0.5rem
    }

    div.dt-container div.dt-paging ul.pagination {
        justify-content: center !important
    }
}

table.dataTable.table-sm > thead > tr td.dt-orderable-asc, table.dataTable.table-sm > thead > tr td.dt-orderable-desc, table.dataTable.table-sm > thead > tr td.dt-ordering-asc, table.dataTable.table-sm > thead > tr td.dt-ordering-desc, table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc {
    padding-right: 20px
}

table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order {
    right: 5px
}

div.dt-scroll-head table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dt-container > div.row {
    margin: 0
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
    padding-left: 0
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
    padding-right: 0
}

:root[data-bs-theme=dark] {
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255
}

table.dataTable tbody td.dt-checkboxes-cell, table.dataTable thead th.dt-checkboxes-select-all, table.dataTable.dt-checkboxes-select tbody tr {
    cursor: pointer
}

table.dataTable tbody tr.unselectable td {
    cursor: default
}

table.dataTable tbody td.dt-checkboxes-cell, table.dataTable thead th.dt-checkboxes-select-all {
    text-align: center
}

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: .5em
}

@media screen and (max-width: 640px) {
    div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
        display: block;
        margin-left: 0
    }
}

.daterangepicker {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: arial;
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

.daterangepicker:after, .daterangepicker:before {
    border-bottom-color: rgba(0, 0, 0, .2);
    content: "";
    display: inline-block;
    position: absolute
}

.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px
}

.daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
}

.daterangepicker.drop-up:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 15px 12px 12px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: solid #000;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    height: 24px;
    line-height: 24px;
    width: 32px
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.daterangepicker .calendar-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee
}

.daterangepicker td.week, .daterangepicker th.week {
    color: #ccc;
    font-size: 80%
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled, .daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
}

.daterangepicker select.monthselect {
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
    background: #eee;
    border: 1px solid #eee;
    font-size: 12px;
    margin: 0 auto;
    outline: 0;
    padding: 2px;
    width: 50px
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 4px auto 0;
    position: relative;
    text-align: center
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #ddd
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    margin: 0;
    text-align: left
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    cursor: pointer;
    font-size: 12px;
    padding: 8px 12px
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .drp-calendar, .daterangepicker .ranges {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 100%;
    height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    resize: none;
    vertical-align: bottom;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    right: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
    outline: 0
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #fff, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    box-shadow: none;
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*! purgecss start ignore */
.swal2-popup.swal2-toast {
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns:min-content auto min-content;
    overflow-y: hidden;
    padding: 1em;
    pointer-events: all
}

.swal2-popup.swal2-toast > * {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 1em;
    margin: .5em 1em;
    padding: 0;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    font-size: 1em;
    height: 2em;
    margin: .5em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    font-size: .8em;
    margin: .5em 0 0;
    padding: .5em 0 0
}

.swal2-popup.swal2-toast .swal2-close {
    align-self: center;
    font-size: 2em;
    grid-column: 3/3;
    grid-row: 1/99;
    height: .8em;
    margin: 0;
    width: .8em
}

.swal2-popup.swal2-toast .swal2-html-container {
    font-size: 1em;
    margin: .5em 1em;
    overflow: initial;
    padding: 0;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    align-self: center;
    grid-column: 1;
    grid-row: 1/99;
    height: 2em;
    margin: .25em;
    width: 2em
}

.swal2-popup.swal2-toast .swal2-icon {
    align-self: center;
    grid-column: 1;
    grid-row: 1/99;
    height: 2em;
    margin: 0 .5em 0 0;
    min-width: 2em;
    width: 2em
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    align-items: center;
    display: flex;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    height: 2em;
    width: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    height: auto;
    justify-content: flex-start;
    margin: .5em 0 0;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    font-size: 1em;
    margin: .25em .5em;
    padding: .4em .6em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    border-radius: 50%;
    height: 3em;
    position: absolute;
    width: 1.6em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    border-radius: 4em 0 0 4em;
    left: -.5em;
    top: -.8em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    border-radius: 0 4em 4em 0;
    left: .9375em;
    top: -.25em;
    transform-origin: 0 1.5em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    height: 2em;
    width: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    height: 2.6875em;
    left: .4375em;
    top: 0;
    width: .4375em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    left: .1875em;
    top: 1.125em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    right: .1875em;
    top: .9375em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
    box-sizing: border-box;
    display: grid;
    grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    inset: 0;
    overflow-x: hidden;
    padding: .625em;
    position: fixed;
    transition: background-color .1s;
    z-index: 1060;
    -webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: transparent !important
}

div:where(.swal2-container).swal2-bottom-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-top-start {
    grid-template-columns:minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-bottom, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-top {
    grid-template-columns:auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-bottom-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-top-end {
    grid-template-columns:auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start > .swal2-popup {
    align-self: start
}

div:where(.swal2-container).swal2-top > .swal2-popup {
    grid-column: 2;
    place-self: start center
}

div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
    grid-column: 3;
    place-self: start end
}

div:where(.swal2-container).swal2-center-left > .swal2-popup, div:where(.swal2-container).swal2-center-start > .swal2-popup {
    align-self: center;
    grid-row: 2
}

div:where(.swal2-container).swal2-center > .swal2-popup {
    grid-column: 2;
    grid-row: 2;
    place-self: center center
}

div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
    grid-column: 3;
    grid-row: 2;
    place-self: center end
}

div:where(.swal2-container).swal2-bottom-left > .swal2-popup, div:where(.swal2-container).swal2-bottom-start > .swal2-popup {
    align-self: end;
    grid-column: 1;
    grid-row: 3
}

div:where(.swal2-container).swal2-bottom > .swal2-popup {
    grid-column: 2;
    grid-row: 3;
    place-self: end center
}

div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
    grid-column: 3;
    grid-row: 3;
    place-self: end end
}

div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup, div:where(.swal2-container).swal2-grow-row > .swal2-popup {
    grid-column: 1/4;
    width: 100%
}

div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
    align-self: stretch;
    grid-row: 1/4
}

div:where(.swal2-container).swal2-no-transition {
    transition: none !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #545454;
    display: none;
    font-family: inherit;
    font-size: 1rem;
    grid-template-columns:minmax(0, 100%);
    max-width: 100%;
    padding: 0 0 1.25em;
    position: relative;
    width: 32em
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden
}

div:where(.swal2-container) .h2:where(.swal2-title), div:where(.swal2-container) h2:where(.swal2-title) {
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    margin: 0;
    max-width: 100%;
    padding: .8em 1em 0;
    position: relative;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.25em auto 0;
    padding: 0;
    width: auto;
    z-index: 1
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
    align-items: center;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-color: #2778c4 transparent;
    border-radius: 100%;
    border-style: solid;
    border-width: .25em;
    display: none;
    height: 2.2em;
    justify-content: center;
    margin: 0 1.875em;
    width: 2.2em
}

div:where(.swal2-container) button:where(.swal2-styled) {
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500;
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: initial;
    background-color: #7066e0;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
    background: initial;
    background-color: #dc3741;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    background: initial;
    background-color: #6e7881;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible {
    box-shadow: 0 0 0 3px hsla(208, 8%, 47%, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
    outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    text-align: center
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 0;
    grid-column: auto !important;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    background: rgba(0, 0, 0, .2);
    height: .25em;
    width: 100%
}

div:where(.swal2-container) img:where(.swal2-image) {
    margin: 2em auto 1em;
    max-width: 100%
}

div:where(.swal2-container) button:where(.swal2-close) {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 5px;
    color: #ccc;
    cursor: pointer;
    font-family: monospace;
    font-size: 2.5em;
    height: 1.2em;
    justify-content: center;
    justify-self: end;
    margin-bottom: -1.2em;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    transition: color .1s, box-shadow .1s;
    width: 1.2em;
    z-index: 2
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    background: transparent;
    color: #f27474;
    transform: none
}

div:where(.swal2-container) button:where(.swal2-close):focus-visible {
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5);
    outline: none
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) .swal2-html-container {
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    justify-content: center;
    line-height: normal;
    margin: 0;
    overflow: auto;
    padding: 1em 1.6em .3em;
    text-align: center;
    z-index: 1;
    word-wrap: break-word;
    word-break: break-word
}

div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) label:where(.swal2-checkbox), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) textarea:where(.swal2-textarea) {
    margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) textarea:where(.swal2-textarea) {
    background: transparent;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
    box-sizing: border-box;
    color: inherit;
    font-size: 1.125em;
    transition: border-color .1s, box-shadow .1s;
    width: auto
}

div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid #b4dbed;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5);
    outline: none
}

div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc
}

div:where(.swal2-container) .swal2-range {
    background: #fff;
    margin: 1em 2em 3px
}

div:where(.swal2-container) .swal2-range input {
    width: 80%
}

div:where(.swal2-container) .swal2-range output {
    color: inherit;
    font-weight: 600;
    text-align: center;
    width: 20%
}

div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output {
    font-size: 1.125em;
    height: 2.625em;
    line-height: 2.625em;
    padding: 0
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
    background: transparent;
    font-size: 1.125em;
    margin-left: auto;
    margin-right: auto;
    width: 75%
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

div:where(.swal2-container) .swal2-select {
    background: transparent;
    color: inherit;
    font-size: 1.125em;
    max-width: 100%;
    min-width: 50%;
    padding: .375em .625em
}

div:where(.swal2-container) .swal2-checkbox, div:where(.swal2-container) .swal2-radio {
    align-items: center;
    background: #fff;
    color: inherit;
    justify-content: center
}

div:where(.swal2-container) .swal2-checkbox label, div:where(.swal2-container) .swal2-radio label {
    font-size: 1.125em;
    margin: 0 .6em
}

div:where(.swal2-container) .swal2-checkbox input, div:where(.swal2-container) .swal2-radio input {
    flex-shrink: 0;
    margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    justify-content: center;
    margin: 1em 0 0;
    overflow: hidden;
    padding: .625em
}

div:where(.swal2-container) div:where(.swal2-validation-message):before {
    background-color: #f27474;
    border-radius: 50%;
    color: #fff;
    content: "!";
    display: inline-block;
    font-weight: 600;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0 .625em;
    min-width: 1.5em;
    text-align: center;
    width: 1.5em
}

div:where(.swal2-container) .swal2-progress-steps {
    align-items: center;
    background: transparent;
    flex-wrap: wrap;
    font-weight: 600;
    margin: 1.25em auto;
    max-width: 100%;
    padding: 0
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    background: #2778c4;
    border-radius: 2em;
    color: #fff;
    flex-shrink: 0;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    background: #2778c4;
    flex-shrink: 0;
    height: .4em;
    margin: 0 -1px;
    width: 2.5em;
    z-index: 10
}

div:where(.swal2-icon) {
    border: .25em solid #000;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: default;
    font-family: inherit;
    height: 5em;
    justify-content: center;
    line-height: 5em;
    margin: 2.5em auto .6em;
    position: relative;
    user-select: none;
    width: 5em
}

div:where(.swal2-icon) .swal2-icon-content {
    align-items: center;
    display: flex;
    font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    flex-grow: 1;
    position: relative
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: #f27474;
    border-radius: .125em;
    display: block;
    height: .3125em;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
    border-radius: 50%;
    height: 7.5em;
    position: absolute;
    width: 3.75em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
    border-radius: 7.5em 0 0 7.5em;
    left: -2.0635em;
    top: -.4375em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
    border-radius: 0 7.5em 7.5em 0;
    left: 1.875em;
    top: -.6875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border: .25em solid hsla(98, 55%, 69%, .3);
    border-radius: 50%;
    box-sizing: content-box;
    height: 100%;
    left: -.25em;
    position: absolute;
    top: -.25em;
    width: 100%;
    z-index: 2
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    height: 5.625em;
    left: 1.625em;
    position: absolute;
    top: .5em;
    transform: rotate(-45deg);
    width: .4375em;
    z-index: 1
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    background-color: #a5dc86;
    border-radius: .125em;
    display: block;
    height: .3125em;
    position: absolute;
    z-index: 2
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    left: .8125em;
    top: 2.875em;
    transform: rotate(45deg);
    width: 1.5625em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    right: .5em;
    top: 2.375em;
    transform: rotate(-45deg);
    width: 2.9375em
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

.swal2-rtl .swal2-close {
    margin-left: 0;
    margin-right: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    left: auto;
    right: 0
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }
    33% {
        transform: translateY(0) rotate(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotate(2deg)
    }
    to {
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes swal2-toast-hide {
    to {
        opacity: 0;
        transform: rotate(1deg)
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        left: .0625em;
        top: .5625em;
        width: 0
    }
    54% {
        left: .125em;
        top: .125em;
        width: 0
    }
    70% {
        left: -.25em;
        top: .625em;
        width: 1.625em
    }
    84% {
        left: .75em;
        top: 1.0625em;
        width: .5em
    }
    to {
        left: .1875em;
        top: 1.125em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        right: 1.375em;
        top: 1.625em;
        width: 0
    }
    65% {
        right: .9375em;
        top: 1.25em;
        width: 0
    }
    84% {
        right: 0;
        top: .9375em;
        width: 1.125em
    }
    to {
        right: .1875em;
        top: .9375em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.5)
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        left: .0625em;
        top: 1.1875em;
        width: 0
    }
    54% {
        left: .125em;
        top: 1.0625em;
        width: 0
    }
    70% {
        left: -.375em;
        top: 2.1875em;
        width: 3.125em
    }
    84% {
        left: 1.3125em;
        top: 3em;
        width: 1.0625em
    }
    to {
        left: .8125em;
        top: 2.8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        right: 2.875em;
        top: 3.375em;
        width: 0
    }
    65% {
        right: 2.875em;
        top: 3.375em;
        width: 0
    }
    84% {
        right: 0;
        top: 2.1875em;
        width: 3.4375em
    }
    to {
        right: .5em;
        top: 2.375em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        opacity: 0;
        transform: scale(.4)
    }
    50% {
        margin-top: 1.625em;
        opacity: 0;
        transform: scale(.4)
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    to {
        margin-top: 0;
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        opacity: 0;
        transform: rotateX(100deg)
    }
    to {
        opacity: 1;
        transform: rotateX(0deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-1turn)
    }
    to {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }
    25% {
        opacity: .4;
        transform: rotate(-25deg)
    }
    50% {
        opacity: .8;
        transform: rotate(15deg)
    }
    75% {
        opacity: 1;
        transform: rotate(-5deg)
    }
    to {
        opacity: 1;
        transform: rotateX(0)
    }
}

body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) > [aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    background-color: transparent;
    box-sizing: border-box;
    max-width: 100%;
    pointer-events: none;
    width: 360px
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
    inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
    inset: 50% auto auto 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto
}

/*! purgecss end ignore *//*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #006550;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --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: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #3a7bf6;
    --bs-blue-light-10: #4e88f7;
    --bs-blue-light-90: #ebf2fe;
    --bs-blue-light-70: #c4d7fc;
    --bs-soft-white: #f4f6fd;
    --bs-neutral-100: #12161c;
    --bs-neutral-70: #595c60;
    --bs-neutral-50: #888a8d;
    --bs-neutral-30: #b8b9bb;
    --bs-neutral-10: #e7e8e8;
    --bs-success: #21b531;
    --bs-danger: #eb5757;
    --bs-warning: #ffa700;
    --bs-line-small: #ebebf2;
    --bs-line-medium: #f3f3f7;
    --bs-primary-rgb: 58, 123, 246;
    --bs-blue-light-10-rgb: 78, 136, 247;
    --bs-blue-light-90-rgb: 235, 242, 254;
    --bs-blue-light-70-rgb: 196, 215, 252;
    --bs-soft-white-rgb: 244, 246, 253;
    --bs-neutral-100-rgb: 18, 22, 28;
    --bs-neutral-70-rgb: 89, 92, 96;
    --bs-neutral-50-rgb: 136, 138, 141;
    --bs-neutral-30-rgb: 184, 185, 187;
    --bs-neutral-10-rgb: 231, 232, 232;
    --bs-success-rgb: 33, 181, 49;
    --bs-danger-rgb: 235, 87, 87;
    --bs-warning-rgb: 255, 167, 0;
    --bs-line-small-rgb: 235, 235, 242;
    --bs-line-medium-rgb: 243, 243, 247;
    --bs-primary-text-emphasis: #173162;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #002820;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #d8e5fd;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #cce0dc;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #b0cafb;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #99c1b9;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --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: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #3a7bf6;
    --bs-link-color-rgb: 58, 123, 246;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #2e62c5;
    --bs-link-hover-color-rgb: 46, 98, 197;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --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, .15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(58, 123, 246, .25);
    --bs-form-valid-color: #006550;
    --bs-form-valid-border-color: #006550;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #89b0fa;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #66a396;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #0c1931;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #001410;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #234a94;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #003d30;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #89b0fa;
    --bs-link-hover-color: #a1c0fb;
    --bs-link-color-rgb: 137, 176, 250;
    --bs-link-hover-color-rgb: 161, 192, 251;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: hsla(0, 0%, 100%, .15);
    --bs-form-valid-color: #66a396;
    --bs-form-valid-border-color: #66a396;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*, :after, :before {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    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);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    border: 0;
    border-top: var(--bs-border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-heading-color);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    text-decoration: underline dotted;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
    padding: .1875em
}

sub, sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    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;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: var(--bs-code-color);
    font-size: .875em;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    background-color: var(--bs-body-color);
    border-radius: .25rem;
    color: var(--bs-body-bg);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--bs-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

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 {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@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 {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-inline, .list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.blockquote > :last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c757d;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid, .img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: var(--bs-secondary-color);
    font-size: .875em
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: 100%
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

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

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-top: calc(var(--bs-gutter-y) * -1)
}

.row > * {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: 100%
}

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

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@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.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@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.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@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.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@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.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@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.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.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-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    border-color: var(--bs-table-border-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%
}

.table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    padding: .5rem
}

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem
}

.table-bordered > :not(caption) > * {
    border-width: var(--bs-border-width) 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width)
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n), .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-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: #000;
    --bs-table-bg: #d8e5fd;
    --bs-table-border-color: #adb7ca;
    --bs-table-striped-bg: #cddaf0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2cee4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c8d4ea;
    --bs-table-hover-color: #000
}

.table-primary, .table-secondary {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #cce0dc;
    --bs-table-border-color: #a3b3b0;
    --bs-table-striped-bg: #c2d5d1;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8cac6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bdcfcc;
    --bs-table-hover-color: #000
}

.table-info, .table-success {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000
}

.table-danger, .table-warning {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000
}

.table-dark, .table-light {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

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

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

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

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

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

.form-text {
    color: var(--bs-secondary-color);
    font-size: .875em;
    margin-top: .25rem
}

.form-control, .form-select {
    appearance: none;
    background-clip: padding-box;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control, .form-select {
        transition: none
    }
}

.form-control[type=file], [type=file].form-select {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]), [type=file].form-select:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus, .form-select:focus {
    background-color: var(--bs-body-bg);
    border-color: #9dbdfb;
    box-shadow: 0 0 0 .25rem rgba(58, 123, 246, .25);
    color: var(--bs-body-color);
    outline: 0
}

.form-control::-webkit-date-and-time-value, .form-select::-webkit-date-and-time-value {
    height: 1.5em;
    margin: 0;
    min-width: 85px
}

.form-control::-webkit-datetime-edit, .form-select::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder, .form-select::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled, .form-select:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button, .form-select::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    color: var(--bs-body-color);
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    padding: .375rem .75rem;
    pointer-events: none;
    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, .form-select::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .form-select:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
    color: var(--bs-body-color);
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    min-height: calc(1.5em + .5rem + var(--bs-border-width) * 2);
    padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
    padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    margin-inline-end: 1rem;
    padding: .5rem 1rem
}

textarea.form-control, textarea.form-select {
    min-height: calc(1.5em + .75rem + var(--bs-border-width) * 2)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width) * 2)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2)
}

.form-control-color {
    height: calc(1.5em + .75rem + var(--bs-border-width) * 2);
    padding: .375rem;
    width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--bs-border-width) * 2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--bs-border-width) * 2)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem 2.25rem .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #9dbdfb;
    box-shadow: 0 0 0 .25rem rgba(58, 123, 246, .25);
    outline: 0
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: .75rem
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.form-select-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%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;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 1.5em
}

.dt-checkboxes-select-all .form-check input, .form-check .dt-checkboxes, .form-check .dt-checkboxes-select-all input, .form-check .dt-select-checkbox, .form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right
}

.dt-checkboxes-select-all .form-check-reverse input, .form-check-reverse .dt-checkboxes, .form-check-reverse .dt-checkboxes-select-all input, .form-check-reverse .dt-select-checkbox, .form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em
}

.dt-checkboxes, .dt-checkboxes-select-all input, .dt-select-checkbox, .form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    flex-shrink: 0;
    height: 1em;
    margin-top: .25em;
    print-color-adjust: exact;
    vertical-align: top;
    width: 1em
}

.dt-checkboxes-select-all input[type=checkbox], .form-check-input[type=checkbox], [type=checkbox].dt-checkboxes, [type=checkbox].dt-select-checkbox {
    border-radius: .25em
}

.dt-checkboxes-select-all input[type=radio], .form-check-input[type=radio], [type=radio].dt-checkboxes, [type=radio].dt-select-checkbox {
    border-radius: 50%
}

.dt-checkboxes-select-all input:active, .dt-checkboxes:active, .dt-select-checkbox:active, .form-check-input:active {
    filter: brightness(90%)
}

.dt-checkboxes-select-all input:focus, .dt-checkboxes:focus, .dt-select-checkbox:focus, .form-check-input:focus {
    border-color: #9dbdfb;
    box-shadow: 0 0 0 .25rem rgba(58, 123, 246, .25);
    outline: 0
}

.dt-checkboxes-select-all input:checked, .dt-checkboxes:checked, .dt-select-checkbox:checked, .form-check-input:checked {
    background-color: #3a7bf6;
    border-color: #3a7bf6
}

.dt-checkboxes-select-all input:checked[type=checkbox], .dt-checkboxes:checked[type=checkbox], .dt-select-checkbox:checked[type=checkbox], .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.dt-checkboxes-select-all input:checked[type=radio], .dt-checkboxes:checked[type=radio], .dt-select-checkbox:checked[type=radio], .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.dt-checkboxes-select-all input[type=checkbox]:indeterminate, .form-check-input[type=checkbox]:indeterminate, [type=checkbox].dt-checkboxes:indeterminate, [type=checkbox].dt-select-checkbox:indeterminate {
    background-color: #3a7bf6;
    border-color: #3a7bf6;
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.dt-checkboxes-select-all input:disabled, .dt-checkboxes:disabled, .dt-select-checkbox:disabled, .form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.dt-checkboxes-select-all input:disabled ~ .form-check-label, .dt-checkboxes-select-all input[disabled] ~ .form-check-label, .dt-checkboxes:disabled ~ .form-check-label, .dt-select-checkbox:disabled ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label, [disabled].dt-checkboxes ~ .form-check-label, [disabled].dt-select-checkbox ~ .form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.dt-checkboxes-select-all .form-switch input, .form-switch .dt-checkboxes, .form-switch .dt-checkboxes-select-all input, .form-switch .dt-select-checkbox, .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
    width: 2em
}

@media (prefers-reduced-motion: reduce) {
    .dt-checkboxes-select-all .form-switch input, .form-switch .dt-checkboxes, .form-switch .dt-checkboxes-select-all input, .form-switch .dt-select-checkbox, .form-switch .form-check-input {
        transition: none
    }
}

.dt-checkboxes-select-all .form-switch input:focus, .form-switch .dt-checkboxes-select-all input:focus, .form-switch .dt-checkboxes:focus, .form-switch .dt-select-checkbox:focus, .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239dbdfb'/%3E%3C/svg%3E")
}

.dt-checkboxes-select-all .form-switch input:checked, .form-switch .dt-checkboxes-select-all input:checked, .form-switch .dt-checkboxes:checked, .form-switch .dt-select-checkbox:checked, .form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em
}

.dt-checkboxes-select-all .form-switch.form-check-reverse input, .form-switch.form-check-reverse .dt-checkboxes, .form-switch.form-check-reverse .dt-checkboxes-select-all input, .form-switch.form-check-reverse .dt-select-checkbox, .form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em
}

.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 {
    filter: none;
    opacity: .65;
    pointer-events: none
}

.dt-checkboxes-select-all [data-bs-theme=dark] .form-switch input:not(:checked):not(:focus), [data-bs-theme=dark] .form-switch .dt-checkboxes-select-all input:not(:checked):not(:focus), [data-bs-theme=dark] .form-switch .dt-checkboxes:not(:checked):not(:focus), [data-bs-theme=dark] .form-switch .dt-select-checkbox:not(:checked):not(:focus), [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-range {
    appearance: none;
    background-color: transparent;
    height: 1.5rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(58, 123, 246, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(58, 123, 246, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    appearance: none;
    background-color: #3a7bf6;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

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

.form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range::-moz-range-thumb {
    appearance: none;
    background-color: #3a7bf6;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

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

.form-range::-moz-range-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(3.5rem + var(--bs-border-width) * 2);
    line-height: 1.25;
    min-height: calc(3.5rem + var(--bs-border-width) * 2)
}

.form-floating > label {
    border: var(--bs-border-width) solid transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1rem .75rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    padding: 1rem .75rem
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder, .form-floating > .form-select::placeholder {
    color: transparent
}

.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), .form-floating > .form-select:focus, .form-floating > .form-select:not(:placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill, .form-floating > .form-select:-webkit-autofill {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating > .form-select {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.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 {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label:after, .form-floating > .form-control:focus ~ label:after, .form-floating > .form-control:not(:placeholder-shown) ~ label:after, .form-floating > .form-select ~ label:after {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1.5em;
    inset: 1rem .375rem;
    position: absolute;
    z-index: -1
}

.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .form-select:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
    color: #6c757d
}

.form-floating > .form-control:disabled ~ label:after, .form-floating > :disabled ~ label:after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
}

.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 {
    align-items: center;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding: .5rem 1rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.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), .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-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: calc(var(--bs-border-width) * -1)
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.valid-feedback {
    color: var(--bs-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .is-valid.form-select, .was-validated .form-control:valid, .was-validated .form-select:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23006550' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus, .is-valid.form-select:focus, .was-validated .form-control:valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid, .was-validated textarea.form-select:valid, textarea.form-control.is-valid, textarea.is-valid.form-select {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23006550' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.dt-checkboxes-select-all .was-validated input:valid, .dt-checkboxes-select-all input.is-valid, .form-check-input.is-valid, .is-valid.dt-checkboxes, .is-valid.dt-select-checkbox, .was-validated .dt-checkboxes-select-all input:valid, .was-validated .dt-checkboxes:valid, .was-validated .dt-select-checkbox:valid, .was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.dt-checkboxes-select-all .was-validated input:valid:checked, .dt-checkboxes-select-all input.is-valid:checked, .form-check-input.is-valid:checked, .is-valid.dt-checkboxes:checked, .is-valid.dt-select-checkbox:checked, .was-validated .dt-checkboxes-select-all input:valid:checked, .was-validated .dt-checkboxes:valid:checked, .was-validated .dt-select-checkbox:valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.dt-checkboxes-select-all .was-validated input:valid:focus, .dt-checkboxes-select-all input.is-valid:focus, .form-check-input.is-valid:focus, .is-valid.dt-checkboxes:focus, .is-valid.dt-select-checkbox:focus, .was-validated .dt-checkboxes-select-all input:valid:focus, .was-validated .dt-checkboxes:valid:focus, .was-validated .dt-select-checkbox:valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.dt-checkboxes-select-all .was-validated input:valid ~ .form-check-label, .dt-checkboxes-select-all input.is-valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, .is-valid.dt-checkboxes ~ .form-check-label, .is-valid.dt-select-checkbox ~ .form-check-label, .was-validated .dt-checkboxes-select-all input:valid ~ .form-check-label, .was-validated .dt-checkboxes:valid ~ .form-check-label, .was-validated .dt-select-checkbox:valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--bs-form-valid-color)
}

.dt-checkboxes-select-all .form-check-inline input ~ .valid-feedback, .form-check-inline .dt-checkboxes-select-all input ~ .valid-feedback, .form-check-inline .dt-checkboxes ~ .valid-feedback, .form-check-inline .dt-select-checkbox ~ .valid-feedback, .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 {
    color: var(--bs-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .is-invalid.form-select, .was-validated .form-control:invalid, .was-validated .form-select:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus, .is-invalid.form-select:focus, .was-validated .form-control:invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid, .was-validated textarea.form-select:invalid, textarea.form-control.is-invalid, textarea.is-invalid.form-select {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.dt-checkboxes-select-all .was-validated input:invalid, .dt-checkboxes-select-all input.is-invalid, .form-check-input.is-invalid, .is-invalid.dt-checkboxes, .is-invalid.dt-select-checkbox, .was-validated .dt-checkboxes-select-all input:invalid, .was-validated .dt-checkboxes:invalid, .was-validated .dt-select-checkbox:invalid, .was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.dt-checkboxes-select-all .was-validated input:invalid:checked, .dt-checkboxes-select-all input.is-invalid:checked, .form-check-input.is-invalid:checked, .is-invalid.dt-checkboxes:checked, .is-invalid.dt-select-checkbox:checked, .was-validated .dt-checkboxes-select-all input:invalid:checked, .was-validated .dt-checkboxes:invalid:checked, .was-validated .dt-select-checkbox:invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.dt-checkboxes-select-all .was-validated input:invalid:focus, .dt-checkboxes-select-all input.is-invalid:focus, .form-check-input.is-invalid:focus, .is-invalid.dt-checkboxes:focus, .is-invalid.dt-select-checkbox:focus, .was-validated .dt-checkboxes-select-all input:invalid:focus, .was-validated .dt-checkboxes:invalid:focus, .was-validated .dt-select-checkbox:invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.dt-checkboxes-select-all .was-validated input:invalid ~ .form-check-label, .dt-checkboxes-select-all input.is-invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label, .is-invalid.dt-checkboxes ~ .form-check-label, .is-invalid.dt-select-checkbox ~ .form-check-label, .was-validated .dt-checkboxes-select-all input:invalid ~ .form-check-label, .was-validated .dt-checkboxes:invalid ~ .form-check-label, .was-validated .dt-select-checkbox:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--bs-form-invalid-color)
}

.dt-checkboxes-select-all .form-check-inline input ~ .invalid-feedback, .form-check-inline .dt-checkboxes-select-all input ~ .invalid-feedback, .form-check-inline .dt-checkboxes ~ .invalid-feedback, .form-check-inline .dt-select-checkbox ~ .invalid-feedback, .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.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    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);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.btn-check + .btn:hover {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-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 {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #3a7bf6;
    --bs-btn-border-color: #3a7bf6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #588ff7;
    --bs-btn-hover-border-color: #4e88f7;
    --bs-btn-focus-shadow-rgb: 49, 105, 209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #6195f8;
    --bs-btn-active-border-color: #4e88f7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #3a7bf6;
    --bs-btn-disabled-border-color: #3a7bf6
}

.btn-blue-light-10 {
    --bs-btn-color: #000;
    --bs-btn-bg: #4e88f7;
    --bs-btn-border-color: #4e88f7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #699af8;
    --bs-btn-hover-border-color: #6094f8;
    --bs-btn-focus-shadow-rgb: 66, 116, 210;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #71a0f9;
    --bs-btn-active-border-color: #6094f8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #4e88f7;
    --bs-btn-disabled-border-color: #4e88f7
}

.btn-blue-light-90 {
    --bs-btn-color: #000;
    --bs-btn-bg: #ebf2fe;
    --bs-btn-border-color: #ebf2fe;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eef4fe;
    --bs-btn-hover-border-color: #edf3fe;
    --bs-btn-focus-shadow-rgb: 200, 206, 216;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #eff5fe;
    --bs-btn-active-border-color: #edf3fe;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ebf2fe;
    --bs-btn-disabled-border-color: #ebf2fe
}

.btn-blue-light-70 {
    --bs-btn-color: #000;
    --bs-btn-bg: #c4d7fc;
    --bs-btn-border-color: #c4d7fc;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cdddfc;
    --bs-btn-hover-border-color: #cadbfc;
    --bs-btn-focus-shadow-rgb: 167, 183, 214;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d0dffd;
    --bs-btn-active-border-color: #cadbfc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #c4d7fc;
    --bs-btn-disabled-border-color: #c4d7fc
}

.btn-soft-white {
    --bs-btn-color: #000;
    --bs-btn-bg: #f4f6fd;
    --bs-btn-border-color: #f4f6fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f6f7fd;
    --bs-btn-hover-border-color: #f5f7fd;
    --bs-btn-focus-shadow-rgb: 207, 209, 215;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f6f8fd;
    --bs-btn-active-border-color: #f5f7fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f6fd;
    --bs-btn-disabled-border-color: #f4f6fd
}

.btn-neutral-100 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #12161c;
    --bs-btn-border-color: #12161c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f1318;
    --bs-btn-hover-border-color: #0e1216;
    --bs-btn-focus-shadow-rgb: 54, 57, 62;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0e1216;
    --bs-btn-active-border-color: #0e1115;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #12161c;
    --bs-btn-disabled-border-color: #12161c
}

.btn-neutral-70 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #595c60;
    --bs-btn-border-color: #595c60;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4c4e52;
    --bs-btn-hover-border-color: #474a4d;
    --bs-btn-focus-shadow-rgb: 114, 116, 120;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #474a4d;
    --bs-btn-active-border-color: #434548;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #595c60;
    --bs-btn-disabled-border-color: #595c60
}

.btn-neutral-50 {
    --bs-btn-color: #000;
    --bs-btn-bg: #888a8d;
    --bs-btn-border-color: #888a8d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #9a9c9e;
    --bs-btn-hover-border-color: #949698;
    --bs-btn-focus-shadow-rgb: 116, 117, 120;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a0a1a4;
    --bs-btn-active-border-color: #949698;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #888a8d;
    --bs-btn-disabled-border-color: #888a8d
}

.btn-neutral-30 {
    --bs-btn-color: #000;
    --bs-btn-bg: #b8b9bb;
    --bs-btn-border-color: #b8b9bb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c3c4c5;
    --bs-btn-hover-border-color: #bfc0c2;
    --bs-btn-focus-shadow-rgb: 156, 157, 159;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c9;
    --bs-btn-active-border-color: #bfc0c2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #b8b9bb;
    --bs-btn-disabled-border-color: #b8b9bb
}

.btn-neutral-10 {
    --bs-btn-color: #000;
    --bs-btn-bg: #e7e8e8;
    --bs-btn-border-color: #e7e8e8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ebebeb;
    --bs-btn-hover-border-color: #e9eaea;
    --bs-btn-focus-shadow-rgb: 196, 197, 197;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #eceded;
    --bs-btn-active-border-color: #e9eaea;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e7e8e8;
    --bs-btn-disabled-border-color: #e7e8e8
}

.btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: #21b531;
    --bs-btn-border-color: #21b531;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #42c050;
    --bs-btn-hover-border-color: #37bc46;
    --bs-btn-focus-shadow-rgb: 28, 154, 42;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4dc45a;
    --bs-btn-active-border-color: #37bc46;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #21b531;
    --bs-btn-disabled-border-color: #21b531
}

.btn-danger {
    --bs-btn-color: #000;
    --bs-btn-bg: #eb5757;
    --bs-btn-border-color: #eb5757;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ee7070;
    --bs-btn-hover-border-color: #ed6868;
    --bs-btn-focus-shadow-rgb: 200, 74, 74;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ef7979;
    --bs-btn-active-border-color: #ed6868;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #eb5757;
    --bs-btn-disabled-border-color: #eb5757
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffa700;
    --bs-btn-border-color: #ffa700;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffb426;
    --bs-btn-hover-border-color: #ffb01a;
    --bs-btn-focus-shadow-rgb: 217, 142, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffb933;
    --bs-btn-active-border-color: #ffb01a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffa700;
    --bs-btn-disabled-border-color: #ffa700
}

.btn-line-small {
    --bs-btn-color: #000;
    --bs-btn-bg: #ebebf2;
    --bs-btn-border-color: #ebebf2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eeeef4;
    --bs-btn-hover-border-color: #ededf3;
    --bs-btn-focus-shadow-rgb: 200, 200, 206;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #efeff5;
    --bs-btn-active-border-color: #ededf3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ebebf2;
    --bs-btn-disabled-border-color: #ebebf2
}

.btn-line-medium {
    --bs-btn-color: #000;
    --bs-btn-bg: #f3f3f7;
    --bs-btn-border-color: #f3f3f7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f5f8;
    --bs-btn-hover-border-color: #f4f4f8;
    --bs-btn-focus-shadow-rgb: 207, 207, 210;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f5f9;
    --bs-btn-active-border-color: #f4f4f8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f3f3f7;
    --bs-btn-disabled-border-color: #f3f3f7
}

.btn-outline-primary {
    --bs-btn-color: #3a7bf6;
    --bs-btn-border-color: #3a7bf6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #3a7bf6;
    --bs-btn-hover-border-color: #3a7bf6;
    --bs-btn-focus-shadow-rgb: 58, 123, 246;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3a7bf6;
    --bs-btn-active-border-color: #3a7bf6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #3a7bf6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3a7bf6;
    --bs-gradient: none
}

.btn-outline-blue-light-10 {
    --bs-btn-color: #4e88f7;
    --bs-btn-border-color: #4e88f7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #4e88f7;
    --bs-btn-hover-border-color: #4e88f7;
    --bs-btn-focus-shadow-rgb: 78, 136, 247;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4e88f7;
    --bs-btn-active-border-color: #4e88f7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #4e88f7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4e88f7;
    --bs-gradient: none
}

.btn-outline-blue-light-90 {
    --bs-btn-color: #ebf2fe;
    --bs-btn-border-color: #ebf2fe;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ebf2fe;
    --bs-btn-hover-border-color: #ebf2fe;
    --bs-btn-focus-shadow-rgb: 235, 242, 254;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ebf2fe;
    --bs-btn-active-border-color: #ebf2fe;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ebf2fe;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ebf2fe;
    --bs-gradient: none
}

.btn-outline-blue-light-70 {
    --bs-btn-color: #c4d7fc;
    --bs-btn-border-color: #c4d7fc;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c4d7fc;
    --bs-btn-hover-border-color: #c4d7fc;
    --bs-btn-focus-shadow-rgb: 196, 215, 252;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c4d7fc;
    --bs-btn-active-border-color: #c4d7fc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #c4d7fc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #c4d7fc;
    --bs-gradient: none
}

.btn-outline-soft-white {
    --bs-btn-color: #f4f6fd;
    --bs-btn-border-color: #f4f6fd;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f4f6fd;
    --bs-btn-hover-border-color: #f4f6fd;
    --bs-btn-focus-shadow-rgb: 244, 246, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f4f6fd;
    --bs-btn-active-border-color: #f4f6fd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f4f6fd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f4f6fd;
    --bs-gradient: none
}

.btn-outline-neutral-100 {
    --bs-btn-color: #12161c;
    --bs-btn-border-color: #12161c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #12161c;
    --bs-btn-hover-border-color: #12161c;
    --bs-btn-focus-shadow-rgb: 18, 22, 28;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #12161c;
    --bs-btn-active-border-color: #12161c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #12161c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #12161c;
    --bs-gradient: none
}

.btn-outline-neutral-70 {
    --bs-btn-color: #595c60;
    --bs-btn-border-color: #595c60;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #595c60;
    --bs-btn-hover-border-color: #595c60;
    --bs-btn-focus-shadow-rgb: 89, 92, 96;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #595c60;
    --bs-btn-active-border-color: #595c60;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #595c60;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #595c60;
    --bs-gradient: none
}

.btn-outline-neutral-50 {
    --bs-btn-color: #888a8d;
    --bs-btn-border-color: #888a8d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #888a8d;
    --bs-btn-hover-border-color: #888a8d;
    --bs-btn-focus-shadow-rgb: 136, 138, 141;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #888a8d;
    --bs-btn-active-border-color: #888a8d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #888a8d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #888a8d;
    --bs-gradient: none
}

.btn-outline-neutral-30 {
    --bs-btn-color: #b8b9bb;
    --bs-btn-border-color: #b8b9bb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b8b9bb;
    --bs-btn-hover-border-color: #b8b9bb;
    --bs-btn-focus-shadow-rgb: 184, 185, 187;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b8b9bb;
    --bs-btn-active-border-color: #b8b9bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #b8b9bb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #b8b9bb;
    --bs-gradient: none
}

.btn-outline-neutral-10 {
    --bs-btn-color: #e7e8e8;
    --bs-btn-border-color: #e7e8e8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e7e8e8;
    --bs-btn-hover-border-color: #e7e8e8;
    --bs-btn-focus-shadow-rgb: 231, 232, 232;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e7e8e8;
    --bs-btn-active-border-color: #e7e8e8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #e7e8e8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e7e8e8;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #21b531;
    --bs-btn-border-color: #21b531;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #21b531;
    --bs-btn-hover-border-color: #21b531;
    --bs-btn-focus-shadow-rgb: 33, 181, 49;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #21b531;
    --bs-btn-active-border-color: #21b531;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #21b531;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #21b531;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #eb5757;
    --bs-btn-border-color: #eb5757;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eb5757;
    --bs-btn-hover-border-color: #eb5757;
    --bs-btn-focus-shadow-rgb: 235, 87, 87;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #eb5757;
    --bs-btn-active-border-color: #eb5757;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #eb5757;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #eb5757;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffa700;
    --bs-btn-border-color: #ffa700;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffa700;
    --bs-btn-hover-border-color: #ffa700;
    --bs-btn-focus-shadow-rgb: 255, 167, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffa700;
    --bs-btn-active-border-color: #ffa700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffa700;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffa700;
    --bs-gradient: none
}

.btn-outline-line-small {
    --bs-btn-color: #ebebf2;
    --bs-btn-border-color: #ebebf2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ebebf2;
    --bs-btn-hover-border-color: #ebebf2;
    --bs-btn-focus-shadow-rgb: 235, 235, 242;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ebebf2;
    --bs-btn-active-border-color: #ebebf2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ebebf2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ebebf2;
    --bs-gradient: none
}

.btn-outline-line-medium {
    --bs-btn-color: #f3f3f7;
    --bs-btn-border-color: #f3f3f7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f3f3f7;
    --bs-btn-hover-border-color: #f3f3f7;
    --bs-btn-focus-shadow-rgb: 243, 243, 247;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3f3f7;
    --bs-btn-active-border-color: #f3f3f7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f3f3f7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f3f3f7;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --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: 49, 105, 209;
    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: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.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 {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@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-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.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: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #3a7bf6;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    background-clip: padding-box;
    background-color: var(--bs-dropdown-bg);
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    color: var(--bs-dropdown-color);
    display: none;
    font-size: var(--bs-dropdown-font-size);
    list-style: none;
    margin: 0;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    position: absolute;
    text-align: left;
    z-index: var(--bs-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 100%
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: var(--bs-dropdown-spacer);
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    opacity: 1;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
    clear: both;
    color: var(--bs-dropdown-link-color);
    display: block;
    font-weight: 400;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--bs-dropdown-link-active-bg);
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none
}

.dropdown-item.disabled, .dropdown-item:disabled {
    background-color: transparent;
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: var(--bs-dropdown-header-color);
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    white-space: nowrap
}

.dropdown-item-text {
    color: var(--bs-dropdown-link-color);
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #3a7bf6;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    flex: 1 1 auto;
    position: relative
}

.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: var(--bs-border-radius)
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: calc(var(--bs-border-width) * -1)
}

.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-bottom-right-radius: 0;
    border-top-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-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .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-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    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(var(--bs-border-width) * -1)
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .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: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    background: none;
    border: 0;
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    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 {
    box-shadow: 0 0 0 .25rem rgba(58, 123, 246, .25);
    outline: 0
}

.nav-link.disabled, .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    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);
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1)
}

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

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    color: var(--bs-nav-tabs-link-active-color)
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--bs-nav-tabs-border-width) * -1)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #3a7bf6
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.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 {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    border-bottom-color: currentcolor;
    color: var(--bs-nav-underline-link-active-color);
    font-weight: 700
}

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    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.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --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: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between
}

.navbar-brand {
    color: var(--bs-navbar-brand-color);
    font-size: var(--bs-navbar-brand-font-size);
    margin-right: var(--bs-navbar-brand-margin-end);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    padding-top: var(--bs-navbar-brand-padding-y);
    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: ;
    --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;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    color: var(--bs-navbar-color);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.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-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: 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 {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@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-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: 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 {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@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-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: 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 {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@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-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: 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 {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@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-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: 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 {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.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-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: 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 {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0, 0%, 100%, .55);
    --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
    --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark, .navbar[data-bs-theme=dark], [data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: 0.75rem;
    --bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: var(--bs-white);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    height: var(--bs-card-height);
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card > hr {
    margin-left: 0;
    margin-right: 0
}

.card > .list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card > .list-group:first-child {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-width: 0
}

.card > .list-group:last-child {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-width: 0
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
    border-top: 0
}

.card-body {
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-title {
    color: var(--bs-card-title-color);
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    color: var(--bs-card-subtitle-color);
    margin-top: calc(var(--bs-card-title-spacer-y) * -.5)
}

.card-subtitle, .card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    margin-bottom: 0;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
    margin-left: calc(var(--bs-card-cap-padding-x) * -.5);
    margin-right: calc(var(--bs-card-cap-padding-x) * -.5)
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-left: calc(var(--bs-card-cap-padding-x) * -.5);
    margin-right: calc(var(--bs-card-cap-padding-x) * -.5)
}

.card-img-overlay {
    border-radius: var(--bs-card-inner-border-radius);
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    position: absolute;
    right: 0;
    top: 0
}

.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-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-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 {
        border-left: 0;
        margin-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --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: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23173162' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(58, 123, 246, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    align-items: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    color: var(--bs-accordion-btn-color);
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--bs-accordion-transition);
    width: 100%
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
    color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
    width: var(--bs-accordion-btn-icon-width)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    color: var(--bs-accordion-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-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type > .accordion-collapse {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-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-left: 0;
    border-radius: 0;
    border-right: 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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2389b0fa' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2389b0fa' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item + .breadcrumb-item:before {
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

.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: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(58, 123, 246, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #3a7bf6;
    --bs-pagination-active-border-color: #3a7bf6;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    color: var(--bs-pagination-color);
    display: block;
    font-size: var(--bs-pagination-font-size);
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    position: relative;
    text-decoration: none;
    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 {
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
    color: var(--bs-pagination-hover-color);
    z-index: 2
}

.page-link:focus {
    background-color: var(--bs-pagination-focus-bg);
    box-shadow: var(--bs-pagination-focus-box-shadow);
    color: var(--bs-pagination-focus-color);
    outline: 0;
    z-index: 3
}

.active > .page-link, .page-link.active {
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    color: var(--bs-pagination-active-color);
    z-index: 3
}

.disabled > .page-link, .page-link.disabled {
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
    color: var(--bs-pagination-disabled-color);
    pointer-events: none
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    border-radius: var(--bs-badge-border-radius);
    color: var(--bs-badge-color);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --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;
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    color: var(--bs-alert-color);
    margin-bottom: var(--bs-alert-margin-bottom);
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color);
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.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-blue-light-10 {
    --bs-alert-color: var(--bs-blue-light-10-text-emphasis);
    --bs-alert-bg: var(--bs-blue-light-10-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-light-10-border-subtle);
    --bs-alert-link-color: var(--bs-blue-light-10-text-emphasis)
}

.alert-blue-light-90 {
    --bs-alert-color: var(--bs-blue-light-90-text-emphasis);
    --bs-alert-bg: var(--bs-blue-light-90-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-light-90-border-subtle);
    --bs-alert-link-color: var(--bs-blue-light-90-text-emphasis)
}

.alert-blue-light-70 {
    --bs-alert-color: var(--bs-blue-light-70-text-emphasis);
    --bs-alert-bg: var(--bs-blue-light-70-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-light-70-border-subtle);
    --bs-alert-link-color: var(--bs-blue-light-70-text-emphasis)
}

.alert-soft-white {
    --bs-alert-color: var(--bs-soft-white-text-emphasis);
    --bs-alert-bg: var(--bs-soft-white-bg-subtle);
    --bs-alert-border-color: var(--bs-soft-white-border-subtle);
    --bs-alert-link-color: var(--bs-soft-white-text-emphasis)
}

.alert-neutral-100 {
    --bs-alert-color: var(--bs-neutral-100-text-emphasis);
    --bs-alert-bg: var(--bs-neutral-100-bg-subtle);
    --bs-alert-border-color: var(--bs-neutral-100-border-subtle);
    --bs-alert-link-color: var(--bs-neutral-100-text-emphasis)
}

.alert-neutral-70 {
    --bs-alert-color: var(--bs-neutral-70-text-emphasis);
    --bs-alert-bg: var(--bs-neutral-70-bg-subtle);
    --bs-alert-border-color: var(--bs-neutral-70-border-subtle);
    --bs-alert-link-color: var(--bs-neutral-70-text-emphasis)
}

.alert-neutral-50 {
    --bs-alert-color: var(--bs-neutral-50-text-emphasis);
    --bs-alert-bg: var(--bs-neutral-50-bg-subtle);
    --bs-alert-border-color: var(--bs-neutral-50-border-subtle);
    --bs-alert-link-color: var(--bs-neutral-50-text-emphasis)
}

.alert-neutral-30 {
    --bs-alert-color: var(--bs-neutral-30-text-emphasis);
    --bs-alert-bg: var(--bs-neutral-30-bg-subtle);
    --bs-alert-border-color: var(--bs-neutral-30-border-subtle);
    --bs-alert-link-color: var(--bs-neutral-30-text-emphasis)
}

.alert-neutral-10 {
    --bs-alert-color: var(--bs-neutral-10-text-emphasis);
    --bs-alert-bg: var(--bs-neutral-10-bg-subtle);
    --bs-alert-border-color: var(--bs-neutral-10-border-subtle);
    --bs-alert-link-color: var(--bs-neutral-10-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-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-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-line-small {
    --bs-alert-color: var(--bs-line-small-text-emphasis);
    --bs-alert-bg: var(--bs-line-small-bg-subtle);
    --bs-alert-border-color: var(--bs-line-small-border-subtle);
    --bs-alert-link-color: var(--bs-line-small-text-emphasis)
}

.alert-line-medium {
    --bs-alert-color: var(--bs-line-medium-text-emphasis);
    --bs-alert-bg: var(--bs-line-medium-bg-subtle);
    --bs-alert-border-color: var(--bs-line-medium-border-subtle);
    --bs-alert-link-color: var(--bs-line-medium-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress, .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #3a7bf6;
    --bs-progress-bar-transition: width 0.6s ease;
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
    display: flex;
    font-size: var(--bs-progress-font-size);
    height: var(--bs-progress-height);
    overflow: hidden
}

.progress-bar {
    background-color: var(--bs-progress-bar-bg);
    color: var(--bs-progress-bar-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    transition: var(--bs-progress-bar-transition);
    white-space: nowrap
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, 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: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-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: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #3a7bf6;
    --bs-list-group-active-border-color: #3a7bf6;
    border-radius: var(--bs-list-group-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

.list-group-numbered > .list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: var(--bs-list-group-action-active-bg);
    color: var(--bs-list-group-action-active-color)
}

.list-group-item {
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    color: var(--bs-list-group-color);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
    text-decoration: none
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    background-color: var(--bs-list-group-disabled-bg);
    color: var(--bs-list-group-disabled-color);
    pointer-events: none
}

.list-group-item.active {
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
    color: var(--bs-list-group-active-color);
    z-index: 2
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    border-top-width: var(--bs-list-group-border-width);
    margin-top: calc(var(--bs-list-group-border-width) * -1)
}

.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-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
}

@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-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width) * -1)
    }
}

@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-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width) * -1)
    }
}

@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-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width) * -1)
    }
}

@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-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width) * -1)
    }
}

@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-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width) * -1)
    }
}

.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-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-blue-light-10 {
    --bs-list-group-color: var(--bs-blue-light-10-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-light-10-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-light-10-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-light-10-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-light-10-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-light-10-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-light-10-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-light-10-text-emphasis)
}

.list-group-item-blue-light-90 {
    --bs-list-group-color: var(--bs-blue-light-90-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-light-90-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-light-90-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-light-90-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-light-90-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-light-90-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-light-90-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-light-90-text-emphasis)
}

.list-group-item-blue-light-70 {
    --bs-list-group-color: var(--bs-blue-light-70-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-light-70-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-light-70-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-light-70-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-light-70-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-light-70-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-light-70-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-light-70-text-emphasis)
}

.list-group-item-soft-white {
    --bs-list-group-color: var(--bs-soft-white-text-emphasis);
    --bs-list-group-bg: var(--bs-soft-white-bg-subtle);
    --bs-list-group-border-color: var(--bs-soft-white-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-soft-white-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-soft-white-border-subtle);
    --bs-list-group-active-color: var(--bs-soft-white-bg-subtle);
    --bs-list-group-active-bg: var(--bs-soft-white-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-soft-white-text-emphasis)
}

.list-group-item-neutral-100 {
    --bs-list-group-color: var(--bs-neutral-100-text-emphasis);
    --bs-list-group-bg: var(--bs-neutral-100-bg-subtle);
    --bs-list-group-border-color: var(--bs-neutral-100-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-neutral-100-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-neutral-100-border-subtle);
    --bs-list-group-active-color: var(--bs-neutral-100-bg-subtle);
    --bs-list-group-active-bg: var(--bs-neutral-100-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-neutral-100-text-emphasis)
}

.list-group-item-neutral-70 {
    --bs-list-group-color: var(--bs-neutral-70-text-emphasis);
    --bs-list-group-bg: var(--bs-neutral-70-bg-subtle);
    --bs-list-group-border-color: var(--bs-neutral-70-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-neutral-70-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-neutral-70-border-subtle);
    --bs-list-group-active-color: var(--bs-neutral-70-bg-subtle);
    --bs-list-group-active-bg: var(--bs-neutral-70-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-neutral-70-text-emphasis)
}

.list-group-item-neutral-50 {
    --bs-list-group-color: var(--bs-neutral-50-text-emphasis);
    --bs-list-group-bg: var(--bs-neutral-50-bg-subtle);
    --bs-list-group-border-color: var(--bs-neutral-50-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-neutral-50-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-neutral-50-border-subtle);
    --bs-list-group-active-color: var(--bs-neutral-50-bg-subtle);
    --bs-list-group-active-bg: var(--bs-neutral-50-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-neutral-50-text-emphasis)
}

.list-group-item-neutral-30 {
    --bs-list-group-color: var(--bs-neutral-30-text-emphasis);
    --bs-list-group-bg: var(--bs-neutral-30-bg-subtle);
    --bs-list-group-border-color: var(--bs-neutral-30-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-neutral-30-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-neutral-30-border-subtle);
    --bs-list-group-active-color: var(--bs-neutral-30-bg-subtle);
    --bs-list-group-active-bg: var(--bs-neutral-30-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-neutral-30-text-emphasis)
}

.list-group-item-neutral-10 {
    --bs-list-group-color: var(--bs-neutral-10-text-emphasis);
    --bs-list-group-bg: var(--bs-neutral-10-bg-subtle);
    --bs-list-group-border-color: var(--bs-neutral-10-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-neutral-10-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-neutral-10-border-subtle);
    --bs-list-group-active-color: var(--bs-neutral-10-bg-subtle);
    --bs-list-group-active-bg: var(--bs-neutral-10-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-neutral-10-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-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-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-line-small {
    --bs-list-group-color: var(--bs-line-small-text-emphasis);
    --bs-list-group-bg: var(--bs-line-small-bg-subtle);
    --bs-list-group-border-color: var(--bs-line-small-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-line-small-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-line-small-border-subtle);
    --bs-list-group-active-color: var(--bs-line-small-bg-subtle);
    --bs-list-group-active-bg: var(--bs-line-small-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-line-small-text-emphasis)
}

.list-group-item-line-medium {
    --bs-list-group-color: var(--bs-line-medium-text-emphasis);
    --bs-list-group-bg: var(--bs-line-medium-bg-subtle);
    --bs-list-group-border-color: var(--bs-line-medium-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-line-medium-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-line-medium-border-subtle);
    --bs-list-group-active-color: var(--bs-line-medium-bg-subtle);
    --bs-list-group-active-bg: var(--bs-line-medium-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-line-medium-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%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(58, 123, 246, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    box-sizing: content-box;
    height: 1em;
    opacity: var(--bs-btn-close-opacity);
    padding: .25em;
    width: 1em
}

.btn-close, .btn-close:hover {
    color: var(--bs-btn-close-color)
}

.btn-close:hover {
    opacity: var(--bs-btn-close-hover-opacity);
    text-decoration: none
}

.btn-close:focus {
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
    outline: 0
}

.btn-close.disabled, .btn-close:disabled {
    opacity: var(--bs-btn-close-disabled-opacity);
    pointer-events: none;
    user-select: none
}

.btn-close-white, [data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    background-clip: padding-box;
    background-color: var(--bs-toast-bg);
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    border-radius: var(--bs-toast-border-radius);
    box-shadow: var(--bs-toast-box-shadow);
    color: var(--bs-toast-color);
    font-size: var(--bs-toast-font-size);
    max-width: 100%;
    pointer-events: auto;
    width: var(--bs-toast-max-width)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    width: max-content;
    z-index: var(--bs-toast-zindex)
}

.toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--bs-toast-header-bg);
    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));
    color: var(--bs-toast-header-color);
    display: flex;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-header .btn-close {
    margin-left: var(--bs-toast-padding-x);
    margin-right: calc(var(--bs-toast-padding-x) * -.5)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--bs-modal-zindex)
}

.modal-dialog {
    margin: var(--bs-modal-margin);
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px)
}

@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 {
    align-items: center;
    display: flex;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    background-clip: padding-box;
    background-color: var(--bs-modal-bg);
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    color: var(--bs-modal-color);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    background-color: var(--bs-backdrop-bg);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--bs-backdrop-zindex)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    align-items: center;
    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);
    display: flex;
    flex-shrink: 0;
    padding: var(--bs-modal-header-padding)
}

.modal-header .btn-close {
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto;
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5)
}

.modal-title {
    line-height: var(--bs-modal-title-line-height);
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    position: relative
}

.modal-footer {
    align-items: center;
    background-color: var(--bs-modal-footer-bg);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5)
}

.modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--bs-modal-width)
    }

    .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 {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.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 {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .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 {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .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 {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .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 {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .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 {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-tooltip-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: var(--bs-tooltip-margin);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-tooltip-zindex);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    height: var(--bs-tooltip-arrow-height);
    width: var(--bs-tooltip-arrow-width)
}

.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(var(--bs-tooltip-arrow-height) * -1)
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before {
    border-top-color: var(--bs-tooltip-bg);
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    top: -1px
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    left: calc(var(--bs-tooltip-arrow-height) * -1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before {
    border-right-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    right: -1px
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(var(--bs-tooltip-arrow-height) * -1)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: var(--bs-tooltip-bg);
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    bottom: -1px
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    right: calc(var(--bs-tooltip-arrow-height) * -1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before {
    border-left-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    left: -1px
}

.tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
    color: var(--bs-tooltip-color);
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    text-align: center
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-popover-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: var(--bs-popover-max-width);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-popover-zindex);
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: var(--bs-popover-bg);
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    height: var(--bs-popover-arrow-height);
    width: var(--bs-popover-arrow-width)
}

.popover .popover-arrow:after, .popover .popover-arrow:before {
    border: 0 solid transparent;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc((var(--bs-popover-arrow-height)) * -1 - 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 {
    border-top-color: var(--bs-popover-arrow-border);
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after {
    border-top-color: var(--bs-popover-bg);
    bottom: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    height: var(--bs-popover-arrow-width);
    left: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.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 {
    border-right-color: var(--bs-popover-arrow-border);
    left: 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after {
    border-right-color: var(--bs-popover-bg);
    left: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc((var(--bs-popover-arrow-height)) * -1 - 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 {
    border-bottom-color: var(--bs-popover-arrow-border);
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after {
    border-bottom-color: var(--bs-popover-bg);
    top: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
    content: "";
    display: block;
    left: 50%;
    margin-left: calc(var(--bs-popover-arrow-width) * -.5);
    position: absolute;
    top: 0;
    width: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    height: var(--bs-popover-arrow-width);
    right: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.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 {
    border-left-color: var(--bs-popover-arrow-border);
    right: 0
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after {
    border-left-color: var(--bs-popover-bg);
    right: var(--bs-popover-border-width)
}

.popover-header {
    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);
    color: var(--bs-popover-header-color);
    font-size: var(--bs-popover-header-font-size);
    margin-bottom: 0;
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: var(--bs-popover-body-color);
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

@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;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@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 {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@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;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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 0'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin-bottom: 1rem;
    margin-left: 15%;
    margin-right: 15%;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 1.25rem;
    color: #fff;
    left: 15%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: absolute;
    right: 15%;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border, .spinner-grow {
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    border-radius: 50%;
    display: inline-block;
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    width: var(--bs-spinner-width)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.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-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid 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 {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 575.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-sm.offcanvas-bottom {
        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 {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 767.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-md.offcanvas-bottom {
        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 {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 991.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-lg.offcanvas-bottom {
        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 {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xl.offcanvas-bottom {
        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 {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xxl.offcanvas-bottom {
        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 {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.offcanvas {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas.offcanvas-bottom {
    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 {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    align-items: center;
    display: flex;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    margin: calc(var(--bs-offcanvas-padding-y) * -.5) calc(var(--bs-offcanvas-padding-x) * -.5) calc(var(--bs-offcanvas-padding-y) * -.5) auto;
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5)
}

.offcanvas-title {
    line-height: var(--bs-offcanvas-title-line-height);
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.placeholder {
    background-color: currentcolor;
    cursor: wait;
    display: inline-block;
    min-height: 1em;
    opacity: .5;
    vertical-align: middle
}

.placeholder.btn:before {
    content: "";
    display: inline-block
}

.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 {
    animation: placeholder-wave 2s linear infinite;
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-size: 200% 100%
}

@keyframes placeholder-wave {
    to {
        mask-position: -200% 0
    }
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

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

.text-bg-blue-light-10 {
    background-color: RGBA(var(--bs-blue-light-10-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-blue-light-90 {
    background-color: RGBA(var(--bs-blue-light-90-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-blue-light-70 {
    background-color: RGBA(var(--bs-blue-light-70-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-soft-white {
    background-color: RGBA(var(--bs-soft-white-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-neutral-100 {
    background-color: RGBA(var(--bs-neutral-100-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-neutral-70 {
    background-color: RGBA(var(--bs-neutral-70-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-neutral-50 {
    background-color: RGBA(var(--bs-neutral-50-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-neutral-30 {
    background-color: RGBA(var(--bs-neutral-30-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-neutral-10 {
    background-color: RGBA(var(--bs-neutral-10-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

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

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

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

.text-bg-line-small {
    background-color: RGBA(var(--bs-line-small-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-line-medium {
    background-color: RGBA(var(--bs-line-medium-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !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(97, 149, 248, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(97, 149, 248, var(--bs-link-underline-opacity, 1)) !important
}

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

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

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

.link-blue-light-90:focus, .link-blue-light-90:hover {
    color: RGBA(239, 245, 254, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(239, 245, 254, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-blue-light-70:focus, .link-blue-light-70:hover {
    color: RGBA(208, 223, 253, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(208, 223, 253, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-soft-white:focus, .link-soft-white:hover {
    color: RGBA(246, 248, 253, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(246, 248, 253, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-neutral-100:focus, .link-neutral-100:hover {
    color: RGBA(14, 18, 22, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(14, 18, 22, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-neutral-70:focus, .link-neutral-70:hover {
    color: RGBA(71, 74, 77, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(71, 74, 77, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-neutral-50:focus, .link-neutral-50:hover {
    color: RGBA(160, 161, 164, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(160, 161, 164, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-neutral-30:focus, .link-neutral-30:hover {
    color: RGBA(198, 199, 201, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(198, 199, 201, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-neutral-10:focus, .link-neutral-10:hover {
    color: RGBA(236, 237, 237, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(236, 237, 237, 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(77, 196, 90, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(77, 196, 90, 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(239, 121, 121, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(239, 121, 121, 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(255, 185, 51, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 185, 51, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-line-small:focus, .link-line-small:hover {
    color: RGBA(239, 239, 245, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(239, 239, 245, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-line-medium:focus, .link-line-medium:hover {
    color: RGBA(245, 245, 249, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(245, 245, 249, 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 {
    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);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em
}

.icon-link > .bi {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@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 {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 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 {
    top: 0
}

.fixed-bottom, .fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom, .sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack, .vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

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

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: var(--bs-border-width)
}

.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 {
    object-fit: contain !important
}

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

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

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

.object-fit-none {
    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-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

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

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

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

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

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

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

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

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

.focus-ring-neutral-10 {
    --bs-focus-ring-color: rgba(var(--bs-neutral-10-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-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-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-line-small {
    --bs-focus-ring-color: rgba(var(--bs-line-small-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-line-medium {
    --bs-focus-ring-color: rgba(var(--bs-line-medium-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-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

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

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

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

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

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

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

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

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

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

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

.border-neutral-10 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-neutral-10-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-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-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-line-small {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-line-small-rgb), var(--bs-border-opacity)) !important
}

.border-line-medium {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-line-medium-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-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-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: .25rem !important
}

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 3rem !important
}

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

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

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

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

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

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

.fs-6 {
    font-size: 1rem !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: 600 !important
}

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

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

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

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

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

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

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-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-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

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

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0, 0%, 100%, .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, .link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

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

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

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

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

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

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

.link-offset-3, .link-offset-3-hover:hover {
    text-underline-offset: .375em !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-blue-light-10 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-blue-light-10-rgb), var(--bs-link-underline-opacity)) !important
}

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

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

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

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

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

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

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

.link-underline-neutral-10 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-neutral-10-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-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-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-line-small {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-line-small-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-line-medium {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-line-medium-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, .link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-neutral-10 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-neutral-10-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-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-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-line-small {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-line-small-rgb), var(--bs-bg-opacity)) !important
}

.bg-line-medium {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-line-medium-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-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-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 {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

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

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

.rounded {
    border-radius: 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-bottom-right-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-bottom-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-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 {
        object-fit: contain !important
    }

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

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

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

    .object-fit-sm-none {
        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
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

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

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

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

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

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

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

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        column-gap: 3rem !important
    }

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

    .text-sm-end {
        text-align: right !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 {
        object-fit: contain !important
    }

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

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

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

    .object-fit-md-none {
        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
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

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

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

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

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

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

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

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        column-gap: 3rem !important
    }

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

    .text-md-end {
        text-align: right !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 {
        object-fit: contain !important
    }

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

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

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

    .object-fit-lg-none {
        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
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

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

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

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

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

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

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

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

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

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

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

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

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        column-gap: 3rem !important
    }

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

    .text-lg-end {
        text-align: right !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 {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        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
    }

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

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

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

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

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

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

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

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

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

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

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

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

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

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        column-gap: 3rem !important
    }

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

    .text-xl-end {
        text-align: right !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 {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        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
    }

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

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

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

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

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

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

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

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

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

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

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

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

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

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

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

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

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

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

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

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

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

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

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

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem !important
    }

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

    .text-xxl-end {
        text-align: right !important
    }

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

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !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
    }
}

/*! purgecss start ignore */
.form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%
}

.form#login-form {
    min-height: calc(100vh - 240px)
}

@media screen and (min-width: 768px) {
    .form#login-form {
        min-height: unset
    }
}

.form-header {
    display: flex;
    flex-direction: column;
    gap: 0
}

.form-header-title {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 0;
    opacity: 1
}

.form-footer .text-message, .form-header-description {
    color: var(--bs-neutral-70);
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.25rem
}

.form-content {
    gap: 1rem
}

.form-content, .form-group {
    display: flex;
    flex-direction: column
}

.form-group {
    position: relative
}

.form-group .input-group-text {
    background-color: var(--bs-white);
    border: var(--bs-border-width) solid var(--bs-line-small);
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: 500;
    padding: 0 .8125rem;
    position: relative
}

.form-group .input-group-text.with-select {
    padding: 0 .75rem
}

.form-group .input-group-text.with-select select {
    background: none;
    border: none;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    height: 100%;
    outline: none
}

.form-group.form-preview .form-control, .form-group.form-preview .form-select {
    background-color: var(--bs-line-medium);
    color: var(--bs-neutral-100);
    font-weight: 700;
    padding: .75rem 1rem
}

.form-group.form-preview .input-file-box {
    background-color: var(--bs-line-medium);
    cursor: default
}

.form-group.form-preview .input-file-box .input-file-detail .file-detail-subtitle {
    color: var(--bs-primary)
}

.form-group.form-preview .input-append .append-icon {
    cursor: default
}

.form-group.form-masking {
    background-color: var(--bs-line-medium);
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    padding: .625rem 1rem
}

.form-label {
    color: var(--bs-neutral-70);
    margin-bottom: .5rem
}

.form-control, .form-label, .form-select {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.form-control, .form-select {
    border-color: var(--bs-line-small);
    border-radius: .5rem;
    border-width: 1px;
    outline: none;
    padding: .625rem 1rem;
    width: 100%
}

.form-control:focus, .form-control:focus-visible, .form-select:focus, .form-select:focus-visible {
    box-shadow: unset
}

.form-control:disabled, .form-select:disabled {
    background-color: var(--bs-line-medium)
}

.form-control::-moz-placeholder, .form-select::-moz-placeholder {
    color: #b8b9bb
}

.form-control::placeholder, .form-select::placeholder {
    color: #b8b9bb
}

.form-control, .form-select {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.error.form-select, .form-control.error, .form-control:focus.error {
    border-color: #ef4444;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    z-index: 5
}

.error.form-select:disabled, .form-control.error:disabled, .form-control:focus.error:disabled {
    border-color: var(--bs-line-small)
}

.form-control:focus, .form-select:focus {
    border-color: #3a7bf6;
    border-width: 1px;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.form-control[data-bs-toggle=daterange], .form-control[data-bs-toggle=daterangefull], [data-bs-toggle=daterange].form-select, [data-bs-toggle=daterangefull].form-select {
    min-width: 240px
}

.form-select {
    padding-right: 2rem
}

.form-feedback {
    color: #ef4444;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .25rem;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.form-note {
    color: var(--bs-neutral-30);
    font-size: .75rem;
    font-weight: 400;
    margin-top: 5px
}

.form-footer {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.input-append {
    position: relative
}

.input-append .form-control, .input-append .form-select {
    padding-left: 4rem
}

.input-append.append-right .form-control, .input-append.append-right .form-select {
    padding-left: 1rem;
    padding-right: 2.5rem
}

.input-append.append-right .append-icon {
    right: 0
}

.append-icon {
    align-items: center;
    background-color: transparent;
    border-radius: .5rem;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: .25rem;
    padding: .625rem .75rem;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.append-icon.icon-password.active {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='14' fill='none'%3E%3Cpath fill='%233A7BF6' d='m18.72 6.13-1.78-2.41s-.02-.03-.03-.04c-.19-.27-.39-.53-.61-.78a8 8 0 0 0-.71-.71h-.02c-.19-.16-.39-.33-.59-.49-.2-.15-.41-.29-.62-.43-.58-.35-1.2-.64-1.84-.85-.48-.15-.98-.27-1.49-.34-.17-.02-.34-.04-.51-.05C10.35.01 10.17 0 10 0s-.35 0-.52.03c-.17.01-.34.03-.51.05-.34.05-.68.12-1.01.2-.16.04-.32.09-.49.14-.34.1-.66.23-.98.39-.11.05-.21.1-.31.16-.16.08-.32.17-.47.26-.46.28-1.3.95-1.3.95a8.2 8.2 0 0 0-1.33 1.5c-.01 0-.02.03-.03.04l-1.3 1.76 1.3-1.77s.02-.03.03-.04h-.01s-.02.03-.03.04L1.29 6.09l-.03.04c-.37.52-.37 1.22 0 1.74l.81 1.1.96 1.31c.2.29.42.56.65.82.22.27.46.5.72.73s.54.44.83.63c.11.08.22.15.33.22.23.15.47.3.72.42.09.05.18.09.27.13.02.01.04.02.06.02.58.26 1.2.46 1.83.59.14.03.29.05.43.08.02 0 .04.01.06.01h.05c.16.02.32.04.48.05a4.5 4.5 0 0 0 1.05 0c.16-.01.32-.03.48-.05h.05l.49-.09c.17-.03.33-.07.5-.11a9 9 0 0 0 1.43-.52c.08-.03.16-.07.23-.11.01-.01.03-.01.04-.02.18-.09.35-.19.52-.29.1-.07.2-.13.3-.2.06-.04.13-.08.19-.13.29-.18.58-.4.84-.64.25-.22.48-.46.71-.71h-.02c.24-.27.45-.54.66-.82l1.78-2.41c.37-.52.37-1.22 0-1.74zM10 11c-2.21 0-4-1.79-4-4s1.79-4 4-4a3.999 3.999 0 1 1 0 8'/%3E%3Cpath fill='%233A7BF6' d='M12.16 4.9s-.04-.04-.07-.05a2.9 2.9 0 0 0-1.21-.72c-.1-.03-.21-.06-.29-.07-.11-.02-.21-.04-.32-.05a.5.5 0 0 0-.53.46c-.02.27.19.51.46.54.06 0 .11.01.2.03.05 0 .1.02.17.04a1.84 1.84 0 0 1 .86.53c.02.02.05.05.07.06.09.1.17.21.25.34a.495.495 0 0 0 .68.18c.24-.14.32-.45.18-.68-.13-.23-.29-.43-.46-.6z'/%3E%3C/svg%3E")
}

.icon-password {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' fill='none'%3E%3Cpath fill='%23B8B9BB' d='M6.13 9.77c-.23-.24-.43-.51-.6-.8h.01c-.09-.17-.17-.32-.24-.49a4 4 0 0 1-.27-1.08c0-.13-.02-.26-.02-.4 0-.18.01-.35.03-.52.03-.17.06-.34.11-.5.04-.16.09-.33.15-.5.01-.03.02-.05.03-.07.04-.1.08-.21.15-.31.01-.03.02-.06.04-.09.05-.08.09-.16.16-.24.06-.11.13-.21.23-.31.06-.09.13-.17.21-.25h.01c.14-.14.3-.28.46-.4s.33-.23.5-.33c.12-.06.23-.12.35-.16.12-.06.24-.11.37-.14.01-.01.03-.02.04-.02.11-.04.22-.06.34-.08.13-.03.27-.05.4-.06.01-.01.02-.01.03-.01.26-.03.51-.03.77 0q.195.015.39.06c.01.01.02.01.03.01.12.01.24.04.35.08.26.08.51.18.74.31.02.02.05.04.08.05.14.08.27.16.4.26.02.02.04.03.06.05.14.1.27.22.39.34 0 .02.03.03.05.05h.01c.24.23.44.5.61.79l2.81-2.11 2-1.5c.22-.17.26-.48.1-.7a.5.5 0 0 0-.7-.1L14.6 2.19h-.02l-.01.01a9 9 0 0 0-.58-.5c-.2-.15-.41-.29-.62-.43-.58-.35-1.2-.64-1.84-.85-.48-.15-.98-.27-1.49-.34C9.87.06 9.7.04 9.53.03 9.36.01 9.18 0 9.01 0s-.35 0-.52.03c-.17.01-.34.03-.51.05-.34.05-.68.12-1.01.2-.16.04-.32.09-.49.14-.34.1-.66.23-.98.39-.11.05-.21.1-.31.16-.16.08-.32.17-.47.26-.46.28-.89.61-1.28.97l-.02-.02a8.2 8.2 0 0 0-1.33 1.5s-.02.03-.03.04L.28 6.13c-.37.52-.37 1.22 0 1.74l1.78 2.41q.315.42.66.81H2.7l-2 1.51c-.22.16-.26.48-.1.7.17.22.48.26.7.1l2.11-1.59 2.71-2.03h.01z'/%3E%3Cpath fill='%23B8B9BB' d='M11.09 4.84a2.9 2.9 0 0 0-1.21-.72c-.1-.03-.21-.06-.29-.07-.11-.02-.21-.04-.32-.05a.5.5 0 0 0-.53.46c-.02.27.19.51.46.54.06 0 .11.01.2.03.05 0 .1.02.17.04a1.84 1.84 0 0 1 .86.53c.02.02.05.05.07.06.09.1.17.21.25.34a.495.495 0 0 0 .68.18c.24-.14.32-.45.18-.68-.13-.23-.29-.43-.46-.6a.2.2 0 0 0-.07-.05zM17.72 6.13l-1.78-2.41s-.02-.03-.03-.04l-3.04 2.27c.09.34.13.68.13 1.02V7c0 .14-.01.27-.03.41v.06s0 .03-.01.06c0 .07-.02.15-.04.22 0 .02-.01.04-.01.06-.01.06-.03.12-.04.18l-.03.1c-.04.13-.09.26-.14.39q-.105.24-.24.48h.01l.01.01c-.04.07-.09.14-.14.21-.13.21-.29.41-.46.59l-.06.06c-.1.1-.21.2-.33.29-.13.11-.28.2-.43.29-.16.09-.32.18-.48.25-.19.09-.39.14-.6.2-.12.03-.24.06-.36.08-.11.02-.22.03-.33.04-.09 0-.19.02-.28.02-.18 0-.36-.01-.54-.04-.18-.02-.36-.06-.53-.11-.35-.1-.69-.24-.99-.43h-.02l-2.69 2.03c0 .01.01.01.01.01.11.08.22.15.33.22.23.15.47.3.72.42.09.05.18.09.27.13.02.01.04.02.06.02.58.26 1.2.46 1.83.59.14.03.29.05.43.08.02 0 .04.01.06.01H8c.16.02.32.04.48.05a4.5 4.5 0 0 0 1.05 0c.16-.01.32-.03.48-.05h.05l.49-.09c.17-.03.33-.07.5-.11a9 9 0 0 0 1.43-.52c.08-.03.16-.07.23-.11 0-.01.03-.01.04-.02.18-.09.35-.19.52-.29.1-.07.2-.13.3-.2.06-.04.13-.08.19-.13.29-.18.58-.4.84-.64.25-.22.48-.46.71-.71h-.02c.24-.27.45-.54.66-.82l1.78-2.41c.37-.52.37-1.22 0-1.74z'/%3E%3C/svg%3E")
}

.icon-password.active {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='14' fill='none'%3E%3Cpath fill='%233A7BF6' d='m18.72 6.13-1.78-2.41s-.02-.03-.03-.04c-.19-.27-.39-.53-.61-.78a8 8 0 0 0-.71-.71h-.02c-.19-.16-.39-.33-.59-.49-.2-.15-.41-.29-.62-.43-.58-.35-1.2-.64-1.84-.85-.48-.15-.98-.27-1.49-.34-.17-.02-.34-.04-.51-.05C10.35.01 10.17 0 10 0s-.35 0-.52.03c-.17.01-.34.03-.51.05-.34.05-.68.12-1.01.2-.16.04-.32.09-.49.14-.34.1-.66.23-.98.39-.11.05-.21.1-.31.16-.16.08-.32.17-.47.26-.46.28-1.3.95-1.3.95a8.2 8.2 0 0 0-1.33 1.5c-.01 0-.02.03-.03.04l-1.3 1.76 1.3-1.77s.02-.03.03-.04h-.01s-.02.03-.03.04L1.29 6.09l-.03.04c-.37.52-.37 1.22 0 1.74l.81 1.1.96 1.31c.2.29.42.56.65.82.22.27.46.5.72.73s.54.44.83.63c.11.08.22.15.33.22.23.15.47.3.72.42.09.05.18.09.27.13.02.01.04.02.06.02.58.26 1.2.46 1.83.59.14.03.29.05.43.08.02 0 .04.01.06.01h.05c.16.02.32.04.48.05a4.5 4.5 0 0 0 1.05 0c.16-.01.32-.03.48-.05h.05l.49-.09c.17-.03.33-.07.5-.11a9 9 0 0 0 1.43-.52c.08-.03.16-.07.23-.11.01-.01.03-.01.04-.02.18-.09.35-.19.52-.29.1-.07.2-.13.3-.2.06-.04.13-.08.19-.13.29-.18.58-.4.84-.64.25-.22.48-.46.71-.71h-.02c.24-.27.45-.54.66-.82l1.78-2.41c.37-.52.37-1.22 0-1.74zM10 11c-2.21 0-4-1.79-4-4s1.79-4 4-4a3.999 3.999 0 1 1 0 8'/%3E%3Cpath fill='%233A7BF6' d='M12.16 4.9s-.04-.04-.07-.05a2.9 2.9 0 0 0-1.21-.72c-.1-.03-.21-.06-.29-.07-.11-.02-.21-.04-.32-.05a.5.5 0 0 0-.53.46c-.02.27.19.51.46.54.06 0 .11.01.2.03.05 0 .1.02.17.04a1.84 1.84 0 0 1 .86.53c.02.02.05.05.07.06.09.1.17.21.25.34a.495.495 0 0 0 .68.18c.24-.14.32-.45.18-.68-.13-.23-.29-.43-.46-.6z'/%3E%3C/svg%3E")
}

.icon-calendar {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23888A8D' d='M13.25 1.06h-.501V0h-1.7v1.06H6.95V0h-1.7v1.06H4.75C2.406 1.06.5 2.868.5 5.095v8.873C.5 16.194 2.406 18 4.75 18h8.5c2.344 0 4.25-1.806 4.25-4.033V5.094c0-2.227-1.906-4.033-4.25-4.033m-8.5 1.614h.501v1.473h1.7V2.674h4.098v1.473h1.7V2.674h.501c1.405 0 2.55 1.087 2.55 2.42v.754H2.2v-.754c0-1.333 1.145-2.42 2.55-2.42m8.5 13.713h-8.5c-1.405 0-2.55-1.087-2.55-2.42V7.46h13.6v6.506c0 1.333-1.145 2.42-2.55 2.42'/%3E%3Cpath fill='%23888A8D' d='M4.822 11.03c.618 0 1.118-.49 1.118-1.096 0-.605-.5-1.096-1.118-1.096s-1.118.49-1.118 1.096c0 .605.5 1.096 1.118 1.096M8.902 11.03c.617 0 1.118-.49 1.118-1.096 0-.605-.5-1.096-1.118-1.096s-1.119.49-1.119 1.096c0 .605.5 1.096 1.119 1.096M12.99 11.03c.618 0 1.119-.49 1.119-1.096 0-.605-.5-1.096-1.118-1.096s-1.119.49-1.119 1.096c0 .605.5 1.096 1.119 1.096M4.822 14.747c.618 0 1.118-.491 1.118-1.096s-.5-1.096-1.118-1.096-1.118.49-1.118 1.096c0 .605.5 1.096 1.118 1.096M8.902 14.747c.617 0 1.118-.491 1.118-1.096s-.5-1.096-1.118-1.096-1.119.49-1.119 1.096c0 .605.5 1.096 1.119 1.096M12.99 14.747c.618 0 1.119-.491 1.119-1.096s-.5-1.096-1.118-1.096-1.119.49-1.119 1.096c0 .605.5 1.096 1.119 1.096'/%3E%3C/svg%3E");
    margin: auto
}

.icon-checked {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='M16 2H8a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6'/%3E%3Cpath fill='%23fff' d='M10.41 16c-.28 0-.55-.12-.75-.32l-2.39-2.55c-.39-.41-.36-1.06.05-1.44s1.06-.36 1.45.05l1.64 1.75 4.82-5.16c.39-.41 1.03-.44 1.45-.05.41.38.44 1.03.05 1.44l-5.57 5.96c-.19.21-.46.32-.75.32'/%3E%3C/g%3E%3C/svg%3E");
    margin: auto
}

.append-text {
    align-items: center;
    border-right: 1px solid var(--bs-line-small);
    bottom: 0;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0 1rem;
    position: absolute;
    top: 0
}

.form-otp {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.form-otp .otp-input-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.form-otp .otp-input-group input {
    background-color: #f3f3f7;
    border: 1px solid #ebebf2;
    border-radius: .5rem;
    color: #12161c;
    font-size: 1.25rem;
    font-weight: 700;
    height: 4rem;
    line-height: 1.75rem;
    outline: none;
    padding: .625rem 1rem;
    text-align: center;
    width: 3rem
}

.form-otp .otp-input-group input, .form-otp .otp-input-group input:focus {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-otp .otp-input-group input:focus {
    border-bottom-width: 4px;
    border-color: #ebebf2 #ebebf2 #3a7bf6
}

.form-otp .otp-error-message {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #eb5757
}

.form-otp .otp-loader {
    animation: spin 1s linear infinite;
    border: 4px solid transparent;
    border-radius: 9999px;
    border-top-color: #3a7bf6;
    display: none;
    height: 2rem;
    margin-left: .25rem;
    width: 2rem
}

.form-otp .otp-loader.active {
    display: block
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@media screen and (min-width: 768px) {
    .form-otp .otp-input-group {
        gap: .75rem
    }
}

input[data-masking], textarea[data-masking] {
    background-color: var(--bs-line-medium);
    border: 0;
    border-radius: 0;
    padding: 0;
    transition: unset
}

input[data-masking]:focus, textarea[data-masking]:focus {
    background-color: var(--bs-line-medium)
}

input[data-masking=true], textarea[data-masking=true] {
    filter: blur(6px)
}

input[data-input-group].error, textarea[data-input-group].error {
    border-color: var(--bs-line-small);
    z-index: 5
}

input[data-input-group].error:focus, textarea[data-input-group].error:focus {
    border: var(--bs-border-width) solid var(--bs-danger);
    border-color: var(--bs-primary)
}

textarea[data-masking] {
    min-height: 7.5rem
}

.modal {
    transition: all .15s linear;
    --bs-modal-border-color: transparent
}

.modal.fade .modal-dialog {
    transform: translateY(1.5rem);
    transition: transform .3s ease-out
}

.modal.fade.show .modal-dialog {
    transform: translateY(0)
}

.modal.modal-static {
    transform: scale(1.02)
}

.modal .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23B8B9BB' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10'/%3E%3Cpath fill='%23fff' d='m11.13 10 2.64-2.64c.31-.31.31-.82 0-1.13a.803.803 0 0 0-1.13 0L10 8.87 7.36 6.23a.803.803 0 0 0-1.13 0c-.31.31-.31.82 0 1.13L8.87 10l-2.64 2.64c-.31.31-.31.82 0 1.13.16.16.36.23.56.23s.41-.08.56-.23l2.64-2.64 2.64 2.64c.16.16.36.23.56.23s.41-.08.56-.23c.31-.31.31-.82 0-1.13L11.11 10z'/%3E%3C/svg%3E")
}

.modal-body, .modal-footer, .modal-header {
    padding: 1.25rem 1.5rem
}

.modal-header {
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-line-small)
}

.modal-title {
    font-size: 1rem;
    font-weight: 700
}

.modal-footer {
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-line-small);
    gap: .5rem
}

.modal-footer.flex-row > .btn {
    flex: 1 1 0
}

.modal-footer > * {
    margin: 0
}

.modal-dialog.modal-notify {
    margin: 0 auto;
    max-width: 24rem
}

.modal-content {
    border-radius: .75rem
}

.modal-fit {
    width: fit-content
}

.navbar-custom {
    background-color: var(--bs-white);
    border-bottom: 1px solid var(--bs-line-small);
    display: flex;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .8rem;
    position: sticky;
    top: 0;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .navbar-custom {
        display: none
    }
}

body {
    font-family: Manrope, sans-serif;
    height: 100%;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

a {
    outline: none;
    text-decoration: none
}

p {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .w-md-35 {
        width: 35% !important
    }
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.fs-7 {
    font-size: .875rem
}

.card {
    box-shadow: 0 1px 4px rgba(58, 123, 246, .06)
}

.card-header.with-border {
    border-bottom: 1px solid var(--bs-line-small)
}

.card-footer.with-border {
    border-top: 1px solid var(--bs-line-small)
}

.card-title {
    color: var(--bs-neutral-100);
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0
}

.btn {
    --bs-btn-font-size: 0.875rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.625rem;
    border-radius: .5rem;
    font-weight: 700;
    line-height: 1.15rem
}

.btn:active, .btn:first-child:active:focus-visible, .btn:focus, .btn:focus-visible {
    box-shadow: unset
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--bs-neutral-30);
    border-color: var(--bs-neutral-30);
    color: var(--bs-white);
    opacity: 1
}

.btn-danger, .btn-success {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white)
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: var(--bs-neutral-30);
    border-color: var(--bs-neutral-30);
    color: var(--bs-white);
    opacity: 1
}

.btn-outline-warning {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white)
}

.btn-outline-warning:hover .icon-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M9.514 14a.684.684 0 1 1 0-1.368h3.802a.683.683 0 1 1 0 1.368zm-6.944-.282-.534-2.298c-.096-.42 0-.858.264-1.2l4.15-5.37a.206.206 0 0 1 .282-.036l1.745 1.392c.12.096.276.144.432.12a.63.63 0 0 0 .545-.696.7.7 0 0 0-.221-.426L7.535 3.842a.25.25 0 0 1-.042-.348l.654-.852a1.72 1.72 0 0 1 2.417-.264q.055.045.102.09l.983.78c.384.288.654.702.762 1.17.108.48-.012.984-.324 1.362L6.24 13.352c-.258.336-.66.54-1.085.546l-2.327.03a.27.27 0 0 1-.264-.21z'/%3E%3C/g%3E%3C/svg%3E")
}

.btn-outline-primary {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white)
}

.btn-outline-base {
    --bs-btn-color: var(--bs-neutral-100);
    --bs-btn-hover-color: var(--bs-neutral-100);
    --bs-btn-active-color: var(--bs-neutral-100);
    border: 1px solid var(--bs-neutral-10)
}

.btn-outline-base:focus-visible, .btn-outline-base:hover {
    border: 1px solid var(--bs-neutral-30)
}

.btn-group-sm > .btn, .btn-sm {
    font-size: .75rem;
    font-weight: 700;
    padding: .5rem .75rem
}

.btn-group-sm > .bg-white.btn, .btn-sm.bg-white {
    border-color: var(--bs-neutral-10);
    border-width: 1px;
    color: var(--bs-neutral-100);
    transition: all .15s linear
}

.btn-group-sm > .bg-white.btn:hover, .btn-sm.bg-white:hover {
    border-color: var(--bs-neutral-30)
}

.btn-flex {
    align-items: center;
    display: flex;
    gap: .25rem
}

.dropdown-toggle:after {
    margin-bottom: -2px
}

.dropdown-menu.show {
    border: none;
    border-radius: .75rem;
    box-shadow: 0 2px 8px 0 rgba(18, 22, 28, .08);
    padding: .75rem 0
}

.dropdown-item {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: 500;
    padding: .5rem var(--bs-dropdown-item-padding-x)
}

.breadcrumb {
    font-size: .875rem;
    margin-bottom: 0;
    margin-top: 4px
}

.breadcrumb a {
    color: var(--bs-neutral-70)
}

.breadcrumb.with-arrow .breadcrumb-item + .breadcrumb-item:before {
    content: ">"
}

.breadcrumb-item.active {
    color: var(--bs-neutral-50)
}

.list-group {
    border: 1px solid var(--bs-list-group-border-color);
    border-radius: .75rem;
    height: 100%;
    padding: 0 1.5rem;
    --bs-list-group-border-color: var(--bs-line-small)
}

.list-group.border-0 .list-group-item {
    border-bottom: 0;
    border-radius: 0;
    border-top: 1px solid var(--bs-list-group-border-color)
}

.list-group-item {
    border: none;
    border-bottom: 1px solid var(--bs-list-group-border-color);
    color: var(--bs-neutral-70);
    font-size: .875rem;
    font-weight: 500;
    padding: 1rem 0
}

.list-group-item .img-thumbnail {
    max-width: 280px;
    min-width: 110px
}

.list-group-item .img-thumbnail.rounded {
    border-radius: .5rem !important
}

.list-group-item:last-child {
    border-bottom: none
}

.main {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .main {
        min-height: 100vh
    }
}

.auth-side-cover {
    align-items: center;
    background: url(../img/img-background-mesh.png);
    background-attachment: local;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    justify-content: center
}

@media (min-width: 768px) {
    .auth-side-cover {
        display: flex;
        width: 20rem
    }
}

@media (min-width: 1024px) {
    .auth-side-cover {
        width: 41.666667%
    }
}

@media (min-width: 1280px) {
    .auth-side-cover {
        flex: 1 1 0%;
        padding: 2.5rem 8rem;
        width: 50%
    }
}

.auth-side-cover {
    height: 100%;
    position: fixed
}

.auth-side-cover img {
    height: 3rem;
    width: 8rem
}

.auth-side-form {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    padding: 1.5rem 1rem
}

@media (min-width: 768px) {
    .auth-side-form {
        justify-content: space-between;
        padding: 2rem
    }
}

@media (min-width: 1024px) {
    .auth-side-form {
        padding: 2.5rem
    }
}

@media (min-width: 1280px) {
    .auth-side-form {
        padding: 2.5rem 8rem
    }
}

@media (min-width: 768px) {
    .auth-side-form {
        margin-left: 20rem
    }
}

@media (min-width: 1024px) {
    .auth-side-form {
        margin-left: 41.666667%
    }
}

@media (min-width: 1280px) {
    .auth-side-form {
        margin-left: 50%
    }
}

.account-type-cover {
    background: url(../img/img-background-mesh.png);
    background-attachment: local;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 100%;
    position: fixed
}

.account-type-cover .img-logo {
    height: 30px;
    width: 80px
}

.account-type-cover .title {
    color: var(--bs-white);
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0
}

.account-type-cover .description {
    color: var(--bs-white);
    font-size: .875rem;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .account-type-cover {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 1.5rem 0;
        width: 40%
    }
}

@media screen and (min-width: 1024px) {
    .account-type-cover {
        padding: 2.5rem 2.5rem 0;
        width: 30%
    }
}

.ic {
    display: block;
    height: 1rem;
    text-align: center;
    width: 1rem
}

.icon-link-logout {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    justify-content: end
}

.icon-link-logout span {
    color: var(--bs-danger);
    font-size: .875rem;
    font-weight: 500
}

.icon-link-logout:hover {
    cursor: pointer
}

.icon-menu {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

.ic-dropdown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='m8.127 10.422 2.971 3.651a1.166 1.166 0 0 0 1.804 0l2.971-3.652a.566.566 0 0 0-.45-.921H8.577a.566.566 0 0 0-.45.922'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-notification {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' fill-rule='evenodd' d='M9.706 18.938a2.87 2.87 0 0 0 1.915 1.047h-.008c.11.015.229.015.34.015.64.007 1.258-.204 1.767-.59a3 3 0 0 0 .5-.472.55.55 0 0 0-.08-.785 16.2 16.2 0 0 0-4.353 0 .55.55 0 0 0-.08.785m-3.917-3.44a4.03 4.03 0 0 0 2.503 1.185l.015.008c1.23.123 2.46.189 3.697.189q1.847 0 3.682-.197a4.03 4.03 0 0 0 2.54-1.214A3.17 3.17 0 0 0 19 13.331v-.182a3.16 3.16 0 0 0-.552-1.636q-.01-.016-.026-.033-.014-.017-.025-.033a3.2 3.2 0 0 1-.759-1.432c-.015-.211-.015-.43-.015-.64a6 6 0 0 0-.022-.83C17.328 5.738 14.441 4 11.974 4S6.68 5.73 6.414 8.545c-.044.502-.044.997-.044 1.484a3.06 3.06 0 0 1-.758 1.404q-.034.03-.06.072a3.2 3.2 0 0 0-.551 1.666v.16a3.22 3.22 0 0 0 .787 2.167m8.564-6.545c.066.24.287.4.53.4v-.008a.6.6 0 0 0 .155-.021.54.54 0 0 0 .375-.677 3.49 3.49 0 0 0-2.555-2.269.55.55 0 0 0-.67.393c-.074.29.103.59.397.662a2.42 2.42 0 0 1 1.768 1.52' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-dashboard {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M5.778 11.111c-.49 0-.907-.178-1.254-.524A1.71 1.71 0 0 1 4 9.333V5.778c0-.49.178-.907.524-1.254A1.71 1.71 0 0 1 5.778 4h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524zm0 8.889c-.49 0-.907-.178-1.254-.524A1.71 1.71 0 0 1 4 18.222v-3.555c0-.49.178-.907.524-1.254a1.71 1.71 0 0 1 1.254-.524h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254A1.71 1.71 0 0 1 9.333 20zm8.889-8.889c-.49 0-.907-.178-1.254-.524a1.71 1.71 0 0 1-.524-1.254V5.778c0-.49.178-.907.524-1.254A1.71 1.71 0 0 1 14.667 4h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524zm0 8.889c-.49 0-.907-.178-1.254-.524a1.71 1.71 0 0 1-.524-1.254v-3.555c0-.49.178-.907.524-1.254a1.71 1.71 0 0 1 1.254-.524h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524z'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M19.79 9.12c-.14-.26-.34-.47-.59-.64l-6-4.11A2.1 2.1 0 0 0 12 4c-.45 0-.85.12-1.2.37l-6 4.11c-.25.17-.45.38-.59.64S4 9.65 4 9.94v8.23c0 .5.2.93.59 1.29Q5.175 20 6 20h3c.28 0 .52-.09.71-.26.19-.18.29-.39.29-.65v-1.57c0-.26.1-.48.29-.65s.43-.26.71-.26h2c.28 0 .52.09.71.26s.29.39.29.65v1.57c0 .26.1.48.29.65.19.18.43.26.71.26h3q.825 0 1.41-.54c.39-.36.59-.79.59-1.29V9.94c0-.29-.07-.56-.21-.82m-6.54 4.63h-2.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.5c.41 0 .75.34.75.75s-.34.75-.75.75'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-list-merchant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg fill='%23595C60' mask='url(%23a)'%3E%3Cpath d='M4.5 8.56h4.78a5.1 5.1 0 0 1 .18-2H4.5c-.55 0-1 .45-1 1s.45 1 1 1M10.25 11.06H4.5c-.55 0-1 .45-1 1s.45 1 1 1h3.3c.62-.87 1.5-1.54 2.52-1.9-.03-.03-.06-.06-.07-.1M6.9 15.56H4.5c-.55 0-1 .45-1 1s.45 1 1 1h2.62A5 5 0 0 1 6.88 16c0-.15.01-.29.02-.44'/%3E%3Cpath d='M10.66 11.06h-.41s.04.07.07.1c.11-.04.23-.07.34-.1M14.5 11.5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5S11 6.07 11 8s1.57 3.5 3.5 3.5M17 12.5h-5c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5h5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-merchant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M6.44 14v4h4.59c.09.75.4 1.44.84 2H5.52a.84.84 0 0 1-.66-.28c-.18-.2-.27-.43-.27-.72v-5h-.16q-.45 0-.72-.36c-.19-.24-.25-.52-.19-.84l.93-5q.075-.345.33-.57c.16-.15.36-.23.57-.23h13.3c.21 0 .41.08.58.23s.28.34.32.57l.41 2.21c-.58-.32-1.25-.51-1.96-.51h-3c-2.2 0-4 1.8-4 4v.5zm-.92-8h12.97c.26 0 .48-.09.66-.28.17-.2.26-.43.26-.72s-.09-.52-.26-.71a.88.88 0 0 0-.66-.29H5.52c-.27 0-.49.1-.66.29-.18.19-.27.43-.27.71q0 .42.27.72c.17.19.39.28.66.28m14.98 7.5v4A2.5 2.5 0 0 1 18 20h-3a2.5 2.5 0 0 1-2.5-2.5v-4A2.5 2.5 0 0 1 15 11h3a2.5 2.5 0 0 1 2.5 2.5m-3.25 3.53c0-.41-.34-.75-.75-.75h-1.41c-.41 0-.75.34-.75.75s.34.75.75.75h1.41c.41 0 .75-.34.75-.75m1.41-3.06c0-.41-.34-.75-.75-.75H15.1c-.41 0-.75.34-.75.75s.34.75.75.75h2.81c.41 0 .75-.34.75-.75'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-report {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M18.547 4H5.442c-.514 0-.942.36-.942.81v13.406c0 .57.653.96 1.263.76l.75-.24c.3-.1.632-.06.889.11l1.53.99c.332.219.793.219 1.125 0l1.37-.89a1.04 1.04 0 0 1 1.124 0l1.381.89c.332.219.793.219 1.125 0l1.53-.99c.258-.17.59-.21.89-.11l.76.24c.61.2 1.263-.19 1.263-.76V4.81c0-.45-.418-.81-.942-.81zm-10.3 10.187c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1 1.071.45 1.071 1-.482 1-1.07 1m0-4.379c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1 1.071.45 1.071 1-.482 1-1.07 1m7.495 4.379h-4.283c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1h4.283c.589 0 1.07.45 1.07 1s-.481 1-1.07 1m0-4.379h-4.283c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1h4.283c.589 0 1.07.45 1.07 1s-.481 1-1.07 1'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-settings {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M11.013 20a1.43 1.43 0 0 1-.977-.36 1.45 1.45 0 0 1-.494-.88l-.19-1.32a3.3 3.3 0 0 1-.514-.24 7 7 0 0 1-.472-.3l-1.303.52q-.525.22-1.05.04a1.53 1.53 0 0 1-.82-.64l-.987-1.64a1.22 1.22 0 0 1-.168-.98 1.5 1.5 0 0 1 .567-.86l1.113-.8a2 2 0 0 1-.02-.27v-.54q0-.13.02-.27l-1.113-.8a1.5 1.5 0 0 1-.567-.86 1.22 1.22 0 0 1 .168-.98l.987-1.64q.294-.46.82-.64.525-.18 1.05.04l1.303.52q.231-.16.483-.3t.504-.24l.189-1.32q.084-.52.494-.88.409-.36.977-.36h1.974q.568 0 .977.36t.494.88l.19 1.32q.272.1.514.24.24.14.472.3l1.303-.52q.525-.22 1.05-.04.526.18.82.64l.987 1.64q.294.46.168.98a1.5 1.5 0 0 1-.567.86l-1.113.8q.02.14.02.27v.54a1 1 0 0 1-.041.27l1.113.8q.441.34.567.86t-.168.98l-1.008 1.64q-.294.46-.82.64-.525.18-1.05-.04l-1.26-.52a6 6 0 0 1-.484.3 4 4 0 0 1-.504.24l-.189 1.32a1.45 1.45 0 0 1-.494.88 1.43 1.43 0 0 1-.977.36zm1.029-5.2q1.218 0 2.08-.82.861-.82.861-1.98t-.861-1.98-2.08-.82q-1.24 0-2.09.82Q9.1 10.84 9.1 12t.85 1.98q.852.82 2.091.82'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-users {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M16.5 14.47c-.63 0-1.16-.22-1.6-.65s-.65-.97-.65-1.6.22-1.16.65-1.6c.43-.43.97-.65 1.6-.65s1.16.22 1.6.65c.43.44.65.97.65 1.6s-.22 1.16-.65 1.6-.97.65-1.6.65M12.9 20c-.26 0-.47-.1-.64-.29s-.26-.44-.26-.73v-.41c0-.41.09-.79.28-1.14s.45-.6.8-.76a7.926 7.926 0 0 1 3.42-.77 7.86 7.86 0 0 1 3.42.77c.34.15.61.41.8.76s.28.73.28 1.14v.41c0 .29-.09.53-.26.73s-.39.29-.64.29zm-2.7-8.8c-.99 0-1.84-.35-2.54-1.06-.7-.7-1.06-1.55-1.06-2.54s.35-1.84 1.06-2.54S9.21 4 10.2 4s1.84.35 2.54 1.06c.7.7 1.06 1.55 1.06 2.54s-.35 1.84-1.06 2.54-1.55 1.06-2.54 1.06M3 17.13c0-.58.13-1.12.38-1.6s.61-.86 1.06-1.12c.9-.51 1.83-.91 2.8-1.18s1.95-.41 2.96-.41c.53 0 1.05.05 1.58.15s1.05.22 1.57.36l-1.53 1.74c-.37.43-.74.86-1.09 1.31s-.53.97-.53 1.56v1c0 .21.03.4.1.58s.18.34.33.47H4.8c-.49 0-.92-.2-1.27-.6S3 18.51 3 17.94v-.82z'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-6.8 0a2.8 2.8 0 1 0 5.6 0 2.8 2.8 0 0 0-5.6 0'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-trail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23595C60' d='M15.707 18.4V5.6q.645 0 1.103.47t.458 1.13v9.6q0 .66-.458 1.13t-1.103.47M5.561 20q-.645 0-1.102-.47A1.56 1.56 0 0 1 4 18.4V5.6q0-.66.459-1.13Q4.917 4 5.56 4h7.024q.644 0 1.103.47t.458 1.13v12.8q0 .66-.458 1.13-.459.47-1.103.47zm13.268-3.2V7.2q.488 0 .83.35.34.35.341.85v7.2q0 .5-.341.85-.342.35-.83.35'/%3E%3C/g%3E%3C/svg%3E")
}

.ic-information {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='16' height='17' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 .5H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23888A8D' d='M8 1.5c-3.87 0-7 3.13-7 7s3.13 7 7 7 7-3.13 7-7-3.13-7-7-7m1 9.96c0 .55-.45 1-1 1s-1-.45-1-1V8.54c0-.55.45-1 1-1s1 .45 1 1zM8 6.42c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.account-type-form {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 4rem;
    padding: 1.5rem 1rem
}

.account-type-form .form {
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

.card-select {
    position: relative
}

.card-select .card-select-item {
    border: 1px solid var(--bs-line-small);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    transition: all .3s ease-in-out;
    width: 100%
}

.card-select .card-select-item .select-item-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 1.5rem
}

.card-select .card-select-item .select-item-content img {
    height: 40px;
    width: 40px
}

.card-select .card-select-item .select-item-content .title {
    color: var(--bs-neutral-100);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0
}

.card-select .card-select-item .select-item-content .description {
    color: var(--bs-neutral-70);
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0
}

.card-select .card-select-item .select-item-content.item-sm .description {
    font-size: .75rem
}

.card-select .card-select-item .select-check-icon {
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    position: relative;
    transition: .2s linear;
    width: 24px
}

.card-select .card-select-item .select-check-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%2321B531' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.648 8.406c.48.53.467 1.373-.029 1.885l-5.166 5.334c-.486.501-1.258.5-1.742-.003l-2.333-2.424a1.397 1.397 0 0 1-.023-1.886 1.196 1.196 0 0 1 1.767-.025l1.464 1.521 4.295-4.433a1.196 1.196 0 0 1 1.767.031' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: scale(1.3);
    transition: .2s linear;
    width: 24px
}

.card-select .card-select-item:hover {
    border-color: #3a7bf6
}

.card-select input[type=checkbox], .card-select input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute
}

.card-select input[type=checkbox]:checked + .card-select-item, .card-select input[type=radio]:checked + .card-select-item {
    background-color: #ebf2fe;
    border-color: var(--bs-primary)
}

.card-select input[type=checkbox]:checked + .card-select-item .select-check-icon, .card-select input[type=radio]:checked + .card-select-item .select-check-icon {
    transform: scale(1)
}

.card-select input[type=checkbox]:checked + .card-select-item .select-check-icon:before, .card-select input[type=radio]:checked + .card-select-item .select-check-icon:before {
    opacity: 1;
    transform: scale(1)
}

@media screen and (min-width: 768px) {
    .account-type-form {
        gap: 6rem;
        margin-left: 40%
    }

    .account-type-form .form {
        max-width: 80%
    }

    .card-select .card-select-item .select-item-content {
        align-items: center
    }
}

@media screen and (min-width: 1024px) {
    .account-type-form {
        gap: 8rem;
        margin-left: 30%;
        padding: 2.5rem
    }

    .account-type-form .form {
        max-width: 65%
    }
}

.counter-list {
    counter-reset: section;
    list-style: none;
    padding-left: 0
}

.counter-list li {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px
}

.counter-list li:before {
    align-items: center;
    background-color: var(--bs-blue-light-90);
    border-radius: 6px;
    color: var(--bs-primary);
    content: counter(section);
    counter-increment: section;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    width: 24px
}

.counter-list li:not(:last-child) {
    margin-bottom: 12px
}

.onboarding-step-cover {
    display: none;
    height: 100%;
    position: fixed
}

.onboarding-step-cover .img-logo {
    height: 30px;
    width: 80px
}

.step-area {
    display: flex;
    gap: 2rem;
    width: 100%
}

.step-area .step-header {
    align-items: center;
    background-color: var(--bs-primary);
    border-radius: .75rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: .75rem
}

.step-area .step-header .step-header-img {
    height: 1.5rem;
    width: 1.5rem
}

.step-area .step-header .step-header-title {
    color: var(--bs-white);
    font-size: 1rem;
    font-weight: 700
}

.step-area .step-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    margin-top: 1rem;
    width: 100%
}

.step-area .step-bar .step {
    background-color: var(--bs-neutral-10);
    border-radius: .5rem;
    display: block;
    flex: 1 1 0;
    height: .5rem
}

.step-area .step-bar .step.active, .step-area .step-bar .step.completed {
    background-color: var(--bs-primary)
}

.step-area .step-bar .step-progress {
    color: var(--bs-neutral-100);
    font-size: .75rem;
    font-weight: 700;
    margin-left: .25rem
}

.steps-register {
    padding-left: 40px;
    position: relative
}

.steps-register:before {
    background: repeating-linear-gradient(to bottom, var(--bs-neutral-30) 0, var(--bs-neutral-30) 6px, transparent 2px, transparent 10px);
    bottom: 15px;
    content: "";
    height: calc(100% - 60px);
    left: 11px;
    position: absolute;
    top: 15px;
    width: 2px
}

.steps-register .step {
    margin-bottom: 32px;
    position: relative
}

.steps-register .step .step-title {
    color: #333;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1.195rem
}

.steps-register .step .step-description {
    color: var(--bs-neutral-70);
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 0
}

.steps-register .step:before {
    align-items: center;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23B8B9BB'/%3E%3C/svg%3E"), #f4f6fd;
    border-radius: 50%;
    content: "";
    display: flex;
    height: 24px;
    justify-content: center;
    left: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.steps-register .step.active .step-title {
    color: #4285f4
}

.steps-register .step.active:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' fill='%233A7BF6'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23fff'/%3E%3C/svg%3E"), #f4f6fd
}

.steps-register .step.active:after:not(:first-child) {
    background: #4285f4;
    content: "";
    height: 46px;
    left: -29px;
    position: absolute;
    top: -45px;
    width: 2px;
    z-index: 1
}

.steps-register .step.completed:is(:last-child):after {
    background: #4285f4;
    content: "";
    height: 0;
    left: -29px;
    position: absolute;
    top: -45px;
    width: 0;
    z-index: 1
}

.steps-register .step.completed:after {
    background: #4285f4;
    content: "";
    height: 46px;
    left: -29px;
    position: absolute;
    top: 23px;
    width: 2px;
    z-index: 1
}

.steps-register .step.completed:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%2321B531' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.648 8.406c.48.53.467 1.373-.029 1.885l-5.166 5.334c-.486.501-1.258.5-1.742-.003l-2.333-2.424a1.397 1.397 0 0 1-.023-1.886 1.196 1.196 0 0 1 1.767-.025l1.464 1.521 4.295-4.433a1.196 1.196 0 0 1 1.767.031' clip-rule='evenodd'/%3E%3C/svg%3E"), #f4f6fd
}

@media screen and (min-width: 768px) {
    .onboarding-step-cover {
        background-color: #f4f6fd;
        border-right: 1px solid var(--bs-line-small);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 1.5rem 0;
        width: 40%
    }

    .step-area .step-bar {
        display: none
    }

    .step-area.step-lg {
        flex-direction: column
    }
}

@media screen and (min-width: 1024px) {
    .onboarding-step-cover {
        padding: 2.5rem 2.5rem 0;
        width: 25%
    }
}

.onboarding-step-form {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 4rem;
    padding: 1.5rem 1rem;
    margin-bottom: 4rem
}

@media screen and (min-width: 768px) {
    .onboarding-step-form {
        gap: 6rem;
        margin-left: 40%;
        padding: 1.5rem
    }

    .onboarding-step-form .form {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .onboarding-step-form {
        gap: 8rem;
        margin-left: 25%;
        padding: 2.5rem 5rem
    }

    .onboarding-step-form .form {
        max-width: 60%
    }
}

.input-file-box {
    flex-direction: row;
    gap: 1rem;
    padding: 1rem
}

.input-file-box, .input-file-box .input-file-icon {
    align-items: center;
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: flex
}

.input-file-box .input-file-icon {
    background-color: var(--bs-white);
    justify-content: center;
    padding: .75rem
}

.input-file-box .input-image-preview {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    height: 3rem;
    object-fit: cover;
    width: 3rem
}

.input-file-box .input-file-detail {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: center
}

.input-file-box .input-file-detail .file-detail-title {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 0
}

.input-file-box .input-file-detail .file-detail-subtitle {
    color: var(--bs-neutral-70);
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 0
}

.input-file-box .input-pdf-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='M22.667 16.633V23.3c0 .733-.6 1.333-1.334 1.333H7.573v.74a4.39 4.39 0 0 0 4.38 4.387H23.8a3.3 3.3 0 0 0 3.293-3.293v-16.42c0-.36-.1-.7-.28-1h-6.52V2.52c-.3-.18-.64-.28-1-.28H11.96a4.39 4.39 0 0 0-4.38 4.387v8.68h13.76c.733 0 1.333.6 1.333 1.333z'/%3E%3Cpath fill='%23ECECEC' d='m27.16 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84h-7.333a5.296 5.296 0 0 0-5.287 5.294v8.68h.906v-8.68a4.39 4.39 0 0 1 4.38-4.387h7.334c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v16.413c0 1.82-1.48 3.294-3.293 3.294H11.947a4.39 4.39 0 0 1-4.38-4.387v-.74H6.66v.74a5.296 5.296 0 0 0 5.287 5.293h11.847c2.313 0 4.2-1.886 4.2-4.2V10.047c0-.767-.3-1.487-.84-2.034z'/%3E%3Cpath fill='%23EB5757' d='M15.873 19.913q.058 0 .106-.02a.38.38 0 0 0 .2-.12.5.5 0 0 0 .1-.186.7.7 0 0 0 .027-.194.567.567 0 0 0-.127-.38.43.43 0 0 0-.2-.12l-.106-.02h-.86v1.034h.86z'/%3E%3Cpath fill='%23EB5757' d='M21.333 24.633c.734 0 1.334-.6 1.334-1.333v-6.667c0-.733-.6-1.333-1.334-1.333h-16C4.6 15.3 4 15.9 4 16.633V23.3c0 .733.6 1.333 1.333 1.333z'/%3E%3Cpath fill='%23fff' d='M8.85 22v-3.6h1.52a3 3 0 0 1 .3.02q.323.05.528.212.207.163.305.41.098.245.098.548t-.1.55a.96.96 0 0 1-.305.407q-.205.163-.525.213-.07.01-.16.015t-.14.005h-.84V22zm.68-1.855h.81q.053 0 .116-.005a.6.6 0 0 0 .115-.02.4.4 0 0 0 .212-.125.5.5 0 0 0 .103-.198.8.8 0 0 0 .03-.207.8.8 0 0 0-.03-.205.5.5 0 0 0-.103-.198.4.4 0 0 0-.212-.127.6.6 0 0 0-.115-.02 2 2 0 0 0-.115-.005h-.81zM12.104 22v-3.6h1.165l.175.002q.132.003.255.018.434.053.737.302.303.25.46.635.158.386.158.843 0 .458-.158.842a1.6 1.6 0 0 1-.46.635 1.4 1.4 0 0 1-.738.303 3 3 0 0 1-.254.017l-.175.003zm.69-.64h.475q.066 0 .182-.003.115-.004.208-.022a.66.66 0 0 0 .382-.22q.15-.172.22-.415.072-.242.072-.5 0-.27-.075-.513a1.1 1.1 0 0 0-.222-.41.67.67 0 0 0-.377-.212 1 1 0 0 0-.208-.023l-.182-.002h-.476zm2.86.64v-3.6h2.2v.68h-1.52v.78h1.22v.68h-1.22V22z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box .input-jpg-preview, .input-file-box .input-pdf-preview {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: block;
    height: 3.125rem;
    object-fit: contain;
    width: 3.125rem
}

.input-file-box .input-jpg-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='M19.627 2.52c-.3-.18-.64-.28-1-.28H9.96a4.39 4.39 0 0 0-4.38 4.387V22.96h20.853V10.047c0-.36-.1-.7-.28-1h-6.52V2.52z'/%3E%3Cpath fill='%232FA6EC' d='M5.573 25.373a4.39 4.39 0 0 0 4.38 4.387h13.18a3.3 3.3 0 0 0 3.294-3.293V22.96H5.573v2.42z'/%3E%3Cpath fill='%23ECECEC' d='m26.494 8.013-5.84-5.84a2.87 2.87 0 0 0-2.034-.84H9.954a5.296 5.296 0 0 0-5.287 5.294v18.746a5.296 5.296 0 0 0 5.287 5.294h13.18c2.313 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034m-.067 14.94v3.507c0 1.82-1.48 3.293-3.293 3.293H9.954a4.39 4.39 0 0 1-4.38-4.386V6.627a4.39 4.39 0 0 1 4.38-4.387h8.666c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v12.907z'/%3E%3Cpath fill='%23fff' d='M12.834 27.94a.96.96 0 0 1-.613-.193q-.239-.192-.347-.514l.58-.14a.33.33 0 0 0 .127.207q.108.088.226.087a.4.4 0 0 0 .18-.047.26.26 0 0 0 .134-.147.5.5 0 0 0 .033-.153v-2.293h.6v2.34q0 .108-.02.206a.6.6 0 0 1-.08.2.76.76 0 0 1-.347.334 1.1 1.1 0 0 1-.473.106zM14.4 27.88v-3.12h1.44c.054 0 .1.007.14.013a.96.96 0 0 1 .46.187q.179.141.267.353t.087.474q.002.261-.087.473a.9.9 0 0 1-.267.353q-.182.14-.453.187c-.04 0-.087.013-.14.013H15v1.06h-.586zm.594-1.607h.7999999999999999a.3.3 0 0 0 .1-.02c.08-.02.14-.06.186-.106a.4.4 0 0 0 .087-.174c.013-.066.027-.12.027-.18a.6.6 0 0 0-.114-.353.32.32 0 0 0-.186-.107l-.1-.02c-.034-.006-.067 0-.1 0h-.7zM18.52 27.94c-.193 0-.386-.033-.56-.107a1.3 1.3 0 0 1-.473-.313 1.5 1.5 0 0 1-.32-.507q-.12-.3-.12-.7 0-.52.2-.88c.133-.24.306-.426.533-.553.22-.127.473-.193.74-.193.4 0 .72.093.947.28.227.186.387.453.46.793l-.6.087a.9.9 0 0 0-.274-.434.75.75 0 0 0-.493-.166c-.2 0-.36.04-.493.126a.75.75 0 0 0-.294.374c-.06.16-.1.353-.1.566 0 .214.034.407.1.56q.102.232.294.374a.94.94 0 0 0 .493.14q.2.002.367-.067a.6.6 0 0 0 .273-.233q.11-.158.16-.407h-.493v-.453h1.12v.18q0 .451-.18.793-.181.35-.513.54c-.22.133-.48.193-.78.193z'/%3E%3Cpath fill='%23ECECEC' d='M18.5 11.267h-5a1.935 1.935 0 0 0-1.933 1.933v5c0 1.067.867 1.933 1.934 1.933h5a1.935 1.935 0 0 0 1.933-1.933v-5a1.935 1.935 0 0 0-1.933-1.933M12.435 18.2v-5c0-.587.48-1.067 1.067-1.067h5c.586 0 1.066.48 1.066 1.067v2.86l-1.466-1.36a.937.937 0 0 0-1.454.053l-3.346 4.494a1.066 1.066 0 0 1-.867-1.047m7.133 0a1.07 1.07 0 0 1-1.066 1.067h-4.134l3.027-4.02 2.173 1.993v.96'/%3E%3Cpath fill='%23ECECEC' d='M14.387 15.467a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box .input-png-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='M19.627 2.52c-.3-.18-.64-.28-1-.28H9.96a4.39 4.39 0 0 0-4.38 4.387V22.96h20.853V10.047c0-.36-.1-.7-.28-1h-6.52V2.52z'/%3E%3Cpath fill='%23A858DD' d='M5.573 25.373a4.39 4.39 0 0 0 4.38 4.387h13.18a3.3 3.3 0 0 0 3.294-3.293V22.96H5.573v2.42z'/%3E%3Cpath fill='%23ECECEC' d='m26.494 8.013-5.84-5.84a2.87 2.87 0 0 0-2.034-.84H9.954a5.296 5.296 0 0 0-5.287 5.294v18.746a5.296 5.296 0 0 0 5.287 5.294h13.18c2.313 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034m-.067 14.94v3.507c0 1.82-1.48 3.293-3.293 3.293H9.954a4.39 4.39 0 0 1-4.38-4.386V6.627a4.39 4.39 0 0 1 4.38-4.387h8.666c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v12.907z'/%3E%3Cpath fill='%23fff' d='M11.707 27.88v-3.12h1.44c.053 0 .1.007.14.013a.96.96 0 0 1 .46.187q.178.141.267.353.088.212.086.474c0 .173-.026.333-.086.473a.9.9 0 0 1-.267.353q-.181.14-.453.187c-.04 0-.087.013-.14.013h-.847v1.06h-.587zm.593-1.607h.7999999999999999a.3.3 0 0 0 .1-.02c.08-.02.14-.06.187-.106a.4.4 0 0 0 .087-.174c.013-.066.026-.12.026-.18a.6.6 0 0 0-.113-.353.32.32 0 0 0-.187-.107l-.1-.02c-.033-.006-.066 0-.1 0h-.7zM14.527 27.88v-3.12h.6l1.354 2.08v-2.08h.6v3.12h-.6l-1.354-2.08v2.08zM18.987 27.94c-.193 0-.387-.033-.56-.107a1.3 1.3 0 0 1-.473-.313 1.5 1.5 0 0 1-.32-.507q-.12-.3-.12-.7 0-.52.2-.88c.133-.24.306-.426.533-.553.22-.127.473-.193.74-.193.4 0 .72.093.947.28.226.186.386.453.46.793l-.6.087a.9.9 0 0 0-.274-.434.75.75 0 0 0-.493-.166c-.2 0-.36.04-.493.126a.75.75 0 0 0-.294.374c-.06.16-.1.353-.1.566 0 .214.034.407.1.56q.102.232.294.374a.94.94 0 0 0 .493.14q.198.002.367-.067a.6.6 0 0 0 .273-.233q.11-.158.16-.407h-.493v-.453h1.12v.18q0 .451-.18.793-.182.35-.514.54c-.22.133-.48.193-.78.193z'/%3E%3Cpath fill='%23ECECEC' d='M18.5 11.267h-5a1.935 1.935 0 0 0-1.933 1.933v5c0 1.067.867 1.933 1.934 1.933h5a1.935 1.935 0 0 0 1.933-1.933v-5a1.935 1.935 0 0 0-1.933-1.933M12.435 18.2v-5c0-.587.48-1.067 1.067-1.067h5c.586 0 1.066.48 1.066 1.067v2.86l-1.466-1.36a.937.937 0 0 0-1.454.053l-3.346 4.494a1.066 1.066 0 0 1-.867-1.047m7.133 0a1.07 1.07 0 0 1-1.066 1.067h-4.134l3.027-4.02 2.173 1.993v.96'/%3E%3Cpath fill='%23ECECEC' d='M14.387 15.467a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box .input-csv-preview, .input-file-box .input-png-preview {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: block;
    height: 3.125rem;
    object-fit: contain;
    width: 3.125rem
}

.input-file-box .input-csv-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='m26.493 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84H9.953a5.296 5.296 0 0 0-5.286 5.294v18.746a5.296 5.296 0 0 0 5.286 5.294h13.18c2.314 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034'/%3E%3Cpath fill='%233A7BF6' d='M5.573 25.373a4.39 4.39 0 0 0 4.38 4.387h13.18a3.3 3.3 0 0 0 3.294-3.293V22.96H5.573v2.42zm12.68-.553.76 2.507.774-2.507h.593l-.933 3.047h-.86l-.934-3.047h.6m-1.32 2.093s-.026-.053-.046-.08c-.02-.026-.054-.046-.087-.073q-.059-.03-.147-.06l-.793-.233c-.06-.02-.127-.04-.207-.074a.9.9 0 0 1-.226-.133.7.7 0 0 1-.18-.227.8.8 0 0 1-.074-.36c0-.206.054-.373.154-.513s.24-.233.413-.3.36-.1.573-.1c.214 0 .4.04.56.107q.241.099.414.3.17.198.24.486l-.62.107a.57.57 0 0 0-.347-.4 1 1 0 0 0-.26-.06.6.6 0 0 0-.253.04.44.44 0 0 0-.194.12.27.27 0 0 0-.073.187q0 .1.06.16.061.06.153.1.092.037.194.066l.526.147q.12.028.26.087c.094.04.187.08.274.146q.13.09.22.24.088.15.086.38a.86.86 0 0 1-.1.427.9.9 0 0 1-.273.3 1.3 1.3 0 0 1-.393.18 1.7 1.7 0 0 1-1.067-.06 1.14 1.14 0 0 1-.447-.34 1.1 1.1 0 0 1-.22-.533l.6-.087a.68.68 0 0 0 .26.407c.134.1.287.14.454.14a.8.8 0 0 0 .273-.047.5.5 0 0 0 .22-.133.28.28 0 0 0 .087-.214c0-.033 0-.06-.014-.086zm-5.026-1.406q.178-.36.506-.56a1.5 1.5 0 0 1 .787-.2c.347 0 .647.086.88.26q.36.258.5.706l-.58.16a.83.83 0 0 0-.287-.433.85.85 0 0 0-.52-.153.87.87 0 0 0-.486.126.8.8 0 0 0-.294.367c-.066.16-.1.34-.1.553s.034.394.1.554c.067.153.16.28.294.366a.85.85 0 0 0 .486.127.85.85 0 0 0 .52-.153A.85.85 0 0 0 14 26.8l.58.16c-.1.293-.267.533-.5.707q-.36.26-.88.26-.459 0-.787-.2a1.3 1.3 0 0 1-.506-.56c-.12-.24-.18-.514-.18-.834s.06-.593.18-.833z'/%3E%3Cpath fill='%23fff' d='M12.413 27.727c.22.133.487.2.787.2.347 0 .647-.087.88-.26q.36-.259.5-.707L14 26.8a.8.8 0 0 1-.287.427.85.85 0 0 1-.52.153.87.87 0 0 1-.486-.127.8.8 0 0 1-.294-.366c-.066-.16-.1-.34-.1-.554 0-.213.034-.393.1-.553a.8.8 0 0 1 .294-.367.85.85 0 0 1 .486-.126q.32.002.52.153.199.152.287.433l.58-.16a1.43 1.43 0 0 0-.5-.706q-.36-.26-.88-.26-.459 0-.787.2a1.3 1.3 0 0 0-.506.56c-.114.24-.18.513-.18.833s.06.593.18.833.286.427.506.56zM16.647 27.347a1 1 0 0 1-.274.046.78.78 0 0 1-.453-.14.64.64 0 0 1-.26-.406l-.6.086q.05.312.22.534c.113.146.267.26.447.34q.271.12.613.12c.153 0 .307-.02.453-.06q.222-.06.394-.18a.9.9 0 0 0 .273-.3c.067-.12.1-.267.1-.427a.695.695 0 0 0-.307-.62 1.6 1.6 0 0 0-.273-.147c-.093-.04-.18-.06-.26-.086l-.527-.147a2 2 0 0 1-.193-.067.4.4 0 0 1-.153-.1.22.22 0 0 1-.06-.16q.001-.108.073-.186a.5.5 0 0 1 .193-.12.8.8 0 0 1 .254-.04q.14 0 .26.06a.6.6 0 0 1 .22.153c.06.067.1.153.126.247l.62-.107a1.15 1.15 0 0 0-.24-.487 1.04 1.04 0 0 0-.413-.3 1.5 1.5 0 0 0-.56-.106q-.312 0-.573.1a.95.95 0 0 0-.414.3c-.106.133-.153.306-.153.513 0 .147.027.267.073.36a.6.6 0 0 0 .18.227c.074.06.147.1.227.133s.147.053.207.073l.793.234q.088.03.147.06a.24.24 0 0 1 .086.073q.029.04.047.08c.013.027.013.06.013.087a.28.28 0 0 1-.086.213c-.06.06-.134.1-.22.133zM19.447 27.867l.933-3.047h-.593l-.774 2.5-.76-2.5h-.593l.927 3.046z'/%3E%3Cpath fill='%23E7E8E8' d='M8.293 20.173h15.414v-8.166H8.293zm8.3-7.26H22.8v2.72h-6.207zm0 3.634H22.8v2.72h-6.207zM9.2 12.913h6.487v2.72H9.2zm0 3.634h6.487v2.72H9.2z'/%3E%3Cpath fill='%23E7E8E8' d='m26.493 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84H9.953a5.296 5.296 0 0 0-5.286 5.294v18.746a5.296 5.296 0 0 0 5.286 5.294h13.18c2.314 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034m-.066 14.94v3.507c0 1.82-1.48 3.293-3.294 3.293H9.953a4.39 4.39 0 0 1-4.38-4.386V6.627a4.39 4.39 0 0 1 4.38-4.387h8.667c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v12.907z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box .input-xls-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='m26.493 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84H9.953a5.296 5.296 0 0 0-5.286 5.294v18.746a5.296 5.296 0 0 0 5.286 5.294h13.18c2.314 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034'/%3E%3Cpath fill='%23009245' d='M5.573 25.373a4.39 4.39 0 0 0 4.38 4.387h13.18a3.3 3.3 0 0 0 3.294-3.293V22.96H5.573v2.42z'/%3E%3Cpath fill='%23ECECEC' d='M8.293 20.173h15.414v-8.166H8.293zm8.3-7.26H22.8v2.72h-6.207zm0 3.634H22.8v2.72h-6.207zM9.2 12.913h6.487v2.72H9.2zm0 3.634h6.487v2.72H9.2z'/%3E%3Cpath fill='%23ECECEC' d='m26.493 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84H9.953a5.296 5.296 0 0 0-5.286 5.294v18.746a5.296 5.296 0 0 0 5.286 5.294h13.18c2.314 0 4.2-1.887 4.2-4.2v-16.42c0-.767-.3-1.487-.84-2.034m-.066 14.94v3.507c0 1.82-1.48 3.293-3.294 3.293H9.953a4.39 4.39 0 0 1-4.38-4.386V6.627a4.39 4.39 0 0 1 4.38-4.387h8.667c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v12.907z'/%3E%3Cpath fill='%23fff' d='m10.88 28.28 1.027-1.453L10.9 25.4h.853l.574.853.566-.853h.854l-1.007 1.427 1.033 1.453h-.853l-.593-.887-.6.887h-.854zM14.26 28.28v-3.92h.727v3.92zM15.467 28.28l1.026-1.453-1.006-1.427h.853l.573.853.567-.853h.853l-1.006 1.427 1.033 1.453h-.853l-.594-.887-.6.887h-.853zM19.913 28.36q-.54.002-.88-.247c-.22-.166-.36-.4-.406-.7l.74-.113q.05.2.2.32a.67.67 0 0 0 .393.113.56.56 0 0 0 .307-.073.24.24 0 0 0 .106-.213c0-.06-.013-.1-.04-.14-.026-.034-.093-.067-.193-.1q-.15-.052-.46-.134a2.7 2.7 0 0 1-.56-.2.8.8 0 0 1-.307-.267.75.75 0 0 1-.093-.38q0-.279.14-.48a.9.9 0 0 1 .4-.313q.258-.111.607-.113c.233 0 .426.033.6.107.173.073.313.166.42.293q.16.192.2.453l-.74.134a.36.36 0 0 0-.14-.254.58.58 0 0 0-.327-.107.6.6 0 0 0-.32.054c-.08.047-.12.107-.12.193 0 .047.02.093.053.127a.7.7 0 0 0 .214.107q.16.05.5.14c.22.06.393.12.526.2.134.08.227.166.287.273q.092.16.093.38 0 .441-.32.693-.318.252-.886.253z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box .input-xls-preview, .input-file-box .input-zip-preview {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: block;
    height: 3.125rem;
    object-fit: contain;
    width: 3.125rem
}

.input-file-box .input-zip-preview {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 0H0v32h32z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='M22.667 16.633V23.3c0 .733-.6 1.333-1.334 1.333H7.573v.74a4.39 4.39 0 0 0 4.38 4.387H23.8a3.3 3.3 0 0 0 3.293-3.293v-16.42c0-.36-.1-.7-.28-1h-6.52V2.52c-.3-.18-.64-.28-1-.28H11.96a4.39 4.39 0 0 0-4.38 4.387v8.68h13.76c.733 0 1.333.6 1.333 1.333z'/%3E%3Cpath fill='%23E7E8E8' d='m27.16 8.013-5.84-5.84a2.87 2.87 0 0 0-2.033-.84h-7.334a5.296 5.296 0 0 0-5.286 5.294v8.68h.906v-8.68a4.39 4.39 0 0 1 4.38-4.387h7.334c.36 0 .7.1 1 .28v6.52h6.52c.18.3.28.64.28 1v16.413c0 1.82-1.48 3.294-3.294 3.294H11.947a4.39 4.39 0 0 1-4.38-4.387v-.74H6.66v.74a5.296 5.296 0 0 0 5.287 5.293h11.846c2.314 0 4.2-1.886 4.2-4.2V10.047c0-.767-.3-1.487-.84-2.034z'/%3E%3Cpath fill='%23EB5757' d='M15.873 19.913q.059 0 .107-.02a.38.38 0 0 0 .2-.12.5.5 0 0 0 .1-.186.7.7 0 0 0 .027-.194.567.567 0 0 0-.127-.38.43.43 0 0 0-.2-.12l-.107-.02h-.86v1.034h.86z'/%3E%3Cpath fill='%23EB5757' d='M21.333 24.633c.734 0 1.334-.6 1.334-1.333v-6.667c0-.733-.6-1.333-1.334-1.333h-16C4.6 15.3 4 15.9 4 16.633V23.3c0 .733.6 1.333 1.333 1.333zm-6.96-6.346h1.554c.053 0 .106.006.146.013q.302.05.494.2.188.15.286.38c.06.153.094.326.094.513q-.002.282-.094.514a.85.85 0 0 1-.286.38q-.192.15-.494.2c-.046 0-.093.013-.146.013h-.92v1.14h-.634v-3.36zm-1.333 0h.633v3.36h-.633zm-3.313 3.28 1.593-2.687H9.867v-.593h2.566v.08l-1.586 2.68h1.54v.6h-2.66z'/%3E%3Cpath fill='%23fff' d='M12.387 21.053h-1.54l1.586-2.686v-.08H9.867v.593h1.453l-1.593 2.687v.08h2.66zM13.673 18.287h-.633v3.36h.633zM15.007 20.513h.92a1.1 1.1 0 0 0 .64-.213.96.96 0 0 0 .286-.38c.06-.154.094-.327.094-.514 0-.186-.034-.36-.094-.513a.85.85 0 0 0-.286-.38 1.1 1.1 0 0 0-.494-.2c-.046-.006-.093-.013-.146-.013h-1.5539999999999998v3.36h.634v-1.1469999999999998m0-1.633h.86q.058 0 .106.02c.087.027.154.06.2.12.047.053.08.12.1.186q.029.102.027.194a.565.565 0 0 1-.127.38.42.42 0 0 1-.2.12l-.106.02h-.86v-1.0399999999999998'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), var(--bs-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.input-file-box:hover {
    background-color: var(--bs-blue-light-90);
    cursor: pointer;
    transition: all .3s linear
}

.placeholder-image {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg fill='%23B8B9BB' mask='url(%23a)'%3E%3Cpath d='m4.26 15.41-.03-.1c-.1-.35-.14-.64-.14-.94V8.48l-2.02 6.99c-.26 1.03.33 2.1 1.33 2.38l12.89 3.58q.24.06.48.06c.83 0 1.59-.57 1.8-1.41l.75-2.47H7.21c-1.33 0-2.52-.89-2.95-2.2M9.5 5.09c-.92 0-1.67.77-1.67 1.73s.75 1.73 1.67 1.73 1.67-.77 1.67-1.73-.75-1.73-1.67-1.73'/%3E%3Cpath d='M19.92 2.5H7.42c-1.15 0-2.08.97-2.08 2.16v9.5c0 1.19.94 2.16 2.08 2.16h12.5c1.15 0 2.08-.97 2.08-2.16v-9.5c0-1.19-.94-2.16-2.08-2.16m.41 8.29L17.7 7.61c-.28-.34-.68-.52-1.12-.53-.43 0-.84.2-1.11.54l-3.1 3.85-1.01-1.04c-.57-.59-1.5-.59-2.07 0l-2.3 2.38V4.66c0-.24.19-.43.42-.43h12.5c.23 0 .42.19.42.43z'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    height: 24px;
    width: 24px
}

.placeholder-csv {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='48' height='48' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M48 0H0v48h48z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='m39.74 12.02-8.76-8.76C30.17 2.45 29.08 2 27.93 2h-13C10.56 2 7 5.56 7 9.94v28.12C7 42.44 10.56 46 14.93 46H34.7c3.47 0 6.3-2.83 6.3-6.3V15.07c0-1.15-.45-2.23-1.26-3.05'/%3E%3Cpath fill='%233A7BF6' d='M8.36 38.06c0 3.63 2.95 6.58 6.57 6.58H34.7a4.95 4.95 0 0 0 4.94-4.94v-5.26H8.36v3.63zm19.02-.83 1.14 3.76 1.16-3.76h.89l-1.4 4.57h-1.29l-1.4-4.57h.9m-1.98 3.14s-.04-.08-.07-.12-.08-.07-.13-.11c-.06-.03-.13-.06-.22-.09l-1.19-.35c-.09-.03-.19-.06-.31-.11s-.23-.11-.34-.2-.2-.2-.27-.34-.11-.32-.11-.54c0-.31.08-.56.23-.77s.36-.35.62-.45.54-.15.86-.15.6.06.84.16.45.25.62.45.29.44.36.73l-.93.16a.856.856 0 0 0-.52-.6q-.195-.075-.39-.09c-.14 0-.26.01-.38.06-.12.04-.22.1-.29.18a.4.4 0 0 0-.11.28q0 .15.09.24c.06.06.14.11.23.15s.19.07.29.1l.79.22c.12.03.25.07.39.13s.28.12.41.22q.195.135.33.36c.09.15.13.34.13.57 0 .25-.05.46-.15.64s-.24.33-.41.45-.37.21-.59.27-.44.09-.68.09c-.34 0-.64-.06-.92-.18s-.49-.29-.67-.51c-.17-.22-.29-.49-.33-.8l.9-.13c.06.26.19.46.39.61s.43.21.68.21c.14 0 .28-.02.41-.07.13-.04.24-.11.33-.2s.13-.19.13-.32c0-.05 0-.09-.02-.13zm-7.54-2.11c.18-.36.43-.64.76-.84s.73-.3 1.18-.3c.52 0 .97.13 1.32.39.36.26.61.61.75 1.06l-.87.24c-.08-.28-.23-.49-.43-.65-.2-.15-.46-.23-.78-.23-.29 0-.53.06-.73.19-.19.13-.34.31-.44.55s-.15.51-.15.83.05.59.15.83c.1.23.24.42.44.55.19.13.44.19.73.19.32 0 .58-.08.78-.23s.34-.37.43-.64l.87.24c-.15.44-.4.8-.75 1.06q-.54.39-1.32.39c-.46 0-.85-.1-1.18-.3s-.59-.48-.76-.84c-.18-.36-.27-.77-.27-1.25s.09-.89.27-1.25z'/%3E%3Cpath fill='%23fff' d='M18.62 41.59c.33.2.73.3 1.18.3.52 0 .97-.13 1.32-.39.36-.26.61-.61.75-1.06L21 40.2c-.08.28-.23.49-.43.64s-.46.23-.78.23c-.29 0-.53-.06-.73-.19-.19-.13-.34-.31-.44-.55s-.15-.51-.15-.83.05-.59.15-.83c.1-.23.24-.42.44-.55.19-.13.44-.19.73-.19.32 0 .58.08.78.23s.34.37.43.65l.87-.24c-.15-.44-.4-.8-.75-1.06q-.54-.39-1.32-.39c-.46 0-.85.1-1.18.3s-.59.48-.76.84-.27.77-.27 1.25.09.89.27 1.25.43.64.76.84zM24.97 41.02c-.13.04-.27.07-.41.07-.25 0-.48-.07-.68-.21a.96.96 0 0 1-.39-.61l-.9.13c.05.31.16.58.33.8s.4.39.67.51.58.18.92.18c.23 0 .46-.03.68-.09s.42-.15.59-.27.31-.27.41-.45.15-.4.15-.64c0-.23-.04-.42-.13-.57s-.19-.27-.33-.36c-.13-.09-.27-.16-.41-.22s-.27-.09-.39-.13l-.79-.22c-.1-.03-.19-.06-.29-.1a.7.7 0 0 1-.23-.15.32.32 0 0 1-.09-.24c0-.11.04-.2.11-.28.08-.08.17-.14.29-.18s.25-.06.38-.06q.21 0 .39.09c.13.05.23.13.33.23.09.1.15.23.19.37l.93-.16c-.07-.29-.19-.53-.36-.73s-.37-.35-.62-.45-.53-.16-.84-.16-.6.05-.86.15-.46.25-.62.45-.23.46-.23.77c0 .22.04.4.11.54s.16.26.27.34c.11.09.22.15.34.2s.22.08.31.11l1.19.35c.09.03.16.06.22.09s.1.07.13.11.05.08.07.12.02.09.02.13c0 .13-.04.23-.13.32s-.2.15-.33.2zM29.17 41.8l1.4-4.57h-.89l-1.16 3.75-1.14-3.75h-.89l1.39 4.57z'/%3E%3Cpath fill='%23ECECEC' d='M12.44 30.26h23.12V18.01H12.44zm12.45-10.89h9.31v4.08h-9.31zm0 5.45h9.31v4.08h-9.31zM13.8 19.37h9.73v4.08H13.8zm0 5.45h9.73v4.08H13.8z'/%3E%3Cpath fill='%23ECECEC' d='m39.74 12.02-8.76-8.76C30.17 2.45 29.08 2 27.93 2h-13C10.56 2 7 5.56 7 9.94v28.12C7 42.44 10.56 46 14.93 46H34.7c3.47 0 6.3-2.83 6.3-6.3V15.07c0-1.15-.45-2.23-1.26-3.05m-.1 22.41v5.26c0 2.73-2.22 4.94-4.94 4.94H14.93c-3.62 0-6.57-2.95-6.57-6.58V9.94c0-3.63 2.95-6.58 6.57-6.58h13c.54 0 1.05.15 1.5.42v9.78h9.78c.27.45.42.96.42 1.5v19.36z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h48v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    height: 3rem;
    width: 3rem
}

.flash-message-warning {
    background-color: rgba(255, 167, 0, .08);
    color: var(--bs-warning)
}

.flash-message-danger, .flash-message-warning {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    font-weight: 400;
    gap: .75rem;
    padding: .5rem 1rem
}

.flash-message-danger {
    background-color: #fdebeb;
    border: 1px solid #fecbcb;
    color: var(--bs-danger)
}

.icon-warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23FFA700' d='M8 14.667A6.67 6.67 0 0 1 1.333 8 6.67 6.67 0 0 1 8 1.334 6.67 6.67 0 0 1 14.667 8 6.67 6.67 0 0 1 8 14.667m.953-9.487a.953.953 0 1 0-1.906 0v2.78a.953.953 0 1 0 1.906 0zM8 9.98a.953.953 0 1 0 0 1.906.953.953 0 0 0 0-1.906'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 1rem;
    width: 1rem
}

.icon-remove {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg fill='%23EB5757' mask='url(%23b)'%3E%3Cpath d='M19.72 9.49c0 .07-.54 6.81-.85 9.65-.05 1.61-1.41 2.87-3.03 2.83-1.31.03-2.59.04-3.84.04-1.34 0-2.64-.01-3.91-.04-1.6 0-2.91-1.25-2.96-2.83-.32-2.85-.84-9.58-.86-9.65-.01-.2.06-.4.19-.56a.72.72 0 0 1 .53-.23H19c.2 0 .39.09.53.23.14.15.2.36.18.56' opacity='.4'/%3E%3Cpath d='M21.09 5.98c0-.4-.32-.73-.72-.73h-2.95c-.61 0-1.13-.43-1.25-1.02l-.16-.73A2 2 0 0 0 14.09 2H9.92c-.93.01-1.73.65-1.93 1.55l-.15.68c-.13.59-.65 1.01-1.25 1.02H3.64c-.4 0-.73.33-.72.73v.38c0 .4.32.72.72.73h16.74c.4 0 .72-.33.72-.73v-.38z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

.icon-remove:hover {
    cursor: pointer
}

.icon-arrow-right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23B8B9BB' d='M9.267 6.791a1.04 1.04 0 0 0 0 1.39l3.535 3.822-3.535 3.822a1.04 1.04 0 0 0 0 1.389.86.86 0 0 0 1.284 0l4.182-4.522a1.04 1.04 0 0 0 0-1.389l-4.182-4.522a.87.87 0 0 0-1.284.01'/%3E%3C/svg%3E");
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

.icon-clipboard {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='16' height='17' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 .5H0v16h16z'/%3E%3C/mask%3E%3Cg fill='%2312161C' mask='url(%23b)'%3E%3Cpath d='M11.334 4.5h-4c-1.1 0-2 .9-2 2v6.667c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V6.5c0-1.1-.9-2-2-2m.667 8.667c0 .366-.3.666-.667.666h-4a.67.67 0 0 1-.667-.666V6.5c0-.367.3-.667.667-.667h4c.367 0 .667.3.667.667z'/%3E%3Cpath d='M10.667 2.5c0-.366-.3-.666-.667-.666H4.667c-1.1 0-2 .9-2 2v8c0 .367.3.667.667.667.366 0 .666-.3.666-.667v-8c0-.367.3-.667.667-.667H10c.367 0 .667-.3.667-.666'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.icon-clipboard, .icon-eye {
    display: block;
    height: 1rem;
    width: 1rem
}

.icon-eye {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg fill='%2312161C' mask='url(%23a)'%3E%3Cpath d='m13.813 7.42-1.186-1.606-.02-.027a6 6 0 0 0-.407-.52 5 5 0 0 0-.473-.473h-.014c-.126-.107-.26-.22-.393-.327a9 9 0 0 0-.413-.286 6 6 0 0 0-1.227-.567 6 6 0 0 0-.993-.227 6 6 0 0 0-.34-.033A3 3 0 0 0 8 3.334c-.113 0-.233 0-.347.02q-.17.012-.34.033c-.226.034-.453.08-.673.134-.107.026-.213.06-.327.093-.226.067-.44.153-.653.26a2 2 0 0 0-.207.107 5 5 0 0 0-.313.173c-.307.187-.867.633-.867.633a5.4 5.4 0 0 0-.886 1c-.007 0-.014.02-.02.027L2.5 6.987l.867-1.18s.013-.02.02-.026H3.38s-.013.02-.02.026L2.193 7.394l-.02.027a1 1 0 0 0 0 1.16l.54.733.64.873q.202.29.434.547a4.84 4.84 0 0 0 1.033.907q.11.078.22.146c.153.1.313.2.48.28.06.034.12.06.18.087a.1.1 0 0 0 .04.013c.387.174.8.307 1.22.394.093.02.193.033.287.053.013 0 .026.007.04.007h.033q.16.021.32.033a3 3 0 0 0 .7 0q.16-.012.32-.033h.033l.327-.06c.113-.02.22-.047.333-.074a6 6 0 0 0 1.107-.42c.007-.006.02-.006.027-.013q.178-.092.346-.193c.067-.047.134-.087.2-.134.04-.026.087-.053.127-.086.193-.12.387-.267.56-.427.167-.147.32-.307.473-.473h-.013c.16-.18.3-.36.44-.547l1.187-1.607a1 1 0 0 0 0-1.16zM8 10.668a2.666 2.666 0 1 1 0-5.333 2.666 2.666 0 1 1 0 5.333'/%3E%3Cpath d='M9.44 6.6s-.026-.027-.046-.033a1.94 1.94 0 0 0-1-.527c-.074-.013-.14-.027-.214-.033a.334.334 0 0 0-.353.306c-.013.18.127.34.307.36.04 0 .073.007.133.02.033 0 .067.014.113.027q.14.04.247.1c.127.067.233.153.327.253a.3.3 0 0 0 .046.04q.089.098.167.227a.33.33 0 0 0 .453.12.33.33 0 0 0 .12-.453 1.9 1.9 0 0 0-.306-.4z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-eye-hide {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg fill='%2312161C' mask='url(%23a)'%3E%3Cpath d='M6.087 9.847a3 3 0 0 1-.4-.533h.007c-.06-.113-.114-.213-.16-.327a2.7 2.7 0 0 1-.18-.72c0-.086-.014-.173-.014-.266q0-.179.02-.347c.02-.113.04-.227.074-.333q.04-.162.1-.334l.02-.046c.026-.067.053-.14.1-.207q.008-.03.026-.06c.034-.053.06-.107.107-.16a.9.9 0 0 1 .153-.207q.06-.088.14-.166h.007a3 3 0 0 1 .64-.487c.08-.04.153-.08.233-.107q.118-.061.247-.093a.05.05 0 0 1 .027-.013c.073-.027.146-.04.226-.054.087-.02.18-.033.267-.04q.01-.008.02-.006c.173-.02.34-.02.513 0q.13.01.26.04.01.008.02.006.121.012.234.054.261.078.493.206a.14.14 0 0 0 .053.034c.094.053.18.106.267.173.013.013.027.02.04.033.093.067.18.147.26.227 0 .013.02.02.033.033h.007c.16.154.293.334.407.527l1.873-1.407 1.333-1a.34.34 0 0 0 .067-.466.33.33 0 0 0-.467-.067l-1.406 1.06h-.014l-.006.007a6 6 0 0 0-.387-.334 9 9 0 0 0-.413-.286 6 6 0 0 0-1.227-.567 6 6 0 0 0-.993-.227 6 6 0 0 0-.34-.033 3 3 0 0 0-.347-.02c-.113 0-.233 0-.347.02q-.17.012-.34.033c-.226.034-.453.08-.673.134-.107.026-.213.06-.327.093-.226.067-.44.153-.653.26a2 2 0 0 0-.207.107 5 5 0 0 0-.313.173 5.4 5.4 0 0 0-.853.647l-.014-.014a5.4 5.4 0 0 0-.886 1l-.02.027-1.187 1.607a1 1 0 0 0 0 1.16l1.187 1.606q.21.28.44.54H3.8l-1.333 1.007a.337.337 0 0 0-.067.467c.114.146.32.173.467.066l1.407-1.06L6.08 9.854h.007z'/%3E%3Cpath d='M9.394 6.56a1.94 1.94 0 0 0-1-.526c-.074-.013-.14-.026-.214-.033a.334.334 0 0 0-.353.307c-.013.18.127.34.307.36.04 0 .073.006.133.02.033 0 .067.013.113.026q.14.04.247.1c.127.067.233.154.327.254.013.013.033.033.046.04q.089.098.167.226a.33.33 0 0 0 .453.12.33.33 0 0 0 .12-.453 1.9 1.9 0 0 0-.306-.4c-.014-.013-.027-.027-.047-.033zM13.814 7.42l-1.187-1.606s-.013-.02-.02-.027L10.581 7.3q.088.34.086.68V8c0 .094-.006.18-.02.274v.04s0 .02-.007.04c0 .046-.013.1-.026.146 0 .014-.007.027-.007.04-.006.04-.02.08-.026.12l-.02.067q-.042.13-.094.26-.07.16-.16.32h.007l.006.007c-.026.046-.06.093-.093.14a2.5 2.5 0 0 1-.307.393l-.04.04q-.1.102-.22.193a2 2 0 0 1-.286.194c-.107.06-.214.12-.32.166-.127.06-.26.094-.4.134q-.12.032-.24.053a3 3 0 0 1-.22.027c-.06 0-.127.013-.187.013q-.18.002-.36-.027-.182-.021-.353-.073a2.5 2.5 0 0 1-.66-.287H6.62l-1.793 1.354c0 .006.007.006.007.006.073.054.146.1.22.147a4.3 4.3 0 0 0 .66.367q.02.011.04.013c.386.173.8.307 1.22.393.093.02.193.034.286.054.014 0 .027.006.04.006h.034q.16.022.32.034a3 3 0 0 0 .7 0 5 5 0 0 0 .32-.034h.033l.327-.06c.113-.02.22-.046.333-.073a6 6 0 0 0 1.107-.42c0-.007.02-.007.027-.013q.178-.092.346-.194c.067-.046.133-.086.2-.133.04-.027.087-.053.127-.087.193-.12.386-.266.56-.426a6 6 0 0 0 .473-.474h-.013c.16-.18.3-.36.44-.546l1.186-1.607a1 1 0 0 0 0-1.16z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-edit, .icon-eye-hide {
    display: block;
    height: 1rem;
    width: 1rem
}

.icon-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23FFA700' d='M9.514 14a.684.684 0 1 1 0-1.368h3.802a.683.683 0 1 1 0 1.368zm-6.944-.282-.534-2.298c-.096-.42 0-.858.264-1.2l4.15-5.37a.206.206 0 0 1 .282-.036l1.745 1.392c.12.096.276.144.432.12a.63.63 0 0 0 .545-.696.7.7 0 0 0-.221-.426L7.535 3.842a.25.25 0 0 1-.042-.348l.654-.852a1.72 1.72 0 0 1 2.417-.264q.055.045.102.09l.983.78c.384.288.654.702.762 1.17.108.48-.012.984-.324 1.362L6.24 13.352c-.258.336-.66.54-1.085.546l-2.327.03a.27.27 0 0 1-.264-.21z'/%3E%3C/g%3E%3C/svg%3E")
}

.link-group {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    padding: 1.25rem
}

.link-group .link-group-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.link-group .link-group-header > .d-flex {
    gap: 2px
}

.link-group .link-group-header > .d-flex .h5, .link-group .link-group-header > .d-flex h5 {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0
}

.link-group .link-group-header > .d-flex p {
    color: var(--bs-neutral-70);
    font-size: .75rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0
}

.link-group .link-group-body {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.link-group .link-group-body .link-group-item {
    align-items: center;
    display: flex;
    gap: 1rem
}

.link-group .link-group-body .link-group-item:first-child {
    padding-top: 1.25rem
}

.link-group .link-group-body .link-group-item:first-child .icon-remove {
    display: none
}

.action-bottom {
    align-items: center;
    background-color: var(--bs-white);
    bottom: 0;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    padding: 1rem;
    position: fixed;
    width: 100%;
    z-index: 1020
}

@media screen and (min-width: 768px) {
    .action-bottom {
        display: none
    }
}

.content {
    gap: 1.5rem;
    margin: 0;
    padding: 1rem
}

.content, .content .content-header {
    display: flex;
    flex-direction: column
}

.content .content-header .header-title {
    color: var(--bs-neutral-100);
    font-size: 1.5rem;
    font-weight: bolder;
    margin-bottom: 0
}

.content .content-header .header-sub {
    margin-top: .25rem
}

@media screen and (min-width: 1024px) {
    .content {
        margin-left: 17.5rem;
        padding: 2rem
    }
}

.list-selectable {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-selectable > li {
    border-bottom: 1px solid var(--bs-line-small);
    cursor: pointer;
    transition: all .15s linear
}

.list-selectable > li:last-child {
    border-bottom: 0
}

.list-selectable > li:hover {
    background-color: var(--bs-line-medium)
}

.notification-group li {
    display: flex
}

.notification-group li .notif-item {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    padding: 1.5rem
}

.notification-group li .notif-item .notif-item-badge {
    display: block;
    height: 24px;
    margin-right: 1rem;
    padding: 6px;
    position: relative;
    width: 24px
}

.notification-group li .notif-item .notif-item-badge:after {
    background-color: transparent;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 12px;
    position: absolute;
    width: 12px
}

.notification-group li .notif-item .notif-item-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-right: 1rem
}

.notification-group li .notif-item .notif-item-body .notif-item-title {
    color: var(--bs-neutral-100);
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.notification-group li .notif-item .notif-item-body .notif-item-description {
    color: var(--bs-neutral-70);
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.notification-group li .notif-item .notif-item-date {
    color: var(--bs-neutral-100);
    display: none;
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 0
}

.notification-group li .notif-item.item-unread .notif-item-badge:after {
    background-color: var(--bs-danger)
}

.notification-group li .notif-item.item-unread .notif-item-body .notif-item-title {
    font-weight: bolder
}

@media screen and (min-width: 768px) {
    .notification-group li .notif-item .notif-item-date {
        display: block;
        flex: 0;
        min-width: 180px;
        text-align: right
    }
}

.card-summary {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 146px;
    padding: 1.5rem
}

.card-summary .summary-title {
    color: var(--bs-neutral-70);
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 0
}

.card-summary .summary-value {
    color: var(--bs-neutral-100);
    font-size: 1.185rem;
    font-weight: bolder;
    margin-bottom: 0
}

.card-summary .summary-progress {
    background-color: #f4f4f4;
    border-radius: 10px;
    height: 6px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card-summary .summary-progress .progress {
    background: repeating-linear-gradient(to right, var(--bs-success) 0, var(--bs-success) 94%, var(--bs-warning) 94%, var(--bs-warning) 98%, var(--bs-danger) 98%, var(--bs-danger) 100%);
    border-radius: 6px;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .card-summary {
        flex: 1 1 auto
    }
}

.card-background {
    background: url(../img/img-background-mesh.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.card-background .card-body {
    padding: 1.5rem
}

.card-background .card-body .divider {
    background-color: var(--bs-white);
    display: block;
    height: 1px;
    opacity: .4;
    width: 100%
}

.card-background.line-bottom:after {
    background-color: rgba(18, 22, 28, .24);
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    bottom: 0;
    content: " ";
    display: block;
    height: 24px;
    left: 0;
    right: 0
}

.card-accordion {
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-width: 1.25rem
}

.card-accordion .card-header {
    border-radius: .75rem;
    cursor: pointer
}

.card-accordion .card-header .card-title {
    align-items: center;
    display: flex;
    font-size: 1rem;
    position: relative
}

.card-accordion .card-header .card-title:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23595C60' d='M17.21 9.269a1.04 1.04 0 0 0-1.388 0l-3.823 3.535L8.177 9.27a1.04 1.04 0 0 0-1.389 0 .86.86 0 0 0 0 1.285l4.522 4.182a1.04 1.04 0 0 0 1.389 0l4.522-4.182a.87.87 0 0 0-.01-1.285'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: 1.25rem;
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
    width: 1.25rem
}

.card-accordion .card-header:not(.collapsed) .card-title:after {
    transform: var(--bs-accordion-btn-icon-transform)
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-neutral-100);
    --bs-tooltip-color: var(--bs-white);
    --bs-tooltip-font-size: .75rem
}

.chart-container {
    position: relative;
    width: 100%
}

.chart-container.chart-income, .chart-container.chart-transaction {
    align-items: center;
    display: flex;
    height: 509px;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 100%
}

.chart-container.chart-performance-transaction {
    align-items: center;
    display: flex;
    height: 220px;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 100%
}

.chart-custom-tooltip {
    align-items: flex-start;
    border-radius: 12px;
    box-shadow: 0 2px 16px 0 rgba(18, 22, 28, .16);
    display: flex;
    flex-direction: column;
    min-width: 140px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: all .1s ease;
    z-index: 2
}

.chart-custom-tooltip .tooltip-header {
    align-items: flex-start;
    background-color: var(--bs-line-small);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: var(--bs-neutral-100);
    display: flex;
    font-size: 14px;
    font-weight: 800;
    min-width: 140px;
    padding: 12px 16px
}

.chart-custom-tooltip .tooltip-content {
    align-items: flex-start;
    background-color: var(--bs-white);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    color: var(--bs-neutral-70);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    gap: 12px;
    min-width: 140px;
    padding: 12px 16px 16px
}

.chart-custom-tooltip .tooltip-content td {
    align-items: center;
    display: flex
}

.chart-custom-tooltip .tooltip-content .text-xxl-start {
    font-size: .825rem
}

.point-icon {
    display: block;
    height: 16px;
    position: relative;
    width: 16px
}

.point-icon:after {
    background-color: transparent;
    border-radius: 2px;
    content: " ";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.point-icon[data-color=blue]:after {
    background-color: var(--bs-primary)
}

.point-icon[data-color=green]:after {
    background-color: var(--bs-success)
}

.point-icon[data-color=orange]:after {
    background-color: var(--bs-warning)
}

.point-icon[data-color=red]:after {
    background-color: var(--bs-danger)
}

.point-value {
    color: var(--bs-neutral-70);
    font-size: .75rem;
    font-weight: 400
}

.spinner-progress {
    animation: progress-rotation 1s linear infinite;
    border: 5px solid var(--bs-primary);
    border-bottom: 5px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem
}

.swal2-custom {
    padding: 12px 32px
}

.swal2-custom .swal2-toast {
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 rgba(18, 22, 28, .08) !important
}

.swal2-custom .swal2-toast .swal2-icon {
    border: none !important;
    margin: 0 !important
}

.swal2-custom .swal2-toast .swal2-icon img {
    height: 1.3rem;
    width: 1.3rem
}

.swal2-custom .swal2-toast .swal2-title {
    color: var(--bs-neutral-100);
    font-size: 14px !important;
    margin-left: .4rem !important
}

.swal2-custom .swal2-toast.swal2-icon-success .swal2-timer-progress-bar {
    background: var(--bs-success)
}

.swal2-custom .swal2-toast.swal2-icon-warning .swal2-timer-progress-bar {
    background: var(--bs-warning)
}

.swal2-custom .swal2-toast.swal2-icon-error .swal2-timer-progress-bar {
    background: var(--bs-danger)
}

.swal2-custom .swal2-popup.swal2-toast .swal2-html-container {
    color: var(--bs-neutral-70);
    font-size: 14px;
    font-weight: 400
}

@keyframes progress-rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.vr {
    min-height: 2rem
}

.accordion-custom {
    --bs-accordion-border-radius: .75rem;
    --bs-accordion-inner-border-radius: .75rem;
    --bs-accordion-border-color: var(--bs-line-small);
    --bs-accordion-btn-icon-width: 1.5rem;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem
}

.accordion-custom .accordion-item {
    border-radius: .75rem;
    margin-bottom: 1.25rem
}

.accordion-custom .accordion-item:not(:first-of-type) {
    border-radius: .75rem;
    border-top: 1px solid var(--bs-line-small)
}

.accordion-custom .accordion-button {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: 700;
    outline: none;
    position: relative
}

.accordion-custom .accordion-button.collapsed {
    border-radius: .75rem
}

.accordion-custom .accordion-button:not(.collapsed) {
    background-color: var(--bs-white);
    border-bottom: 0;
    border-radius: .75rem;
    box-shadow: none
}

.accordion-custom .accordion-button:not(.collapsed):before {
    background-color: var(--bs-line-small);
    bottom: 0;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all .3s linear;
    width: 90%
}

.accordion-custom .accordion-button:focus {
    box-shadow: none
}

.accordion-custom .accordion-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23595C60' d='M17.21 9.269a1.04 1.04 0 0 0-1.388 0l-3.823 3.535L8.177 9.27a1.04 1.04 0 0 0-1.389 0 .86.86 0 0 0 0 1.285l4.522 4.182a1.04 1.04 0 0 0 1.389 0l4.522-4.182a.87.87 0 0 0-.01-1.285'/%3E%3C/svg%3E")
}

.daterangepicker {
    border: none;
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 rgba(18, 22, 28, .08);
    margin-top: 0
}

.daterangepicker .drp-calendar {
    max-width: fit-content
}

.daterangepicker .drp-calendar.left {
    padding: 16px 12px 12px
}

.daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 1px
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    padding: 8px 10px
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    align-items: center;
    border: unset none;
    border-color: currentcolor;
    border-radius: unset;
    border-width: medium;
    color: unset;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.daterangepicker .calendar-table .next {
    padding: 0 0 0 6px
}

.daterangepicker .calendar-table .next span {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='m8.81 7.834 4.114 4.17-4.114 4.17c-.42.42-.42 1.09 0 1.51.41.41 1.068.42 1.487.01l.01-.01 4.874-4.93c.419-.42.419-1.09 0-1.51l-4.873-4.93a1.054 1.054 0 0 0-1.488-.01l-.01.01c-.41.43-.41 1.1 0 1.53z'/%3E%3C/g%3E%3C/svg%3E");
    transform: unset;
    -webkit-transform: unset
}

.daterangepicker .calendar-table .prev {
    padding: 0 0 0 6px
}

.daterangepicker .calendar-table .prev span {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='m15.18 16.165-4.114-4.17 4.115-4.17c.419-.42.419-1.09 0-1.51a1.054 1.054 0 0 0-1.488-.01l-.01.01-4.873 4.93c-.42.42-.42 1.09 0 1.51l4.873 4.93c.41.41 1.068.42 1.488.01l.01-.01c.409-.43.409-1.1 0-1.53z'/%3E%3C/g%3E%3C/svg%3E");
    transform: unset;
    -webkit-transform: unset
}

.daterangepicker select.monthselect {
    margin-right: 2%
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='m16.16 8.815-4.17 4.114-4.17-4.114c-.42-.42-1.09-.42-1.51 0-.41.409-.42 1.068-.01 1.487l.01.01 4.93 4.873c.42.42 1.09.42 1.51 0l4.93-4.873c.41-.409.42-1.068.01-1.487l-.01-.01c-.43-.41-1.1-.41-1.53 0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    background-position-x: 95%;
    background-position-y: 4px;
    background-repeat: no-repeat;
    border: 1px solid var(--bs-neutral-10);
    border-radius: 6px;
    padding: 8px 8px 8px 12px;
    width: 48%
}

.daterangepicker th.month {
    padding: 0
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--bs-primary)
}

.daterangepicker .drp-buttons {
    padding: 12px 16px
}

.daterangepicker .drp-buttons .btn {
    font-size: 12px;
    font-weight: 700
}

.daterangepicker .drp-buttons .btn.btn-primary {
    color: var(--bs-white);
    padding: .325rem .875rem
}

.daterangepicker:before {
    border-bottom: 7px solid var(--bs-neutral-10)
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: none
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.single .drp-buttons {
    display: block
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--bs-line-small);
    clear: both;
    display: none;
    line-height: 12px;
    padding: 8px;
    text-align: right;
    vertical-align: middle
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: unset;
    line-height: normal;
    min-width: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: unset
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--bs-line-small);
    border-color: transparent;
    border-radius: 4px;
    color: inherit
}

.daterangepicker.single.auto-apply .drp-buttons {
    display: none
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid var(--bs-line-medium)
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    border-radius: 0
}

.daterangepicker td.start-date {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.daterangepicker td.end-date {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.daterangepicker .ranges li.active {
    background-color: var(--bs-primary)
}

.daterangepicker .ranges li:first-child {
    margin-top: 1px
}

.daterangepicker .ranges li.active:is(:first-child), .daterangepicker .ranges li:hover:is(:first-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.daterangepicker .ranges li:hover:is(:last-child) {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.daterangepicker.show-calendar .ranges li:hover:is(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.daterangepicker.show-calendar .ranges li:hover:is(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

div.dt-container div.dt-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    background-image: unset;
    background-size: unset;
    height: 0;
    width: 0
}

.select2 {
    width: 100% !important
}

.select2-container .select2-selection--single {
    background-color: var(--bs-white);
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    font-size: .875rem;
    font-weight: 500;
    height: unset;
    line-height: 1.25rem;
    outline: none;
    overflow: hidden;
    padding: .625rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-neutral-100);
    line-height: normal;
    padding: 0;
    text-transform: capitalize
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--neutral-30)
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: var(--bs-white);
    border-radius: 4px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='m16.16 8.815-4.17 4.114-4.17-4.114c-.42-.42-1.09-.42-1.51 0-.41.409-.42 1.068-.01 1.487l.01.01 4.93 4.873c.42.42 1.09.42 1.51 0l4.93-4.873c.41-.409.42-1.068.01-1.487l-.01-.01c-.43-.41-1.1-.41-1.53 0z'/%3E%3C/g%3E%3C/svg%3E");
    height: -webkit-fill-available;
    margin: 1px;
    padding: 7px;
    width: min-content
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--bs-primary)
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='M7.83 15.185 12 11.071l4.17 4.114c.42.42 1.09.42 1.51 0 .41-.409.42-1.068.01-1.487l-.01-.01-4.93-4.873c-.42-.42-1.09-.42-1.51 0l-4.93 4.873c-.41.409-.42 1.068-.01 1.487l.01.01c.43.41 1.1.41 1.53 0z'/%3E%3C/g%3E%3C/svg%3E")
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='M14.31 15c-.18 0-.35-.07-.49-.2l-2.68-2.69a6.2 6.2 0 0 1-3.89 1.36c-1.67 0-3.23-.65-4.41-1.83a6.2 6.2 0 0 1-1.83-4.41c0-1.66.65-3.23 1.83-4.41 2.42-2.43 6.38-2.43 8.81 0 2.27 2.27 2.42 5.86.46 8.31l2.68 2.69c.27.27.27.71 0 .98-.14.14-.31.2-.49.2zM7.24 2.39c-1.24 0-2.48.47-3.43 1.42-.92.92-1.42 2.14-1.42 3.43s.5 2.51 1.42 3.43 2.13 1.42 3.43 1.42 2.51-.5 3.43-1.42a4.86 4.86 0 0 0 0-6.86 4.83 4.83 0 0 0-3.43-1.42'/%3E%3C/g%3E%3C/svg%3E") no-repeat 16px;
    border: 1px solid var(--bs-line-small);
    border-radius: 6px;
    box-shadow: none;
    font-size: 14px;
    outline: none;
    padding: 8.5px 16px 8.5px 42px
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: var(--neutral-30)
}

.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
    color: var(--neutral-30)
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 0
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: var(--neutral-10)
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: var(--neutral-30)
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-70)
}

.select2-container--default .select2-results__option:hover {
    cursor: pointer
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bs-white);
    color: var(--bs-neutral-100)
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--bs-line-medium)
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-blue-light-90)
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--bs-primary)
}

.select2-container--default.select2-container--disabled .select2-selection__arrow {
    background-color: var(--bs-line-medium)
}

.select2-dropdown {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    box-shadow: 0 6px 12px 0 rgba(18, 22, 28, .12)
}

.select2-search--dropdown {
    padding: 16px 16px 8px
}

.select2-results__option {
    border-bottom: 1px solid var(--bs-line-medium);
    color: var(--bs-neutral-100);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 12px 16px;
    text-transform: capitalize
}

.select2-results__option .custom-results--bank {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px
}

.select2-results__option .custom-results--bank .results--bank-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.select2-results__option .custom-results--bank .results--bank-content .results-content--title {
    color: var(--bs-neutral-100);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0
}

.select2-results__option .custom-results--bank .results--bank-content .results-content--description {
    color: var(--neutral-70);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.select2-container--default .select2-results > .select2-results__options {
    border-radius: 0
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: var(--bs-neutral-100);
    margin-right: 1.5rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: fit-content
}

.select2-container--open .select2-dropdown--below {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--bs-white)
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--bs-neutral-30)
}

.select2-container .select2-selection--single {
    min-height: 42px
}

.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder {
    color: #b8b9bb
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: #b8b9bb
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-line-medium)
}

.sidebar {
    align-items: flex-start;
    background-color: var(--bs-white);
    border-right: 1px solid var(--bs-line-small);
    justify-content: space-between;
    min-height: 100vh;
    position: fixed;
    transform: translateX(-17.5rem);
    transition: all .15s linear;
    width: 17.5rem;
    z-index: 9
}

.sidebar, .sidebar .sidebar-group {
    display: flex;
    flex-direction: column
}

.sidebar .sidebar-group {
    width: 100%
}

.sidebar .sidebar-header {
    display: flex;
    flex-direction: column
}

.sidebar .sidebar-header .header-logo {
    display: flex;
    padding: 1.5rem 1rem
}

.sidebar .sidebar-header .header-account {
    border-top: 1px solid var(--bs-line-small);
    display: flex;
    flex-direction: row;
    gap: .75rem;
    padding: 1rem
}

.sidebar .sidebar-header .header-account .account-logo {
    height: 2.5rem;
    width: 2.5rem
}

.sidebar .sidebar-header .header-account .account-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.sidebar .sidebar-header .header-account .account-content .account-name {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: bolder;
    margin-bottom: 0
}

.sidebar .sidebar-header .header-account .account-content .account-id {
    color: var(--bs-neutral-70);
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: 0
}

.sidebar .sidebar-header .menu-notification {
    border-bottom: 1px solid var(--bs-line-small);
    border-top: 1px solid var(--bs-line-small);
    display: flex;
    padding: 1rem
}

.sidebar .sidebar-header .menu-notification a {
    border: 1px solid var(--bs-line-small);
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    gap: .75rem;
    justify-content: space-between;
    padding: .625rem .75rem;
    transition: all .15s linear;
    width: 100%
}

.sidebar .sidebar-header .menu-notification a:hover {
    background-color: var(--bs-blue-light-90)
}

.sidebar .sidebar-header .menu-notification a.active {
    background-color: var(--bs-primary)
}

.sidebar .sidebar-header .menu-notification a.active .menu-notification-group span {
    color: var(--bs-white)
}

.sidebar .sidebar-header .menu-notification a.active .menu-notification-group .ic-notification {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.706 18.938a2.87 2.87 0 0 0 1.915 1.047h-.008c.11.015.229.015.34.015.64.007 1.258-.204 1.767-.59a3 3 0 0 0 .5-.472.55.55 0 0 0-.08-.785 16.2 16.2 0 0 0-4.353 0 .55.55 0 0 0-.08.785m-3.917-3.44a4.03 4.03 0 0 0 2.503 1.185l.015.008c1.23.123 2.46.189 3.697.189q1.847 0 3.682-.197a4.03 4.03 0 0 0 2.54-1.214A3.17 3.17 0 0 0 19 13.331v-.182a3.16 3.16 0 0 0-.552-1.636q-.01-.016-.026-.033-.014-.017-.025-.033a3.2 3.2 0 0 1-.759-1.432c-.015-.211-.015-.43-.015-.64a6 6 0 0 0-.022-.83C17.328 5.738 14.441 4 11.974 4S6.68 5.73 6.414 8.545c-.044.502-.044.997-.044 1.484a3.06 3.06 0 0 1-.758 1.404q-.034.03-.06.072a3.2 3.2 0 0 0-.551 1.666v.16a3.22 3.22 0 0 0 .787 2.167m8.564-6.545c.066.24.287.4.53.4v-.008a.6.6 0 0 0 .155-.021.54.54 0 0 0 .375-.677 3.49 3.49 0 0 0-2.555-2.269.55.55 0 0 0-.67.393c-.074.29.103.59.397.662a2.42 2.42 0 0 1 1.768 1.52' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-header .menu-notification .menu-notification-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .75rem
}

.sidebar .sidebar-header .menu-notification .menu-notification-group img {
    height: 1.5rem;
    width: 1.5rem
}

.sidebar .sidebar-header .menu-notification .menu-notification-group span {
    color: var(--bs-neutral-70);
    font-size: .875rem;
    font-weight: bolder;
    margin-bottom: 0
}

.sidebar .sidebar-header .menu-notification .menu-notification-badge {
    align-items: center;
    background-color: var(--bs-danger);
    border-radius: .375rem;
    color: var(--bs-white);
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    font-weight: bolder;
    height: 1.5rem;
    justify-content: center;
    padding: 4px;
    width: 1.5rem
}

.sidebar .sidebar-body {
    display: flex;
    flex-direction: column
}

.sidebar .sidebar-body .sidebar-menu-group {
    gap: 1rem;
    list-style: none;
    margin: 0;
    max-height: calc(100vh - 305px);
    overflow-y: auto;
    padding: 1rem;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.sidebar .sidebar-body .sidebar-menu-group, .sidebar .sidebar-body .sidebar-menu-group .menu-item {
    display: flex;
    flex-direction: column;
    position: relative
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item a {
    align-items: center;
    border-radius: .5rem;
    color: var(--bs-neutral-70);
    display: flex;
    gap: .75rem;
    padding: .625rem .75rem;
    transition: all .15s linear;
    width: 100%
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item a span {
    font-size: .875rem;
    font-weight: bolder
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item a .ic-dropdown {
    transform: rotate(0deg);
    transition: transform .15s linear
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item a[aria-expanded=true] .ic-dropdown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%233A7BF6' d='m15.873 13.579-2.971-3.652a1.166 1.166 0 0 0-1.804 0l-2.971 3.652a.566.566 0 0 0 .45.921h6.845a.566.566 0 0 0 .451-.921'/%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(1turn);
    transition: transform .15s linear
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item a:hover {
    background-color: var(--bs-blue-light-90)
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item .menu-item-collapse {
    list-style: none;
    padding: 0
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item .menu-item-collapse li {
    margin-bottom: .25rem
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item .menu-item-collapse li:first-child {
    margin-top: .25rem
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item .menu-item-collapse li.active a {
    background-color: var(--bs-primary);
    color: var(--bs-white)
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item .menu-item-collapse li.active a .ic-circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-6.8 0a2.8 2.8 0 1 0 5.6 0 2.8 2.8 0 0 0-5.6 0'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.item-group {
    gap: .5rem;
    list-style: none;
    padding: 0
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.item-group .menu-item:after {
    background-color: transparent;
    height: 0
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a {
    background-color: var(--bs-primary);
    color: var(--bs-white)
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-dashboard {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M5.778 11.111c-.49 0-.907-.178-1.254-.524A1.71 1.71 0 0 1 4 9.333V5.778c0-.49.178-.907.524-1.254A1.71 1.71 0 0 1 5.778 4h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524zm0 8.889c-.49 0-.907-.178-1.254-.524A1.71 1.71 0 0 1 4 18.222v-3.555c0-.49.178-.907.524-1.254a1.71 1.71 0 0 1 1.254-.524h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254A1.71 1.71 0 0 1 9.333 20zm8.889-8.889c-.49 0-.907-.178-1.254-.524a1.71 1.71 0 0 1-.524-1.254V5.778c0-.49.178-.907.524-1.254A1.71 1.71 0 0 1 14.667 4h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524zm0 8.889c-.49 0-.907-.178-1.254-.524a1.71 1.71 0 0 1-.524-1.254v-3.555c0-.49.178-.907.524-1.254a1.71 1.71 0 0 1 1.254-.524h3.555c.49 0 .907.178 1.254.524.346.347.524.765.524 1.254v3.555c0 .49-.178.907-.524 1.254a1.71 1.71 0 0 1-1.254.524z'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M19.79 9.12c-.14-.26-.34-.47-.59-.64l-6-4.11A2.1 2.1 0 0 0 12 4c-.45 0-.85.12-1.2.37l-6 4.11c-.25.17-.45.38-.59.64S4 9.65 4 9.94v8.23c0 .5.2.93.59 1.29Q5.175 20 6 20h3c.28 0 .52-.09.71-.26.19-.18.29-.39.29-.65v-1.57c0-.26.1-.48.29-.65s.43-.26.71-.26h2c.28 0 .52.09.71.26s.29.39.29.65v1.57c0 .26.1.48.29.65.19.18.43.26.71.26h3q.825 0 1.41-.54c.39-.36.59-.79.59-1.29V9.94c0-.29-.07-.56-.21-.82m-6.54 4.63h-2.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.5c.41 0 .75.34.75.75s-.34.75-.75.75'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-merchant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M6.44 14v4h4.59c.09.75.4 1.44.84 2H5.52a.84.84 0 0 1-.66-.28c-.18-.2-.27-.43-.27-.72v-5h-.16q-.45 0-.72-.36c-.19-.24-.25-.52-.19-.84l.93-5q.075-.345.33-.57c.16-.15.36-.23.57-.23h13.3c.21 0 .41.08.58.23s.28.34.32.57l.41 2.21c-.58-.32-1.25-.51-1.96-.51h-3c-2.2 0-4 1.8-4 4v.5zm-.92-8h12.97c.26 0 .48-.09.66-.28.17-.2.26-.43.26-.72s-.09-.52-.26-.71a.88.88 0 0 0-.66-.29H5.52c-.27 0-.49.1-.66.29-.18.19-.27.43-.27.71q0 .42.27.72c.17.19.39.28.66.28m14.98 7.5v4A2.5 2.5 0 0 1 18 20h-3a2.5 2.5 0 0 1-2.5-2.5v-4A2.5 2.5 0 0 1 15 11h3a2.5 2.5 0 0 1 2.5 2.5m-3.25 3.53c0-.41-.34-.75-.75-.75h-1.41c-.41 0-.75.34-.75.75s.34.75.75.75h1.41c.41 0 .75-.34.75-.75m1.41-3.06c0-.41-.34-.75-.75-.75H15.1c-.41 0-.75.34-.75.75s.34.75.75.75h2.81c.41 0 .75-.34.75-.75'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-list-merchant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M4.5 8.56h4.78a5.1 5.1 0 0 1 .18-2H4.5c-.55 0-1 .45-1 1s.45 1 1 1M10.25 11.06H4.5c-.55 0-1 .45-1 1s.45 1 1 1h3.3c.62-.87 1.5-1.54 2.52-1.9-.03-.03-.06-.06-.07-.1M6.9 15.56H4.5c-.55 0-1 .45-1 1s.45 1 1 1h2.62A5 5 0 0 1 6.88 16c0-.15.01-.29.02-.44'/%3E%3Cpath fill='%23595C60' d='M10.66 11.06h-.41s.04.07.07.1c.11-.04.23-.07.34-.1'/%3E%3Cpath fill='%23fff' d='M14.5 11.5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5S11 6.07 11 8s1.57 3.5 3.5 3.5M17 12.5h-5c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5h5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-report {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M18.547 4H5.442c-.514 0-.942.36-.942.81v13.406c0 .57.653.96 1.263.76l.75-.24c.3-.1.632-.06.889.11l1.53.99c.332.219.793.219 1.125 0l1.37-.89a1.04 1.04 0 0 1 1.124 0l1.381.89c.332.219.793.219 1.125 0l1.53-.99c.258-.17.59-.21.89-.11l.76.24c.61.2 1.263-.19 1.263-.76V4.81c0-.45-.418-.81-.942-.81zm-10.3 10.187c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1 1.071.45 1.071 1-.482 1-1.07 1m0-4.379c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1 1.071.45 1.071 1-.482 1-1.07 1m7.495 4.379h-4.283c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1h4.283c.589 0 1.07.45 1.07 1s-.481 1-1.07 1m0-4.379h-4.283c-.589 0-1.07-.45-1.07-1s.481-1 1.07-1h4.283c.589 0 1.07.45 1.07 1s-.481 1-1.07 1'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-users {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M16.5 14.47c-.63 0-1.16-.22-1.6-.65s-.65-.97-.65-1.6.22-1.16.65-1.6c.43-.43.97-.65 1.6-.65s1.16.22 1.6.65c.43.44.65.97.65 1.6s-.22 1.16-.65 1.6-.97.65-1.6.65M12.9 20c-.26 0-.47-.1-.64-.29s-.26-.44-.26-.73v-.41c0-.41.09-.79.28-1.14s.45-.6.8-.76a7.926 7.926 0 0 1 3.42-.77 7.86 7.86 0 0 1 3.42.77c.34.15.61.41.8.76s.28.73.28 1.14v.41c0 .29-.09.53-.26.73s-.39.29-.64.29zm-2.7-8.8c-.99 0-1.84-.35-2.54-1.06-.7-.7-1.06-1.55-1.06-2.54s.35-1.84 1.06-2.54S9.21 4 10.2 4s1.84.35 2.54 1.06c.7.7 1.06 1.55 1.06 2.54s-.35 1.84-1.06 2.54-1.55 1.06-2.54 1.06M3 17.13c0-.58.13-1.12.38-1.6s.61-.86 1.06-1.12c.9-.51 1.83-.91 2.8-1.18s1.95-.41 2.96-.41c.53 0 1.05.05 1.58.15s1.05.22 1.57.36l-1.53 1.74c-.37.43-.74.86-1.09 1.31s-.53.97-.53 1.56v1c0 .21.03.4.1.58s.18.34.33.47H4.8c-.49 0-.92-.2-1.27-.6S3 18.51 3 17.94v-.82z'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.active > a .ic-trail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M15.707 18.4V5.6q.645 0 1.103.47t.458 1.13v9.6q0 .66-.458 1.13t-1.103.47M5.561 20q-.645 0-1.102-.47A1.56 1.56 0 0 1 4 18.4V5.6q0-.66.459-1.13Q4.917 4 5.56 4h7.024q.644 0 1.103.47t.458 1.13v12.8q0 .66-.458 1.13-.459.47-1.103.47zm13.268-3.2V7.2q.488 0 .83.35.34.35.341.85v7.2q0 .5-.341.85-.342.35-.83.35'/%3E%3C/g%3E%3C/svg%3E")
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.menu-tree > a {
    justify-content: space-between
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.menu-tree > a > .d-flex {
    gap: .75rem !important
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item.menu-tree.active > a {
    background-color: unset;
    color: var(--bs-neutral-70)
}

.sidebar .sidebar-body .sidebar-menu-group .menu-item:after {
    background-color: var(--bs-line-small);
    bottom: -.52rem;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.sidebar .sidebar-body .sidebar-menu-group:hover {
    scrollbar-color: var(--bs-line-medium) transparent
}

.sidebar .sidebar-footer {
    align-items: center;
    border-top: 1px solid var(--bs-line-small);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    width: 100%
}

.sidebar .sidebar-footer .sidebar-footer-group {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.sidebar .sidebar-footer .sidebar-footer-group .account-user {
    color: var(--bs-neutral-100);
    font-size: .875rem;
    font-weight: bolder;
    margin-bottom: 0
}

.sidebar .sidebar-footer .sidebar-footer-group .account-role {
    align-items: center;
    background-color: var(--bs-blue-light-90);
    border-radius: 50px;
    color: var(--bs-primary);
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    padding: .25rem 12px;
    width: fit-content
}

.sidebar .sidebar-footer .btn {
    padding: 4px
}

.sidebar .sidebar-footer .btn.show, .sidebar .sidebar-footer .btn:active, .sidebar .sidebar-footer .btn:not(.btn-check) + .btn:active {
    border-color: transparent;
    outline: none
}

.sidebar .sidebar-footer .dropdown-account-footer {
    border: none;
    border-radius: .75rem;
    box-shadow: 0 2px 8px 0 rgba(18, 22, 28, .08);
    padding: .75rem;
    --bs-dropdown-link-active-color: var(--bs-body-color)
}

.sidebar .sidebar-footer .dropdown-account-footer .dropdown-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    padding: .5rem .75rem;
    transition: all .15s linear
}

.sidebar .sidebar-footer .dropdown-account-footer .dropdown-item img {
    height: 25px;
    width: 24px
}

.sidebar .sidebar-footer .dropdown-account-footer .dropdown-item:focus, .sidebar .sidebar-footer .dropdown-account-footer .dropdown-item:focus-visible, .sidebar .sidebar-footer .dropdown-account-footer .dropdown-item:hover {
    background-color: var(--bs-line-medium);
    border-radius: .5rem
}

.sidebar .sidebar-footer .dropdown-account-footer .divider {
    background-color: var(--bs-line-small);
    display: block;
    height: 1px;
    margin: .5rem 0
}

.sidebar.show {
    top: 0;
    transform: translate(0)
}

.sidebar-backdrop {
    backdrop-filter: blur(1.5px);
    background-color: rgba(0, 0, 0, .8);
    inset: 0;
    position: fixed;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    z-index: 5
}

@media screen and (min-width: 1024px) {
    .sidebar {
        transform: translateX(0)
    }
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order {
    right: 8px;
    width: 10px
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath fill='%23B8B9BB' d='M.43 4.5h5.13c.36 0 .57-.44.34-.74L3.67.84a.844.844 0 0 0-1.35 0L.09 3.76c-.23.3-.02.74.34.74'/%3E%3C/svg%3E");
    opacity: .8
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath fill='%23B8B9BB' d='M5.57.5H.44C.08.5-.13.94.1 1.24l2.23 2.92c.35.46 1.01.46 1.35 0l2.23-2.92c.23-.3.03-.74-.34-.74'/%3E%3C/svg%3E");
    line-height: 3px;
    opacity: .8
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath fill='%230092D5' d='M.436 4.499h5.13c.36 0 .57-.44.34-.74L3.676.839a.844.844 0 0 0-1.35 0l-2.23 2.92c-.23.3-.02.74.34.74'/%3E%3C/svg%3E");
    opacity: 1
}

table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath fill='%230092D5' d='M5.566.498H.436c-.36 0-.57.44-.34.74l2.23 2.92c.35.46 1.01.46 1.35 0l2.23-2.92c.23-.3.03-.74-.34-.74'/%3E%3C/svg%3E");
    opacity: 1
}

@media screen and (max-width: 530px) {
    .dtfc-fixed-left {
        left: 0 !important;
        position: relative !important
    }
}

.dt-checkboxes-select-all table input, table .dt-checkboxes, table .dt-checkboxes-select-all input, table .dt-select-checkbox, table .form-check .form-check-input, table .form-check-input {
    float: unset;
    height: 16px;
    margin-left: 0;
    margin-top: .1rem;
    width: 16px
}

table.dataTable tbody tr.selected > * {
    box-shadow: unset;
    color: unset
}

.dataTables_scrollHead table.dataTable thead > tr > th.sorting_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_disabled:before {
    content: "" !important;
    opacity: 0 !important
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_desc_disabled, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_desc_disabled {
    cursor: pointer;
    padding-right: 26px;
    position: relative
}

.dataTables_scrollHead table.dataTable thead > tr > td.sorting:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc_disabled:before {
    display: block;
    font-size: .8em;
    line-height: 9px;
    opacity: .125;
    position: absolute;
    right: 10px
}

.dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc:after {
    opacity: .6
}

.dataTables_scrollHead table.dataTable thead > tr > td.sorting:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc:after, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc_disabled:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc:after, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc_disabled:after {
    content: "▼";
    content: "▼"/"";
    top: 50%
}

.dataTables_scrollHead table.dataTable thead > tr > td.sorting:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_asc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc:before, .dataTables_scrollHead table.dataTable thead > tr > td.sorting_desc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_asc_disabled:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc:before, .dataTables_scrollHead table.dataTable thead > tr > th.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    content: "▲"/""
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: inherit !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none !important
}

table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right, table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right {
    z-index: 1
}

table.dataTable .dt-checkboxes-cell input[type=checkbox] {
    accent-color: var(--bs-primary);
    height: 16px;
    width: 16px
}

.dataTables_wrapper {
    clear: both;
    position: relative
}

div.dataTables_processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -26px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 10
}

div.dataTables_processing > div {
    display: none
}

.table-loading {
    background-color: var(--bs-body-bg);
    border-radius: 6px;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
    color: var(--bs-neutral-50);
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    margin: 0 !important;
    padding: 1rem 1.5rem !important;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(50%, -50%);
    width: auto;
    z-index: 10
}

.table-loading .dataTables_custom_loading {
    align-items: center;
    display: flex !important;
    gap: 8px
}

.table-loading img {
    height: 18px;
    width: 18px
}

.table-loading > div {
    display: none
}

.table-loading div:last-child {
    height: unset;
    margin: unset;
    width: unset
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    background-color: #f3f3f7;
    box-shadow: unset
}

.page-loading {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1024
}

.page-loading.show {
    display: flex
}

.page-loading .loading-content {
    align-items: center;
    background-color: var(--bs-body-bg);
    border-radius: 12px;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
    color: var(--bs-neutral-100);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 8px;
    margin: 0;
    padding: 12px;
    width: auto
}

.page-loading .loading-content img {
    height: 36px;
    width: 36px
}

div.dataTables_wrapper div.dataTables_processing > div {
    display: none
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: var(--bs-body-bg);
    border-radius: 6px;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
    color: var(--bs-neutral-50);
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    padding: 1rem 1.5rem !important;
    transform: translateX(-50%) translateY(-50%);
    width: auto
}

div.dataTables_wrapper div.dataTables_processing img {
    height: 18px;
    width: 18px
}

div.dataTables_wrapper div.dataTables_processing .dataTables_custom_loading {
    align-items: center;
    display: flex !important;
    gap: 8px
}

.dataTables_top {
    align-items: center;
    color: var(--bs-neutral-50);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: normal
}

.dataTables_top .dataTables_length, .dataTables_top .dt-length {
    padding: 24px 0 24px 24px
}

.dataTables_top .dataTables_length label, .dataTables_top .dt-length label {
    align-items: center;
    display: flex;
    gap: 16px
}

.dataTables_top .dataTables_length label select, .dataTables_top .dt-length label select {
    border: 1px solid var(--bs-line-small);
    border-radius: 6px;
    outline: none;
    padding: 9.5px 12px
}

.dataTables_top .dt-search {
    padding: 24px 24px 24px 0
}

.dataTables_top .dataTables_filter label input {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23B8B9BB' fill-rule='evenodd' d='M9.232 3A6.23 6.23 0 0 0 3 9.228a6.23 6.23 0 0 0 6.232 6.228c1.419 0 2.73-.485 3.776-1.287l2.59 2.589a.814.814 0 0 0 1.16-.001.813.813 0 0 0-.001-1.158l-2.589-2.587a6.2 6.2 0 0 0 1.296-3.784A6.237 6.237 0 0 0 9.232 3M4.648 9.228a4.58 4.58 0 0 1 4.584-4.581 4.581 4.581 0 1 1 0 9.162 4.58 4.58 0 0 1-4.584-4.58' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid var(--bs-line-small);
    border-radius: 6px;
    margin-left: 0;
    outline: none;
    padding-bottom: 10px;
    padding-left: 45px;
    padding-top: 10px
}

.dataTables_top .dataTables_filter label input::placeholder {
    color: var(--bs-neutral-30)
}

.dataTables_top.no-padding {
    padding: 0
}

.dataTables_bottom {
    align-items: center;
    color: var(--bs-neutral-50);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: normal;
    padding: 24px
}

.dataTables_bottom span {
    display: flex;
    flex-direction: row;
    gap: 2px
}

.dataTables_bottom span.ellipsis {
    align-items: center
}

.dataTables_bottom.no-padding {
    padding: 0
}

.dataTables_bottom.padding-top-only {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dataTables_top__grouping {
    align-items: center;
    display: flex;
    gap: 16px
}

.custom-table-action {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px
}

.custom-table-action .action-group, .custom-table-action .action-length {
    align-items: center;
    display: flex;
    gap: 16px
}

.custom-table-action .action-length span {
    color: var(--bs-neutral-50);
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.custom-table-action .form-control, .custom-table-action .form-select {
    border: 1px solid var(--bs-line-small);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.custom-table-action .form-control:focus, .custom-table-action .form-select:focus {
    box-shadow: none
}

.custom-table-action .form-control::placeholder, .custom-table-action .form-select::placeholder {
    color: var(--bs-neutral-30)
}

.custom-table-action input {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23B8B9BB' fill-rule='evenodd' d='M9.232 3A6.23 6.23 0 0 0 3 9.228a6.23 6.23 0 0 0 6.232 6.228c1.419 0 2.73-.485 3.776-1.287l2.59 2.589a.814.814 0 0 0 1.16-.001.813.813 0 0 0-.001-1.158l-2.589-2.587a6.2 6.2 0 0 0 1.296-3.784A6.237 6.237 0 0 0 9.232 3M4.648 9.228a4.58 4.58 0 0 1 4.584-4.581 4.581 4.581 0 1 1 0 9.162 4.58 4.58 0 0 1-4.584-4.58' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid var(--bs-line-small);
    border-radius: 6px;
    margin-left: 0;
    min-width: 250px;
    outline: none;
    padding: 9.5px 16px 9.5px 35px
}

.custom-table-action .form-select, .custom-table-action select {
    min-width: 68px;
    padding: 9.5px 12px
}

.custom-table-total {
    display: flex;
    flex-direction: column;
    padding: 8px 24px 16px
}

.custom-table-total .table-total-content {
    border: 1px solid #ebebf2;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(18, 22, 28, .08);
    display: flex;
    padding: 16px 24px
}

.custom-table-total .table-total-content .total-item {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    position: relative
}

.custom-table-total .table-total-content .total-item .total-title {
    color: var(--bs-neutral-70);
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 0;
    text-align: center
}

.custom-table-total .table-total-content .total-item .total-amount {
    color: var(--bs-neutral-100);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0
}

.custom-table-total .table-total-content .total-item:not(:last-child):after {
    border-right: 1px solid var(--bs-line-small);
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.dataTables_info, .dataTables_paginate {
    padding: 0
}

.dataTables_info {
    display: flex
}

.dataTables_paginate {
    align-items: center;
    display: flex;
    gap: 2px;
    justify-content: center
}

.dataTables_paginate a, .dataTables_wrapper .dataTables_paginate .paginate_button, .page-link {
    align-items: center;
    align-self: stretch;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-neutral-10);
    border-radius: 6px;
    color: var(--bs-neutral-50);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: normal;
    margin-left: 0;
    min-width: 32px;
    outline: none;
    padding: 5px
}

.dataTables_paginate a.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .page-link.current {
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: var(--bs-white);
    font-weight: 800;
    text-decoration: none
}

.dataTables_paginate a.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .page-link.current:hover {
    background: var(--bs-white);
    border: 1px solid var(--bs-primary)
}

.dataTables_paginate a.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .page-link.disabled:hover {
    background: unset;
    border: 1px solid var(--bs-neutral-10)
}

.dataTables_paginate a .dt-icon-pagination, .dataTables_wrapper .dataTables_paginate .paginate_button .dt-icon-pagination, .page-link .dt-icon-pagination {
    height: 20px;
    width: 20px
}

.dataTables_paginate a:active, .dataTables_paginate a:focus, .dataTables_paginate a:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .page-link:active, .page-link:focus, .page-link:hover {
    background: var(--bs-white);
    border-color: var(--bs-primary);
    box-shadow: none;
    color: var(--bs-primary)
}

.disabled > .page-link, .page-link.disabled {
    background-color: var(--bs-body-bg)
}

.dataTable thead tr th, .table thead tr th {
    background-color: var(--bs-white);
    border-bottom-color: var(--bs-line-small);
    border-top: 1px solid var(--bs-line-small);
    color: var(--bs-neutral-70);
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 1rem 30px 1rem .75rem
}

.dataTable tbody tr td, .table tbody tr td {
    border-bottom-color: var(--bs-line-small);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 12px 16px;
    vertical-align: middle
}

.dataTable tbody tr td.status-approve, .table tbody tr td.status-approve {
    color: var(--bs-primary);
    text-transform: uppercase
}

.dataTable tbody tr td.status-request, .table tbody tr td.status-request {
    color: var(--action-success);
    text-transform: uppercase
}

.dataTable tbody tr td.status-reject, .table tbody tr td.status-reject {
    color: var(--action-danger);
    text-transform: uppercase
}

.dataTable tbody tr td.status-warning, .table tbody tr td.status-warning {
    color: var(--action-warning);
    text-transform: uppercase
}

.dataTable tbody tr td.text-overflow, .table tbody tr td.text-overflow {
    max-width: 180px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dataTable tbody tr td.text-action, .table tbody tr td.text-action {
    cursor: pointer
}

.dataTable tbody tr.bg-yellow-light, .table tbody tr.bg-yellow-light {
    background-color: var(--yellow-light)
}

.dataTable tbody tr.bg-yellow-light td, .table tbody tr.bg-yellow-light td {
    background-color: transparent
}

.dataTable.no-footer, .table.no-footer {
    border-bottom: none;
    margin-bottom: 0
}

.dataTable.table-colored thead tr th, .table.table-colored thead tr th {
    background-color: var(--bs-blue-light-90);
    border-bottom-color: var(--bs-line-small)
}

.dataTable.nowrap tbody tr td, .dataTable.nowrap thead tr th, .table.nowrap tbody tr td, .table.nowrap thead tr th {
    white-space: nowrap
}

.dataTable.no-border-top thead tr th, .table.no-border-top thead tr th {
    border-top: 0
}

.table {
    width: 100% !important
}

.table tbody tr td {
    padding: .75rem
}

.table tbody tr.border-bottom-transparent td {
    border-bottom-color: transparent
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none
}

div.dt-container div.dt-paging ul.pagination {
    gap: 2px
}

table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover, table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover {
    outline: none
}

.dt-actions {
    gap: 8px
}

.btn-dt-action, .dt-actions {
    align-items: center;
    display: flex
}

.btn-dt-action {
    background-color: var(--bs-white);
    border-radius: 6px;
    flex-direction: row;
    font-size: 12px;
    font-weight: 800;
    gap: 4px;
    line-height: normal;
    min-width: 64px;
    padding: 7px 10px;
    transition: all .1s linear
}

.btn-dt-action.action-warning {
    border: 1px solid var(--bs-warning);
    color: var(--bs-warning) !important
}

.btn-dt-action.action-warning:hover {
    background-color: var(--bs-warning);
    color: var(--bs-white) !important
}

.btn-dt-action.action-warning:hover path {
    fill: var(--bs-white)
}

.btn-dt-action.action-danger {
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger) !important
}

.btn-dt-action.action-danger:hover {
    background-color: var(--bs-danger);
    color: var(--bs-white) !important
}

.btn-dt-action.action-danger:hover path {
    fill: var(--bs-white)
}

.btn-dt-action.action-primary {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary)
}

.btn-dt-action.action-primary:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white)
}

.btn-dt-action.action-primary:hover path {
    fill: var(--bs-white)
}

.btn-dt-action.action-primary:first-child:active {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary)
}

.btn-dt-action.action-primary:active:hover {
    color: var(--bs-white)
}

.btn-dt-action.action-success {
    border: 1px solid var(--bs-green);
    color: var(--bs-green) !important
}

.btn-dt-action.action-success:hover {
    background-color: var(--bs-green);
    color: var(--bs-white) !important
}

.btn-dt-action.action-success:hover path {
    fill: var(--bs-white)
}

.btn-dt-action:hover .dt-icon-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23FFF' d='M7.513 12a.684.684 0 1 1 0-1.368h3.802a.683.683 0 1 1 0 1.368zM.57 11.718.035 9.42c-.096-.42 0-.858.264-1.2l4.15-5.37a.206.206 0 0 1 .282-.036l1.745 1.392c.12.096.276.144.432.12a.63.63 0 0 0 .545-.696.7.7 0 0 0-.221-.426L5.534 1.842a.25.25 0 0 1-.042-.348l.654-.852A1.72 1.72 0 0 1 8.665.468l.983.78c.384.288.654.702.762 1.17.108.48-.012.984-.324 1.362l-5.847 7.572c-.258.336-.66.54-1.085.546l-2.327.03a.27.27 0 0 1-.264-.21z'/%3E%3C/svg%3E")
}

.btn-dt-action:hover .dt-icon-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' fill='none'%3E%3Cpath fill='%23FFF' d='M2.85 11.478a1.62 1.62 0 0 1-1.628-1.557C1.05 8.352.756 4.649.75 4.61a.45.45 0 0 1 .106-.309.38.38 0 0 1 .289-.126H8.85a.4.4 0 0 1 .289.126.42.42 0 0 1 .1.309c0 .038-.295 3.747-.467 5.31a1.617 1.617 0 0 1-1.666 1.557q-1.076.024-2.117.022-1.1.002-2.15-.022zM.395 3.295A.396.396 0 0 1 0 2.894v-.21c0-.22.172-.401.395-.401h1.622a.706.706 0 0 0 .689-.556l.083-.374C2.9.863 3.339.51 3.85.5h2.294c.5.006.934.347 1.056.825l.089.402a.71.71 0 0 0 .689.561H9.6c.222 0 .4.182.4.402v.21a.4.4 0 0 1-.394.4H.395z'/%3E%3C/svg%3E")
}

.btn-dt-action:hover .dt-icon-detail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%23fff' d='m12.813 4.42-1.186-1.606-.02-.027a6 6 0 0 0-.407-.52 5 5 0 0 0-.473-.473h-.014c-.126-.107-.26-.22-.393-.327a9 9 0 0 0-.413-.286A6 6 0 0 0 8.68.614a6 6 0 0 0-.993-.227 6 6 0 0 0-.34-.033A3 3 0 0 0 7 .334c-.113 0-.233 0-.347.02q-.17.012-.34.033c-.226.034-.453.08-.673.134-.107.026-.213.06-.327.093-.226.067-.44.153-.653.26q-.108.048-.207.107a5 5 0 0 0-.313.173c-.307.187-.867.633-.867.633a5.4 5.4 0 0 0-.886 1c-.007 0-.014.02-.02.027L1.5 3.987l.867-1.18s.013-.02.02-.026H2.38s-.013.02-.02.026L1.193 4.394l-.02.027a1 1 0 0 0 0 1.16l.54.733.64.873q.202.29.434.547a4.833 4.833 0 0 0 1.033.907q.11.078.22.146a4.3 4.3 0 0 0 .7.38c.387.174.8.307 1.22.394.093.02.193.033.287.053.013 0 .026.007.04.007h.033q.16.021.32.033a3 3 0 0 0 .7 0q.16-.012.32-.033h.033l.327-.06c.113-.02.22-.047.333-.074a6 6 0 0 0 1.107-.42c.007-.006.02-.006.027-.013q.178-.092.346-.193c.067-.047.134-.087.2-.134.04-.026.087-.053.127-.086.193-.12.387-.267.56-.427.167-.147.32-.307.473-.473h-.013c.16-.18.3-.36.44-.547l1.187-1.607a1 1 0 0 0 0-1.16zM7 7.668a2.666 2.666 0 1 1 0-5.333 2.666 2.666 0 1 1 0 5.333'/%3E%3Cpath fill='%23fff' d='M8.44 3.6s-.027-.027-.047-.033a1.94 1.94 0 0 0-1-.527c-.073-.013-.14-.027-.213-.033a.334.334 0 0 0-.353.306c-.014.18.126.34.306.36.04 0 .074.007.134.02.033 0 .066.014.113.027q.138.04.247.1.188.102.326.253a.3.3 0 0 0 .047.04c.06.067.113.14.167.227a.33.33 0 0 0 .453.12.33.33 0 0 0 .12-.453 1.9 1.9 0 0 0-.307-.4z'/%3E%3C/svg%3E")
}

.btn-dt-action:hover .dt-icon-download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M8 10.864a1 1 0 0 1-.304-.048.7.7 0 0 1-.264-.168l-2.88-2.88a.73.73 0 0 1-.232-.56.822.822 0 0 1 .8-.808.74.74 0 0 1 .568.232l1.504 1.504V2.4q.002-.338.232-.568a.78.78 0 0 1 .568-.232c.224 0 .416.08.568.232a.78.78 0 0 1 .232.568v5.72l1.504-1.504c.16-.16.352-.24.568-.232a.82.82 0 0 1 .568.248.86.86 0 0 1 .232.56c0 .216-.072.4-.232.56l-2.88 2.88a.7.7 0 0 1-.264.168 1 1 0 0 1-.304.048zm-4.8 3.544c-.44 0-.816-.16-1.128-.472a1.54 1.54 0 0 1-.472-1.128v-1.6c0-.224.08-.416.232-.568a.78.78 0 0 1 .568-.232q.338.002.568.232a.78.78 0 0 1 .232.568v1.6h9.6v-1.6c0-.224.08-.416.232-.568a.78.78 0 0 1 .568-.232q.338.002.568.232a.78.78 0 0 1 .232.568v1.6q-.002.66-.472 1.128a1.54 1.54 0 0 1-1.128.472z'/%3E%3C/g%3E%3C/svg%3E")
}

.btn-dt-action:hover .dt-icon-report {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M12.365 2.667H3.628c-.342 0-.628.24-.628.54v8.936c0 .38.435.64.842.507l.5-.16c.2-.066.421-.04.592.073l1.021.66a.69.69 0 0 0 .75 0l.913-.593a.69.69 0 0 1 .75 0l.92.593a.69.69 0 0 0 .75 0l1.02-.66a.69.69 0 0 1 .593-.073l.507.16c.407.133.842-.127.842-.507V3.207c0-.3-.278-.54-.628-.54zm-6.867 6.79c-.392 0-.714-.3-.714-.666s.322-.666.714-.666c.393 0 .714.3.714.666s-.321.667-.714.667m0-2.918c-.392 0-.714-.3-.714-.667 0-.366.322-.666.714-.666.393 0 .714.3.714.666s-.321.667-.714.667m4.997 2.919H7.64c-.393 0-.714-.3-.714-.667 0-.366.321-.666.714-.666h2.855c.392 0 .713.3.713.666s-.32.667-.713.667m0-2.92H7.64c-.393 0-.714-.3-.714-.666s.321-.666.714-.666h2.855c.392 0 .713.3.713.666s-.32.667-.713.667'/%3E%3C/g%3E%3C/svg%3E")
}

div.dt-container div.dt-length select {
    margin-right: 0
}

div.dt-container div.dt-search input {
    margin-left: 0;
    min-width: 18rem
}

.dt-icon-detail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%233A7BF6' d='m12.813 4.42-1.186-1.606-.02-.027a6 6 0 0 0-.407-.52 5 5 0 0 0-.473-.473h-.014c-.126-.107-.26-.22-.393-.327a9 9 0 0 0-.413-.286A6 6 0 0 0 8.68.614a6 6 0 0 0-.993-.227 6 6 0 0 0-.34-.033A3 3 0 0 0 7 .334c-.113 0-.233 0-.347.02q-.17.012-.34.033c-.226.034-.453.08-.673.134-.107.026-.213.06-.327.093-.226.067-.44.153-.653.26q-.108.048-.207.107a5 5 0 0 0-.313.173c-.307.187-.867.633-.867.633a5.4 5.4 0 0 0-.886 1c-.007 0-.014.02-.02.027L1.5 3.987l.867-1.18s.013-.02.02-.026H2.38s-.013.02-.02.026L1.193 4.394l-.02.027a1 1 0 0 0 0 1.16l.54.733.64.873q.202.29.434.547a4.833 4.833 0 0 0 1.033.907q.11.078.22.146a4.3 4.3 0 0 0 .7.38c.387.174.8.307 1.22.394.093.02.193.033.287.053.013 0 .026.007.04.007h.033q.16.021.32.033a3 3 0 0 0 .7 0q.16-.012.32-.033h.033l.327-.06c.113-.02.22-.047.333-.074a6 6 0 0 0 1.107-.42c.007-.006.02-.006.027-.013q.178-.092.346-.193c.067-.047.134-.087.2-.134.04-.026.087-.053.127-.086.193-.12.387-.267.56-.427.167-.147.32-.307.473-.473h-.013c.16-.18.3-.36.44-.547l1.187-1.607a1 1 0 0 0 0-1.16zM7 7.668a2.666 2.666 0 1 1 0-5.333 2.666 2.666 0 1 1 0 5.333'/%3E%3Cpath fill='%233A7BF6' d='M8.44 3.6s-.027-.027-.047-.033a1.94 1.94 0 0 0-1-.527c-.073-.013-.14-.027-.213-.033a.334.334 0 0 0-.353.306c-.014.18.126.34.306.36.04 0 .074.007.134.02.033 0 .066.014.113.027q.138.04.247.1.188.102.326.253a.3.3 0 0 0 .047.04c.06.067.113.14.167.227a.33.33 0 0 0 .453.12.33.33 0 0 0 .12-.453 1.9 1.9 0 0 0-.307-.4z'/%3E%3C/svg%3E")
}

.dt-icon-detail, .dt-icon-report {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    width: 13px
}

.dt-icon-report {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16 0H0v16h16z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23006550' d='M12.365 2.667H3.628c-.342 0-.628.24-.628.54v8.936c0 .38.435.64.842.507l.5-.16c.2-.066.421-.04.592.073l1.021.66a.69.69 0 0 0 .75 0l.913-.593a.69.69 0 0 1 .75 0l.92.593a.69.69 0 0 0 .75 0l1.02-.66a.69.69 0 0 1 .593-.073l.507.16c.407.133.842-.127.842-.507V3.207c0-.3-.278-.54-.628-.54zm-6.867 6.79c-.392 0-.714-.3-.714-.666s.322-.666.714-.666c.393 0 .714.3.714.666s-.321.667-.714.667m0-2.918c-.392 0-.714-.3-.714-.667 0-.366.322-.666.714-.666.393 0 .714.3.714.666s-.321.667-.714.667m4.997 2.919H7.64c-.393 0-.714-.3-.714-.667 0-.366.321-.666.714-.666h2.855c.392 0 .713.3.713.666s-.32.667-.713.667m0-2.92H7.64c-.393 0-.714-.3-.714-.666s.321-.666.714-.666h2.855c.392 0 .713.3.713.666s-.32.667-.713.667'/%3E%3C/g%3E%3C/svg%3E")
}

.dt-status {
    align-items: center;
    border-radius: 20px;
    display: flex;
    font-size: .75rem;
    font-weight: bolder;
    justify-content: center;
    min-width: 6.375rem;
    padding: 4px 1rem;
    width: fit-content
}

.dt-status.dt-lg {
    font-size: .875rem;
    padding: .5rem 1rem
}

.dt-status.status-success {
    background-color: #e4f6e6;
    color: var(--bs-success)
}

.dt-status.status-pending {
    background-color: #fff4e0;
    color: var(--bs-warning)
}

.dt-status.status-failed {
    background-color: #fdebeb;
    color: var(--bs-danger)
}

.dt-status.status-progress {
    background-color: #ebf2fe;
    color: #3a7bf6
}

.dt-status.status-unregister {
    background-color: var(--bs-line-small);
    color: var(--bs-neutral-70)
}

.dt-status.status-neutral, .dt-status.status-privilage {
    background-color: var(--bs-white);
    border: 1px solid var(--bs-line-small);
    color: var(--bs-neutral-70)
}

.dt-status.status-privilage {
    border-radius: .25rem;
    min-width: -webkit-fill-available
}

.dt-status.mw-auto {
    min-width: fit-content
}

.dataTable.nowrap tbody tr td, .table.nowrap tbody tr td, table.dataTable td.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable th.dt-type-numeric {
    text-align: left
}

.table.nowrap thead tr th:first-child {
    padding-left: 2rem
}

.table.nowrap thead tr th:last-child {
    padding-right: 2rem
}

.table.nowrap thead tr th.dt-select:first-child {
    padding-right: .75rem
}

.table.nowrap tbody tr td:first-child {
    padding-left: 2rem
}

.table.nowrap tbody tr td:last-child {
    padding-right: 2rem
}

.dt-checkboxes, .dt-checkboxes-select-all input, .dt-select-checkbox {
    border: 1px solid var(--bs-neutral-30)
}

table.table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #f5f9ff;
    color: unset
}

table.table.dataTable > tbody > tr.selected .btn, table.table.dataTable > tbody > tr.selected a {
    color: unset
}

table.table.dataTable > tbody > tr.selected .btn.action-primary, table.table.dataTable > tbody > tr.selected a.action-primary {
    color: var(--bs-primary)
}

table.table.dataTable > tbody > tr.selected .btn.action-primary:hover, table.table.dataTable > tbody > tr.selected a.action-primary:hover {
    color: var(--bs-white)
}

table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(227, 238, 255, .98)
}

.dt-checkboxes:checked:disabled, .dt-select-checkbox:checked:disabled {
    background-color: var(--bs-neutral-50);
    border-color: var(--bs-neutral-50)
}

/*! Update */
.card-select .card-select-item.sm {
    border-radius: 6px;
    padding: .875rem 1rem
}

.card-select .card-select-item.sm .select-item-content .title {
    font-size: .875rem
}

.card-select .card-select-item.sm .select-check-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='M16 3.5c2.48 0 4.5 2.02 4.5 4.5v8c0 2.48-2.02 4.5-4.5 4.5H8c-2.48 0-4.5-2.02-4.5-4.5V8c0-2.48 2.02-4.5 4.5-4.5zM16 2H8C4.69 2 2 4.69 2 8v8c0 3.31 2.69 6 6 6h8c3.31 0 6-2.69 6-6V8c0-3.31-2.69-6-6-6'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    opacity: 1;
    transform: unset
}

.card-select .card-select-item.sm:hover {
    border-color: var(--bs-line-small)
}

.card-select input[type=checkbox], .card-select input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute
}

.card-select input[type=checkbox]:checked + .card-select-item, .card-select input[type=radio]:checked + .card-select-item {
    background-color: #ebf2fe;
    border-color: var(--bs-primary)
}

.card-select input[type=checkbox]:checked + .card-select-item .select-check-icon, .card-select input[type=radio]:checked + .card-select-item .select-check-icon {
    transform: scale(1)
}

.card-select input[type=checkbox]:checked + .card-select-item .select-check-icon:before, .card-select input[type=radio]:checked + .card-select-item .select-check-icon:before {
    opacity: 1;
    transform: scale(1)
}

.card-select input[type=checkbox]:checked + .card-select-item.sm, .card-select input[type=radio]:checked + .card-select-item.sm {
    background-color: var(--bs-white);
    border-color: var(--bs-line-small)
}

.card-select input[type=checkbox]:checked + .card-select-item.sm .select-check-icon:before, .card-select input[type=radio]:checked + .card-select-item.sm .select-check-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%233A7BF6' d='M16 2H8a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6'/%3E%3Cpath fill='%23fff' d='M10.41 16c-.28 0-.55-.12-.75-.32l-2.39-2.55c-.39-.41-.36-1.06.05-1.44s1.06-.36 1.45.05l1.64 1.75 4.82-5.16c.39-.41 1.03-.44 1.45-.05.41.38.44 1.03.05 1.44l-5.57 5.96c-.19.21-.46.32-.75.32'/%3E%3C/g%3E%3C/svg%3E")
}

.card-select input[type=checkbox]:checked:disabled + .card-select-item, .card-select input[type=radio]:checked:disabled + .card-select-item {
    background-color: var(--bs-line-medium);
    border-color: var(--bs-line-small)
}

.card-select input[type=checkbox]:checked:disabled + .card-select-item.sm .select-check-icon:before, .card-select input[type=radio]:checked:disabled + .card-select-item.sm .select-check-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 0H0v24h24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23B8B9BB' d='M16 2H8a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6'/%3E%3Cpath fill='%23fff' d='M10.41 16c-.28 0-.55-.12-.75-.32l-2.39-2.55c-.39-.41-.36-1.06.05-1.44s1.06-.36 1.45.05l1.64 1.75 4.82-5.16c.39-.41 1.03-.44 1.45-.05.41.38.44 1.03.05 1.44l-5.57 5.96c-.19.21-.46.32-.75.32'/%3E%3C/g%3E%3C/svg%3E")
}

.card-select input[type=checkbox]:disabled + .card-select-item, .card-select input[type=radio]:disabled + .card-select-item {
    background-color: var(--bs-line-medium);
    border-color: var(--bs-line-small)
}

.placeholder-excel {
    display: block;
    height: 3rem;
    width: 3rem
}

.placeholder-excel {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17302_38307)'%3E%3Cmask id='mask0_17302_38307' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_17302_38307)'%3E%3Cpath d='M26.4946 8.0135L20.6546 2.1735C20.1146 1.6335 19.388 1.3335 18.6213 1.3335H9.95464C7.0413 1.3335 4.66797 3.70683 4.66797 6.62683V25.3735C4.66797 28.2935 7.0413 30.6668 9.95464 30.6668H23.1346C25.448 30.6668 27.3346 28.7802 27.3346 26.4668V10.0468C27.3346 9.28016 27.0346 8.56016 26.4946 8.0135Z' fill='white'/%3E%3Cpath d='M5.57422 25.3733C5.57422 27.7933 7.54089 29.76 9.95422 29.76H23.1342C24.9476 29.76 26.4276 28.28 26.4276 26.4666V22.96H5.57422V25.38V25.3733Z' fill='%23B8B9BB'/%3E%3Cpath d='M8.29688 20.1735H23.7102V12.0068H8.29688V20.1735ZM16.5969 12.9135H22.8035V15.6335H16.5969V12.9135ZM16.5969 16.5468H22.8035V19.2668H16.5969V16.5468ZM9.20354 12.9135H15.6902V15.6335H9.20354V12.9135ZM9.20354 16.5468H15.6902V19.2668H9.20354V16.5468Z' fill='%23ECECEC'/%3E%3Cpath d='M26.4946 8.0135L20.6546 2.1735C20.1146 1.6335 19.388 1.3335 18.6213 1.3335H9.95464C7.0413 1.3335 4.66797 3.70683 4.66797 6.62683V25.3735C4.66797 28.2935 7.0413 30.6668 9.95464 30.6668H23.1346C25.448 30.6668 27.3346 28.7802 27.3346 26.4668V10.0468C27.3346 9.28016 27.0346 8.56016 26.4946 8.0135ZM26.428 22.9535V26.4602C26.428 28.2802 24.948 29.7535 23.1346 29.7535H9.95464C7.5413 29.7535 5.57464 27.7868 5.57464 25.3668V6.62683C5.57464 4.20683 7.5413 2.24016 9.95464 2.24016H18.6213C18.9813 2.24016 19.3213 2.34016 19.6213 2.52016V9.04016H26.1413C26.3213 9.34016 26.4213 9.68016 26.4213 10.0402V22.9468L26.428 22.9535Z' fill='%23E7E8E8'/%3E%3Cpath d='M10.8817 28.2804L11.9083 26.8271L10.9017 25.4004H11.755L12.3283 26.2537L12.895 25.4004H13.7483L12.7417 26.8271L13.775 28.2804H12.9217L12.3283 27.3937L11.7283 28.2804H10.875H10.8817Z' fill='white'/%3E%3Cpath d='M14.2617 28.2803V24.3604H14.9884V28.2803H14.2617Z' fill='white'/%3E%3Cpath d='M15.4676 28.2804L16.4943 26.8271L15.4876 25.4004H16.3409L16.9143 26.2537L17.4809 25.4004H18.3343L17.3276 26.8271L18.3609 28.2804H17.5076L16.9143 27.3937L16.3143 28.2804H15.4609H15.4676Z' fill='white'/%3E%3Cpath d='M19.9156 28.3603C19.5556 28.3603 19.2622 28.2803 19.0356 28.1136C18.8156 27.947 18.6756 27.7136 18.6289 27.4136L19.3689 27.3003C19.4022 27.4336 19.4689 27.5403 19.5689 27.6203C19.6756 27.6936 19.8022 27.7336 19.9622 27.7336C20.0956 27.7336 20.1956 27.707 20.2689 27.6603C20.3422 27.607 20.3756 27.5403 20.3756 27.447C20.3756 27.387 20.3622 27.347 20.3356 27.307C20.3089 27.2736 20.2422 27.2403 20.1422 27.207C20.0422 27.1736 19.8889 27.127 19.6822 27.0736C19.4489 27.0136 19.2622 26.947 19.1222 26.8736C18.9822 26.8003 18.8822 26.707 18.8156 26.607C18.7556 26.5003 18.7222 26.3803 18.7222 26.227C18.7222 26.0403 18.7689 25.8803 18.8622 25.747C18.9556 25.6136 19.0889 25.507 19.2622 25.4336C19.4356 25.3603 19.6356 25.3203 19.8689 25.3203C20.1022 25.3203 20.2956 25.3536 20.4689 25.427C20.6422 25.5003 20.7822 25.5936 20.8889 25.7203C20.9956 25.847 21.0622 26.0003 21.0889 26.1736L20.3489 26.307C20.3356 26.2003 20.2889 26.1136 20.2089 26.0536C20.1289 25.9936 20.0222 25.9536 19.8822 25.947C19.7489 25.9403 19.6422 25.9536 19.5622 26.0003C19.4822 26.047 19.4422 26.107 19.4422 26.1936C19.4422 26.2403 19.4622 26.287 19.4956 26.3203C19.5289 26.3536 19.6022 26.387 19.7089 26.427C19.8156 26.4603 19.9822 26.507 20.2089 26.567C20.4289 26.627 20.6022 26.687 20.7356 26.767C20.8689 26.847 20.9622 26.9336 21.0222 27.0403C21.0822 27.147 21.1156 27.2736 21.1156 27.4203C21.1156 27.7136 21.0089 27.947 20.7956 28.1136C20.5822 28.2803 20.2889 28.367 19.9089 28.367L19.9156 28.3603Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17302_38307'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.flash-message-warning {
    background-color: #FFF4E0
}

.btn-alert-dimiss {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23B8B9BB' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10'/%3E%3Cpath fill='%23fff' d='m11.13 10 2.64-2.64c.31-.31.31-.82 0-1.13a.803.803 0 0 0-1.13 0L10 8.87 7.36 6.23a.803.803 0 0 0-1.13 0c-.31.31-.31.82 0 1.13L8.87 10l-2.64 2.64c-.31.31-.31.82 0 1.13.16.16.36.23.56.23s.41-.08.56-.23l2.64-2.64 2.64 2.64c.16.16.36.23.56.23s.41-.08.56-.23c.31-.31.31-.82 0-1.13L11.11 10z'/%3E%3C/svg%3E") center/1em auto no-repeat;
    margin: 0.125rem auto;
    padding: 0;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    border: 0;
}

/*! purgecss end ignore */