.page-holder {
    display: flex;
    overflow-x: hidden;
    width: 100%;
    min-height: calc(100vh - 60px);
    padding-top: 3rem;
    flex-wrap: wrap
}

.page-header {
    margin-bottom: 3rem
}

.page-heading {
    text-transform: uppercase;
    font-weight: 300
}

.page-breadcrumb {
    margin-bottom: 2rem
}

a {
    transition: all .3s
}

.subtitle {
    font-size: .9rem;
    text-transform: uppercase;
}

.section-heading {
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
}

.section-heading.section-heading-ms {
    margin-left: 1rem
}

@media (min-width: 992px) {
    .section-heading.section-heading-ms {
        margin-left: 2rem
    }
}

.text-content h1,
.text-content .h1,
.text-content h2,
.text-content .h2,
.text-content h3,
.text-content .h3,
.text-content h4,
.text-content .h4,
.text-content h5,
.text-content .h5,
.text-content h6,
.text-content .h6,
.text-content p,
.text-content ul,
.text-content ol,
.text-content blockquote {
    margin-bottom: 2rem
}

.text-content p,
.text-content ul,
.text-content ol {
    color: #6c757d
}

.navbar {
    z-index: 4
}

.navbar .navbar-brand {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: color .3s;
    transform: translate(-50%, -50%)
}

@media (max-width: 767.98px) {
    .navbar .navbar-brand {
        position: static;
        transform: none
    }
}

@media (min-width: 400px) {
    .navbar .d-brand-partial {
        display: inline !important
    }
}

.nav-link-icon {
    padding-top: .9rem;
    padding-bottom: .9rem
}

.nav-link-icon .notification-badge {
    top: 1rem
}

.nav-link-icon .notification-badge.notification-badge-number {
    top: .6rem
}

.input-group-navbar {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem
}

.input-group-navbar .form-control {
    background: #e9ecef;
    border: none;
    box-shadow: none;
    font-size: .7875rem
}

.input-group-navbar .btn {
    background: #e9ecef
}

#searchDropdown {
    width: 100%
}

/*.dropdown-menu-animated.dropdown-menu-end {*/
/*    right: 0 !important;*/
/*    left: auto !important*/
/*}*/

.dropdown-menu-animated {
    position: absolute;
    margin: 0;
    animation-name: AnimateDropdown;
    animation-duration: .3s;
    animation-fill-mode: both;
    z-index: 1000
}

.dropdown-menu-animated.show {
    top: 100% !important
}

.dropdown-menu-animated i {
    display: inline-block
}

.dropdown-menu-animated.dropdown-menu[data-popper-placement^=left],
.dropdown-menu-animated.dropdown-menu[data-popper-placement^=right],
.dropdown-menu-animated.dropdown-menu[data-popper-placement^=top] {
    top: auto !important;
    animation: none !important
}

@keyframes AnimateDropdown {
    100% {
        transform: translateY(0)
    }

    0% {
        transform: translateY(10px)
    }
}

.card {
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.card-header {
    position: relative;
    padding: 2rem 2rem;
    border-bottom: none;
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    z-index: 2
}

.card-header:first-child {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0
}

.card-header-tabs {
    margin-bottom: -2rem
}

.card-header-tabs .nav-link {
    margin-bottom: 0;
    border-bottom: none
}

.card-header-transparent {
    border-bottom: none;
    background-color: rgba(0, 0, 0, .3)
}

.card .list-group-item {
    padding-right: 2rem;
    padding-left: 2rem
}

.card-heading {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.card-header-more {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.card {
    --bs-card-border-radius: 1rem;
}

.card-table {
    overflow: hidden;
    --bs-card-border-radius: 1rem;
}

.card-table .table-responsive {
    margin-right: -1px
}

/*.card-table .card-body {*/
/*    padding: 0*/
/*}*/

.card-table thead th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-transform: uppercase;
    color: #000;
    border-bottom-width: 0;
    background: #343a40;
    font-size: 13px
}

.card-table thead.light th {
    color: #343a40;
    background: #f8f9fa
}

.card-table .table tr td:first-child,
.card-table .table tr th:first-child {
    padding-left: 2rem
}

.card-table .table tr td:last-child,
.card-table .table tr th:last-child {
    padding-right: 2rem
}

.card-table-img {
    display: inline-block;
    width: 40px
}

@media (min-width: 992px) {
    .card-table-img {
        width: 70px
    }
}

.card-table-text {
    display: inline-block;
    vertical-align: middle
}

.credit-card {
    position: relative;
    height: 0;
    padding-top: 66%;
    border-radius: .5rem
}

.credict-card-content {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    justify-content: space-between
}

.credict-card-bottom {
    display: flex;
    padding-top: 1rem;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

.card-profile .card-header {
    height: 9rem;
    background-position: center center;
    background-size: cover
}

.card-profile-img {
    position: relative;
    max-width: 8rem;
    margin-top: -6rem;
    margin-bottom: 1rem;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    z-index: 2
}

.card-status {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 8px;
    background: rgba(0, 40, 100, .12);
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0
}

.card-img-overlay-top {
    position: absolute;
    top: 2rem;
    right: 2rem;
    left: 2rem
}

.card-img-overlay-bottom {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    left: 2rem
}

.card-widget {
    display: flex;
    padding: .5rem;
    border-radius: 50rem;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    align-items: center;
    justify-content: space-between
}

.card-widget-body {
    display: flex;
    align-items: center;
    flex-grow: 1
}

.card-category {
    text-transform: uppercase;
    color: #6c757d;
    font-size: .9rem;
    font-weight: bold
}

.card-adjust-height-sm .card {
    max-height: 50vh
}

.card-adjust-height-sm .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 576px) {
    .card-adjust-height-sm {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-sm .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-sm .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height-md .card {
    max-height: 50vh
}

.card-adjust-height-md .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .card-adjust-height-md {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-md .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-md .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height-lg .card {
    max-height: 50vh
}

.card-adjust-height-lg .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 992px) {
    .card-adjust-height-lg {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-lg .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-lg .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height-xl .card {
    max-height: 50vh
}

.card-adjust-height-xl .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 1200px) {
    .card-adjust-height-xl {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-xl .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-xl .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height-xxl .card {
    max-height: 50vh
}

.card-adjust-height-xxl .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 1400px) {
    .card-adjust-height-xxl {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-xxl .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-xxl .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height-3xl .card {
    max-height: 50vh
}

.card-adjust-height-3xl .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width: 2000px) {
    .card-adjust-height-3xl {
        height: 0;
        min-height: 100%
    }

    .card-adjust-height-3xl .card {
        height: calc(100% - 24px);
        max-height: none
    }

    .card-adjust-height-3xl .card-body {
        overflow: auto;
        height: calc(100% - 70px);
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.card-adjust-height {
    height: 0;
    min-height: 100%
}

.card-adjust-height .card {
    max-height: 50vh
}

.card-adjust-height .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

.card-adjust-height .card {
    height: calc(100% - 24px);
    max-height: none
}

.card-adjust-height .card-body {
    overflow: auto;
    height: calc(100% - 70px);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

.card-header.bg-inverse {
    color: #f8f9fa;
    background: #343a40
}

.avatar {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border: #dee2e6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    line-height: 3rem
}

.avatar.avatar-xxs {
    width: 1rem;
    height: 1rem;
    line-height: 1rem
}

.avatar.avatar-xs {
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem
}

.avatar.avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.avatar.avatar-lg {
    width: 5rem;
    height: 5rem;
    line-height: 5rem
}

.avatar.avatar-xl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem
}

.avatar.avatar-xxl {
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
    line-height: 10rem
}

.avatar.avatar-border-white {
    border: solid 2px #fff
}

.avatar.avatar-flag {
    width: auto !important
}

.avatar-stacked {
    margin-left: -0.5rem
}

.avatar-text {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 2.6rem;
    font-size: .9rem
}

.avatar-primary-light {
    color: #4650dd;
    background-color: #dadcf8
}

.avatar-secondary-light {
    color: #6c757d;
    background-color: #e2e3e5
}

.avatar-success-light {
    color: #03cfb7;
    background-color: #cdf5f1
}

.avatar-info-light {
    color: #17a2b8;
    background-color: #d1ecf1
}

.avatar-warning-light {
    color: #ffc107;
    background-color: #fff3cd
}

.avatar-danger-light {
    color: #dc3545;
    background-color: #f8d7da
}

.avatar-light-light {
    color: #f8f9fa;
    background-color: #fefefe
}

.avatar-dark-light {
    color: #343a40;
    background-color: #d6d8d9
}

.svg-icon {
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    stroke: currentColor;
    stroke-width: 3;
    --layer1: currentColor;
    --layer2: currentColor;
    --layer3: currentColor
}

.svg-icon.svg-icon-light {
    stroke-width: 2
}

.svg-icon.svg-icon-heavy {
    stroke-width: 4
}

.svg-icon-sm {
    width: 16px;
    height: 16px
}

.svg-icon-md {
    width: 24px;
    height: 24px
}

.svg-icon-lg {
    width: 48px;
    height: 48px
}

.svg-icon-xl {
    width: 64px;
    height: 64px
}

.icon {
    display: flex;
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.icon.icon-lg {
    width: 3rem;
    height: 3rem
}

.icon.icon-xl {
    width: 5rem;
    height: 5rem
}

.icon.icon-sm {
    width: 1.7rem;
    height: 1.7rem;
    font-size: .7rem
}

.sidebar-menu {
    position: relative;
    background: #f8f9fa;
    box-shadow: inset 4px -2px .25rem 0px rgba(0, 0, 0, .075);
    font-size: .7875rem
}

.sidebar-heading {
    margin-bottom: 0;
    padding: 1.5rem;
    color: #adb5bd;
    font-size: .7875rem;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .sidebar-heading {
        padding-right: .5rem;
        padding-left: .5rem;
        text-align: center
    }
}

.sidebar-link {
    display: flex;
    padding: .5rem 1.5rem;
    transition: background .3s;
    text-decoration: none;
    align-items: center
}

.sidebar-link[data-bs-toggle=collapse] {
    position: relative
}

.sidebar-link[data-bs-toggle=collapse]::before {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%) rotate(-180deg);
    color: #aaa;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Left%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23aaa' stroke-miterlimit='10' stroke-width='5' d='M39 20.006L25 32l14 12.006' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: left center;
    transition: .2s;
}

.sidebar-link[data-bs-toggle=collapse][aria-expanded=true]::before {
    transform: translateY(-50%) rotate(-90deg)
}

.sidebar-link:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, .03)
}

.sidebar-link.active,
.sidebar-link:focus {
    text-decoration: none;
    color: #fff !important;
    background: #4650dd
}

.sidebar-link.active::before,
.sidebar-link:focus::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Left%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='5' d='M39 20.006L25 32l14 12.006' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E")
}

.sidebar-link:focus {
    background: #5962e0
}

.sidebar-link .sidebar-link-title {
    display: inline-block;
    transition: all .3s
}

.sidebar-menu .sidebar-link.active {
    background: #7e85e7
}

.sidebar {
    width: 16rem;
    transition: all .2s;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    z-index: 2
}

.sidebar.shrink {
    width: 6rem;
    text-align: center
}

.sidebar.shrink .sidebar-link {
    display: block;
    padding-right: .2rem;
    padding-left: .2rem;
    font-size: .75rem
}

.sidebar.shrink .sidebar-link .sidebar-link-title {
    display: block;
    font-size: .75rem
}

@media (max-width: 575.98px) {
    .sidebar.shrink .sidebar-link .sidebar-link-title {
        font-size: .6rem
    }
}

.sidebar.shrink .sidebar-link i.bi {
    margin: 0 !important
}

.sidebar.shrink .sidebar-link[data-bs-toggle=collapse] {
    padding-bottom: 1.5rem
}

.sidebar.shrink .sidebar-link[data-bs-toggle=collapse]::before {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: .25rem;
    left: auto;
    transform: translateX(50%) rotate(-90deg)
}

.sidebar.shrink .sidebar-link[data-bs-toggle=collapse][aria-expanded=true]::before {
    transform: translateX(50%) rotate(90deg)
}

.sidebar.shrink .sidebar-heading {
    padding-right: .5rem;
    padding-left: .5rem;
    text-align: center
}

.sidebar.shrink .sidebar-menu {
    font-size: .7875rem
}

.sidebar.shrink .collapse .sidebar-link,
.sidebar.shrink .collapsing .sidebar-link {
    padding-right: .2rem !important;
    padding-left: .2rem !important;
    transition: none
}

@media (max-width: 1199.98px) {
    .sidebar {
        overflow: hidden;
        width: 6rem;
        margin-right: -6rem;
        transition: all .4s;
        text-align: center
    }

    .sidebar .sidebar-link {
        display: block;
        padding-right: .2rem;
        padding-left: .2rem
    }

    .sidebar .sidebar-link .sidebar-link-title {
        display: block;
        font-size: .75rem
    }

    .sidebar .sidebar-link svg {
        margin: 0 !important
    }

    .sidebar .sidebar-heading {
        padding-right: .5rem;
        padding-left: .5rem;
        text-align: center
    }

    .sidebar .sidebar-menu {
        font-size: .7875rem
    }
}

.sidebar.show {
    margin-right: 0
}

.fc {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.fc .fc-toolbar-title {
    font-size: 1.2rem
}

.fc .fc-toolbar .fc-center {
    padding-top: .25rem
}

.fc .fc-event,
.fc .fc-event-dot {
    color: #fff !important;
    border-color: #4650dd;
    background-color: #4650dd
}

.fc .alert-info {
    background-color: #9ca2ed
}

.fc .panel {
    padding: 20px;
    background: #fff
}

.fc .fc-popover {
    border-width: 0;
    border-radius: .25rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.fc .fc-popover-header {
    padding: .5rem
}

.fc .fc-daygrid-day.fc-day-today {
    background: rgba(70, 80, 221, .15)
}

.fc .fc-daygrid-dot-event.fc-event-mirror,
.fc .fc-daygrid-dot-event:hover {
    background: rgba(70, 80, 221, .65)
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    background: #4650dd
}

.dataTable-wrapper {
    overflow-x: auto;
    max-width: 100%
}

.dataTable-wrapper.no-header .dataTable-container {
    border-top: 1px solid #d9d9d9
}

.dataTable-wrapper.no-footer .dataTable-container {
    border-bottom: 1px solid #d9d9d9
}

.dataTable-top {
    padding: 8px 10px;
    font-size: .7875rem
}

.dataTable-top > nav:first-child {
    float: left
}

.dataTable-top > nav:last-child {
    float: right
}

.dataTable-top > div:first-child {
    float: left
}

@media (max-width: 767.98px) {
    .dataTable-top > div:first-child {
        float: none
    }
}

.dataTable-top > div:last-child {
    float: right
}

@media (max-width: 767.98px) {
    .dataTable-top > div:last-child {
        margin-top: .25rem;
        float: none
    }
}

.dataTable-top::after {
    display: table;
    clear: both;
    content: " "
}

.dataTable-bottom {
    padding: 8px 10px
}

.dataTable-bottom > nav:first-child {
    float: left
}

.dataTable-bottom > nav:last-child {
    float: right
}

.dataTable-bottom > div:first-child {
    float: left
}

.dataTable-bottom > div:last-child {
    float: right
}

.dataTable-bottom::after {
    display: table;
    clear: both;
    content: " "
}

.dataTable-selector {
    display: inline !important;
    width: auto
}

.dataTable-input {
    padding: .375rem .75rem;
    border: solid 1px #ced4da;
    border-radius: .25rem
}

.dataTable-input.form-control-sm {
    padding: .25rem .5rem
}

.dataTable-info {
    margin: 7px 0
}

.dataTable-pagination ul {
    margin: 0;
    padding-left: 0
}

.dataTable-pagination li {
    float: right;
    list-style: none
}

.dataTable-pagination a {
    position: relative;
    float: left;
    margin-left: 2px;
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent
}

.dataTable-pagination a:hover {
    background-color: #d9d9d9
}

.dataTable-pagination .active a {
    cursor: default;
    background-color: #d9d9d9
}

.dataTable-pagination .active a:focus {
    cursor: default;
    background-color: #d9d9d9
}

.dataTable-pagination .active a:hover {
    cursor: default;
    background-color: #d9d9d9
}

.dataTable-pagination .ellipsis a {
    cursor: not-allowed
}

.dataTable-pagination .disabled a {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: .4
}

.dataTable-pagination .disabled a:focus {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: .4
}

.dataTable-pagination .disabled a:hover {
    cursor: not-allowed;
    cursor: not-allowed;
    opacity: .4
}

.dataTable-pagination .pager a {
    font-weight: bold
}

.dataTable-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.dataTable-table > thead > tr > td {
    padding: 8px 10px;
    vertical-align: top
}

.dataTable-table > thead > tr > th {
    padding: 8px 10px;
    text-align: right;
    vertical-align: top;
    vertical-align: bottom;
    border-bottom: 1px solid #d9d9d9
}

.dataTable-table th {
    text-align: left;
    vertical-align: bottom
}

.dataTable-table th a {
    text-decoration: none;
    color: inherit
}

.preload-wrapper {
    opacity: 0;
    transition: all .5s
}

.preload-wrapper.opacity-10 {
    opacity: 1
}

.card-table .dataTable-wrapper {
    background: #f8f9fa
}

.card-table .dataTable-top {
    padding: 2rem 2rem;
    background: #f8f9fa
}

.card-table .dataTable-table {
    background: #fff
}

.card-table .dataTable-table > thead > tr > td {
    /*padding-top: 1.5rem;*/
    /*padding-bottom: 1.5rem;*/
    vertical-align: top
}

.card-table .dataTable-table > thead > tr > th {
    /*padding-top: 1.5rem;*/
    /*padding-bottom: 1.5rem;*/
    text-align: center;
    vertical-align: top;
    vertical-align: bottom;
    border-bottom: 1px solid #d9d9d9
}

.card-table .dataTable-sorter::before {
    opacity: .4;
    border-top: 4px solid #fff
}

.card-table .dataTable-sorter::after {
    opacity: .4;
    border-bottom: 4px solid #fff
}

.card-table .asc .dataTable-sorter::after {
    opacity: 1
}

.card-table .desc .dataTable-sorter::before {
    opacity: 1
}

.card-table .dataTable-bottom {
    padding: 2rem;
    background: #f8f9fa
}

.dataTable-sorter {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 15px
}

.dataTable-sorter::before {
    position: absolute;
    right: 4px;
    bottom: 0px;
    width: 0;
    height: 0;
    content: "";
    opacity: .2;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dataTable-sorter::after {
    position: absolute;
    top: 0px;
    right: 4px;
    width: 0;
    height: 0;
    content: "";
    opacity: .2;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #000;
    border-left: 4px solid transparent
}

.asc .dataTable-sorter::after {
    opacity: .6
}

.desc .dataTable-sorter::before {
    opacity: .6
}

.dataTables-empty {
    text-align: center
}

.gauge-container {
    position: relative
}

.gauge-canvas {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-right: auto;
    margin-left: auto
}

.gauge-label {
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold
}

*[hidden] {
    display: none
}

.sparkline--tooltip {
    position: absolute;
    padding: 2px 5px;
    white-space: nowrap;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    font-size: 12px;
    z-index: 9999
}

.sparkline--cursor {
    stroke: orange
}

.sparkline--spot {
    fill: red;
    stroke: red
}

.sparkline {
    fill: none
}

.sparkline--red {
    stroke: #dc2b33
}

.sparkline--red.sparkline--filled {
    fill: rgba(220, 43, 51, .3)
}

.sparkline--blue {
    stroke: #3d85de
}

.sparkline--blue.sparkline--filled {
    fill: rgba(61, 133, 222, .3)
}

.sparkline--green {
    stroke: #4c9b4c
}

.sparkline--green.sparkline--filled {
    fill: rgba(76, 155, 76, .3)
}

.sparkline--gray {
    stroke: #777
}

.sparkline--gray.sparkline--filled {
    fill: rgba(119, 119, 119, .3)
}

.sparkline--orange {
    stroke: #e36023
}

.sparkline--orange.sparkline--filled {
    fill: rgba(227, 96, 35, .3)
}

.sparkline--purple {
    stroke: #573585
}

.sparkline--purple.sparkline--filled {
    fill: rgba(87, 53, 133, .3)
}

.sparkline--yellow {
    stroke: #fdd700
}

.sparkline--yellow.sparkline--filled {
    fill: rgba(253, 215, 0, .3)
}

.sparkline--pink {
    stroke: #db3b9e
}

.sparkline--pink.sparkline--filled {
    fill: rgba(219, 59, 158, .3)
}

@keyframes passing-through {
    0% {
        transform: translateY(40px);
        opacity: 0
    }

    30%,
    70% {
        transform: translateY(0px);
        opacity: 1
    }

    100% {
        transform: translateY(-40px);
        opacity: 0
    }
}

@keyframes slide-in {
    0% {
        transform: translateY(40px);
        opacity: 0
    }

    30% {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

.dropzone {
    min-height: 150px;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    margin: 2em 0;
    text-align: center
}

.dropzone .dz-preview {
    display: inline-block;
    position: relative;
    min-height: 100px;
    margin: 16px;
    vertical-align: top
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    display: block;
    cursor: pointer;
    text-align: center;
    border: none;
    font-size: 14px
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, .9);
    font-size: 13px;
    line-height: 150%;
    z-index: 20
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, .8);
    background-color: rgba(255, 255, 255, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span {
    padding: 0 .4em;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .4)
}

.dropzone .dz-preview .dz-details .dz-size span {
    padding: 0 .4em;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .4)
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05, 1.05);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 130px;
    padding: 5px;
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    pointer-events: none;
    opacity: 0;
    z-index: 500
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    transition: all .2s linear;
    opacity: 1
}

.dropzone .dz-preview.dz-complete .dz-progress {
    transition: opacity .4s ease-in;
    opacity: 0
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 80px;
    height: 16px;
    margin-top: -8px;
    margin-left: -40px;
    pointer-events: none;
    opacity: 1;
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    z-index: 1000
}

.dropzone .dz-preview .dz-progress .dz-upload {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width 300ms ease-in-out;
    background: #333;
    background: linear-gradient(to bottom, #666, #444)
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    pointer-events: auto;
    opacity: 1
}

.dropzone .dz-preview .dz-error-message {
    display: block;
    display: none;
    position: absolute;
    top: 130px;
    left: -10px;
    width: 140px;
    padding: .5em 1.2em;
    transition: opacity .3s ease;
    pointer-events: none;
    opacity: 0;
    color: #fff;
    border-radius: 3px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    font-size: 13px;
    z-index: 1000
}

.dropzone .dz-preview .dz-error-message:after {
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    content: "";
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
    border-left: 6px solid transparent
}

.nouislider {
    min-height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.noUi-target {
    height: 3px;
    margin-top: 10px;
    border: none;
    border-radius: 0;
    background: #ddd;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    top: -5px;
    right: -2px !important;
    width: 3px;
    height: 14px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    outline: none;
    background: #343a40;
    box-shadow: none
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
    display: none
}

.noUi-connect {
    background: #343a40
}

.text-primary .noUi-handle,
.text-primary .noUi-connect {
    background: #4650dd
}

.text-secondary .noUi-handle,
.text-secondary .noUi-connect {
    background: #6c757d
}

.nouislider-values {
    display: flex;
    margin-top: 1rem;
    color: #6c757d;
    font-size: .7875rem;
    justify-content: space-between
}

.noUi-tooltip {
    padding: .5rem;
    border-color: #dee2e6;
    background: #e9ecef;
    font-size: .7875rem
}

.spinner-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .5s ease-in-out;
    background-color: #fff;
    z-index: 999999
}

.spinner-wrapper.opacity-0 {
    visibility: hidden
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px !important;
    margin-left: -20px !important
}

.sk-rotating-plane {
    width: 40px;
    height: 40px;
    background-color: #4650dd;
    margin: 0;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@keyframes sk-rotatePlane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #4650dd;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-double-bounce .sk-double-bounce2 {
    animation-delay: -1s
}

@keyframes sk-doubleBounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.sk-wave {
    margin: 0;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-wave .sk-rect {
    background-color: #4650dd;
    height: 100%;
    width: 6px;
    display: inline-block;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
    animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
    animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
    animation-delay: -1s
}

.sk-wave .sk-rect4 {
    animation-delay: -0.9s
}

.sk-wave .sk-rect5 {
    animation-delay: -0.8s
}

@keyframes sk-waveStretchDelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4)
    }

    20% {
        transform: scaleY(1)
    }
}

.sk-wandering-cubes {
    margin: 0;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-wandering-cubes .sk-cube {
    background-color: #4650dd;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-wandering-cubes .sk-cube2 {
    animation-delay: -0.9s
}

@keyframes sk-wanderingCube {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: translateX(30px) rotate(-90deg) scale(0.5)
    }

    50% {
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: #4650dd;
    border-radius: 100%;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@keyframes sk-pulseScaleOut {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.sk-chasing-dots {
    margin: 0;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #4650dd;
    border-radius: 100%;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes sk-chasingDotsRotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chasingDotsBounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.sk-three-bounce {
    margin: 0;
    width: 80px;
    text-align: center
}

.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #4650dd;
    border-radius: 100%;
    display: inline-block;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-three-bounce .sk-bounce1 {
    animation-delay: -0.32s
}

.sk-three-bounce .sk-bounce2 {
    animation-delay: -0.16s
}

@keyframes sk-three-bounce {

    0%,
    80%,
    100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.sk-circle {
    margin: 0;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #4650dd;
    border-radius: 100%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    animation-delay: -0.9s
}

.sk-circle .sk-circle5:before {
    animation-delay: -0.8s
}

.sk-circle .sk-circle6:before {
    animation-delay: -0.7s
}

.sk-circle .sk-circle7:before {
    animation-delay: -0.6s
}

.sk-circle .sk-circle8:before {
    animation-delay: -0.5s
}

.sk-circle .sk-circle9:before {
    animation-delay: -0.4s
}

.sk-circle .sk-circle10:before {
    animation-delay: -0.3s
}

.sk-circle .sk-circle11:before {
    animation-delay: -0.2s
}

.sk-circle .sk-circle12:before {
    animation-delay: -0.1s
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 0
}

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #4650dd;
    float: left;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    animation-delay: .2s
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        transform: scale3D(1, 1, 1)
    }

    35% {
        transform: scale3D(0, 0, 1)
    }
}

.sk-fading-circle {
    margin: 0;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #4650dd;
    border-radius: 100%;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    animation-delay: -0.9s
}

.sk-fading-circle .sk-circle5:before {
    animation-delay: -0.8s
}

.sk-fading-circle .sk-circle6:before {
    animation-delay: -0.7s
}

.sk-fading-circle .sk-circle7:before {
    animation-delay: -0.6s
}

.sk-fading-circle .sk-circle8:before {
    animation-delay: -0.5s
}

.sk-fading-circle .sk-circle9:before {
    animation-delay: -0.4s
}

.sk-fading-circle .sk-circle10:before {
    animation-delay: -0.3s
}

.sk-fading-circle .sk-circle11:before {
    animation-delay: -0.2s
}

.sk-fading-circle .sk-circle12:before {
    animation-delay: -0.1s
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.sk-folding-cube {
    margin: 0;
    width: 40px;
    height: 40px;
    position: relative;
    transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4650dd;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
    transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
    transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    animation-delay: .9s
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }

    90%,
    100% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.map-custom-popup .leaflet-popup-content-wrapper {
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-family: var(--bs-font-sans-serif);
    font-size: .8rem;
    line-height: 1.5
}

.map-custom-popup .leaflet-popup-content {
    margin: 0;
    background: #fff
}

.map-custom-popup .leaflet-popup-tip {
    background: #fff;
    box-shadow: none
}

.map-custom-popup a.leaflet-popup-close-button {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff !important;
    background: #343a40 !important;
    font-weight: bold;
    line-height: 30px !important
}

.map-custom-popup .leaflet-popup-content p {
    margin: 0 0 1rem
}

.map-custom-popup .leaflet-popup-content a {
    color: #4650dd
}

.map-custom-popup .popup-venue {
    display: flex
}

.map-custom-popup .popup-venue .image {
    width: 200px;
    background-position: center center;
    background-size: cover
}

.map-custom-popup .popup-venue .text {
    width: 400px;
    padding: 1rem
}

.map-custom-tooltip {
    padding: .5rem;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #fff;
    font-family: var(--bs-font-sans-serif);
    font-weight: bold
}

.map-custom-tooltip.active {
    color: #fff;
    border-color: #4650dd;
    background-color: #4650dd
}

.map-custom-tooltip.active:before {
    border-top-color: #4650dd
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:hover,
.choices[data-type*=select-one] .choices__button:focus {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0px 0px 0px 2px #4650dd
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333 transparent;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #2530cb;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: .25rem;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: .25rem .25rem 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 .25rem .25rem
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #4650dd;
    border: 1px solid #303cd9;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #303cd9;
    border: 1px solid #2530cb
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

.choices__list--dropdown.is-active {
    visibility: visible
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.svg-blob {
    position: absolute;
    width: 300px;
    height: 300px;
    fill: currentColor
}

.svg-blob-fill-current {
    --layer1: currentColor
}

.svg-blob-swiper {
    top: 0;
    right: -100px;
    width: 100%;
    max-height: 100%;
    z-index: -1
}

.show-code-sample {
    margin-bottom: 0;
    padding-bottom: 1rem
}

.code-sample-collapse {
    padding-bottom: 1rem
}

.code-sample {
    max-height: 200px
}

.docs-item {
    padding: 2.5rem 0;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: .5rem
}

.docs-item:first-of-type {
    padding-top: 0
}

.docs-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.docs-item .docs-desc {
    color: #6c757d
}

.docs-item .docs-desc p.lead {
    color: #343a40
}

.sidebar-block {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9ecef
}

.sidebar-block:last-of-type {
    border-bottom: none
}

.sidebar-block:first-of-type {
    padding-top: 0
}

div.code-toolbar > .toolbar {
    top: .3em;
    right: 20px
}

div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
    padding: .5em 1em
}

div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
    color: #fff
}

.dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.notification-badge {
    position: absolute;
    top: .4rem;
    right: -0.2rem;
    width: .5rem;
    height: .5rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

.notification-badge.notification-badge-number {
    top: 0rem;
    right: -0.4rem;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    font-size: .7rem;
    line-height: 1.2rem
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0
}

.dot.dot-sm {
    width: 8px;
    height: 8px
}

.todo .form-check-input:checked + .form-check-label {
    text-decoration: line-through;
    color: #adb5bd
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    margin-bottom: -3px;
    border-bottom-width: 5px
}

.nav-tabs .nav-link {
    border-right-width: 0;
    border-left-width: 0
}

.display-hover .display-hover-content {
    opacity: 0;
    transition: all .2s ease-out
}

.display-hover:hover .display-hover-content,
.display-hover:focus .display-hover-content {
    opacity: 1
}

.list-inline-item.divider {
    margin-left: 1rem;
    padding-left: 1.5rem;
    border-left: solid 1px #ced4da
}

.list-group-timeline .list-group-item {
    position: relative;
    border: 0;
    background-color: transparent
}

.list-group-timeline .list-group-item::before {
    position: absolute;
    left: 1.5rem;
    height: 100%;
    content: "";
    border-left: 1px solid #dee2e6
}

.list-group-timeline .list-group-item:first-child::before {
    top: 1.5rem
}

.list-group-timeline .list-group-item:last-child::before {
    height: 50%
}

.btn-header-more {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    color: #adb5bd;
    border-color: transparent;
    border-radius: 1rem;
    background-color: transparent;
    font-weight: 400;
    line-height: 1
}

.btn-header-more:hover,
.btn-header-more:focus {
    color: #4650dd;
    background-color: #dadcf8
}

body *::-webkit-scrollbar {
    width: .4rem;
    height: .4rem
}

body *::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #ced4da
}

.indicator {
    display: inline-block;
    width: .6em;
    height: .6em;
    margin-right: .5em;
    border-radius: 50%;
    background-color: currentColor
}

.badge .indicator {
    width: 6px;
    height: 6px
}

.progress-table {
    flex-grow: 1;
    height: .25rem
}

.table-hover > tbody > tr:hover .progress-table {
    background: #fff;
    transition: all .2s ease-in-out
}

.text-uppercase {
    text-transform: uppercase;
}

.text-serif {
    font-family: Georgia, serif !important
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}

.text-shadow-primary {
    text-shadow: 2px 2px 2px rgba(70, 80, 221, .1)
}

.border-0 > th,
.border-0 > td {
    border: none !important
}

.form-star label {
    position: relative;
    min-height: 1.35rem;
    margin-bottom: 0;
    cursor: pointer;
    color: #dee2e6
}

.form-star label::before {
    content: "";
    transition: all .2s ease;
    font-family: "Font Awesome 5 Free";
    font-size: 1.0625rem;
    font-weight: 900
}

/*.form-star>input:checked~label {*/
/*    color: theme-color("warning")*/
/*}*/

.form-star input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.bg-primary-light {
    background-color: #dadcf8
}

.bg-secondary-light {
    background-color: #e2e3e5
}

.bg-success-light {
    background-color: #cdf5f1
}

.bg-info-light {
    background-color: #d1ecf1
}

.bg-warning-light {
    background-color: #fff3cd
}

.bg-danger-light {
    background-color: #f8d7da
}

.bg-light-light {
    background-color: #fefefe
}

.bg-dark-light {
    background-color: #d6d8d9
}

.bg-blue-light {
    background-color: #cfe2ff
}

.bg-indigo-light {
    background-color: #e0cffc
}

.bg-purple-light {
    background-color: #e2d9f3
}

.bg-pink-light {
    background-color: #f7d6e6
}

.bg-red-light {
    background-color: #f8d7da
}

.bg-orange-light {
    background-color: #ffe5d0
}

.bg-yellow-light {
    background-color: #fff3cd
}

.bg-green-light {
    background-color: #d7f0dd
}

.bg-teal-light {
    background-color: #d2f4ea
}

.bg-cyan-light {
    background-color: #d1ecf1
}

.bg-white-light {
    background-color: #fff
}

.bg-gray-light {
    background-color: #e2e3e5
}

.bg-gray-dark-light {
    background-color: #d6d8d9
}

.badge-primary-light {
    color: #4650dd;
    background-color: #dadcf8
}

.badge-primary-light .indicator {
    background: #4650dd
}

.badge-secondary-light {
    color: #6c757d;
    background-color: #e2e3e5
}

.badge-secondary-light .indicator {
    background: #6c757d
}

.badge-success-light {
    color: #03cfb7;
    background-color: #cdf5f1
}

.badge-success-light .indicator {
    background: #03cfb7
}

.badge-info-light {
    color: #17a2b8;
    background-color: #d1ecf1
}

.badge-info-light .indicator {
    background: #17a2b8
}

.badge-warning-light {
    color: #ffc107;
    background-color: #fff3cd
}

.badge-warning-light .indicator {
    background: #ffc107
}

.badge-danger-light {
    color: #dc3545;
    background-color: #f8d7da
}

.badge-danger-light .indicator {
    background: #dc3545
}

.badge-light-light {
    color: #f8f9fa;
    background-color: #fefefe
}

.badge-light-light .indicator {
    background: #f8f9fa
}

.badge-dark-light {
    color: #343a40;
    background-color: #d6d8d9
}

.badge-dark-light .indicator {
    background: #343a40
}

.bg-hover-gradient-primary {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-primary:hover {
    color: #fff !important
}

.bg-hover-gradient-primary:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-primary:hover::before {
    opacity: 1
}

.bg-hover-gradient-primary::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #4650dd, #1d26a0) !important;
    z-index: -1
}

.bg-hover-primary {
    transition: all .5s
}

.bg-hover-primary:hover {
    color: #fff !important;
    background: #4650dd !important
}

.bg-hover-primary:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-primary {
    background: linear-gradient(to left, #4650dd, #1d26a0) !important
}

.bg-hover-gradient-secondary {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-secondary:hover {
    color: #fff !important
}

.bg-hover-gradient-secondary:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-secondary:hover::before {
    opacity: 1
}

.bg-hover-gradient-secondary::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #6c757d, #3d4246) !important;
    z-index: -1
}

.bg-hover-secondary {
    transition: all .5s
}

.bg-hover-secondary:hover {
    color: #fff !important;
    background: #6c757d !important
}

.bg-hover-secondary:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-secondary {
    background: linear-gradient(to left, #6c757d, #3d4246) !important
}

.bg-hover-gradient-success {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-success:hover {
    color: #fff !important
}

.bg-hover-gradient-success:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-success:hover::before {
    opacity: 1
}

.bg-hover-gradient-success::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #03cfb7, #026a5e) !important;
    z-index: -1
}

.bg-hover-success {
    transition: all .5s
}

.bg-hover-success:hover {
    color: #fff !important;
    background: #03cfb7 !important
}

.bg-hover-success:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-success {
    background: linear-gradient(to left, #03cfb7, #026a5e) !important
}

.bg-hover-gradient-info {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-info:hover {
    color: #fff !important
}

.bg-hover-gradient-info:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-info:hover::before {
    opacity: 1
}

.bg-hover-gradient-info::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #17a2b8, #0c525d) !important;
    z-index: -1
}

.bg-hover-info {
    transition: all .5s
}

.bg-hover-info:hover {
    color: #fff !important;
    background: #17a2b8 !important
}

.bg-hover-info:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-info {
    background: linear-gradient(to left, #17a2b8, #0c525d) !important
}

.bg-hover-gradient-warning {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-warning:hover {
    color: #fff !important
}

.bg-hover-gradient-warning:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-warning:hover::before {
    opacity: 1
}

.bg-hover-gradient-warning::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #ffc107, #a07800) !important;
    z-index: -1
}

.bg-hover-warning {
    transition: all .5s
}

.bg-hover-warning:hover {
    color: #fff !important;
    background: #ffc107 !important
}

.bg-hover-warning:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-warning {
    background: linear-gradient(to left, #ffc107, #a07800) !important
}

.bg-hover-gradient-danger {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-danger:hover {
    color: #fff !important
}

.bg-hover-gradient-danger:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-danger:hover::before {
    opacity: 1
}

.bg-hover-gradient-danger::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #dc3545, #921925) !important;
    z-index: -1
}

.bg-hover-danger {
    transition: all .5s
}

.bg-hover-danger:hover {
    color: #fff !important;
    background: #dc3545 !important
}

.bg-hover-danger:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-danger {
    background: linear-gradient(to left, #dc3545, #921925) !important
}

.bg-hover-gradient-light {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-light:hover {
    color: #fff !important
}

.bg-hover-gradient-light:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-light:hover::before {
    opacity: 1
}

.bg-hover-gradient-light::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #f8f9fa, #bdc6d0) !important;
    z-index: -1
}

.bg-hover-light {
    transition: all .5s
}

.bg-hover-light:hover {
    color: #fff !important;
    background: #f8f9fa !important
}

.bg-hover-light:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-light {
    background: linear-gradient(to left, #f8f9fa, #bdc6d0) !important
}

.bg-hover-gradient-dark {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-dark:hover {
    color: #fff !important
}

.bg-hover-gradient-dark:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-dark:hover::before {
    opacity: 1
}

.bg-hover-gradient-dark::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #343a40, #060708) !important;
    z-index: -1
}

.bg-hover-dark {
    transition: all .5s
}

.bg-hover-dark:hover {
    color: #fff !important;
    background: #343a40 !important
}

.bg-hover-dark:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-dark {
    background: linear-gradient(to left, #343a40, #060708) !important
}

.bg-hover-gradient-blue {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-blue:hover {
    color: #fff !important
}

.bg-hover-gradient-blue:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-blue:hover::before {
    opacity: 1
}

.bg-hover-gradient-blue::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #0d6efd, #0143a3) !important;
    z-index: -1
}

.bg-hover-blue {
    transition: all .5s
}

.bg-hover-blue:hover {
    color: #fff !important;
    background: #0d6efd !important
}

.bg-hover-blue:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-blue {
    background: linear-gradient(to left, #0d6efd, #0143a3) !important
}

.bg-hover-gradient-indigo {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-indigo:hover {
    color: #fff !important
}

.bg-hover-gradient-indigo:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-indigo:hover::before {
    opacity: 1
}

.bg-hover-gradient-indigo::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #6610f2, #3d0894) !important;
    z-index: -1
}

.bg-hover-indigo {
    transition: all .5s
}

.bg-hover-indigo:hover {
    color: #fff !important;
    background: #6610f2 !important
}

.bg-hover-indigo:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-indigo {
    background: linear-gradient(to left, #6610f2, #3d0894) !important
}

.bg-hover-gradient-purple {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-purple:hover {
    color: #fff !important
}

.bg-hover-gradient-purple:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-purple:hover::before {
    opacity: 1
}

.bg-hover-gradient-purple::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #6f42c1, #432776) !important;
    z-index: -1
}

.bg-hover-purple {
    transition: all .5s
}

.bg-hover-purple:hover {
    color: #fff !important;
    background: #6f42c1 !important
}

.bg-hover-purple:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-purple {
    background: linear-gradient(to left, #6f42c1, #432776) !important
}

.bg-hover-gradient-pink {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-pink:hover {
    color: #fff !important
}

.bg-hover-gradient-pink:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-pink:hover::before {
    opacity: 1
}

.bg-hover-gradient-pink::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #d63384, #881b51) !important;
    z-index: -1
}

.bg-hover-pink {
    transition: all .5s
}

.bg-hover-pink:hover {
    color: #fff !important;
    background: #d63384 !important
}

.bg-hover-pink:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-pink {
    background: linear-gradient(to left, #d63384, #881b51) !important
}

.bg-hover-gradient-red {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-red:hover {
    color: #fff !important
}

.bg-hover-gradient-red:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-red:hover::before {
    opacity: 1
}

.bg-hover-gradient-red::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #dc3545, #921925) !important;
    z-index: -1
}

.bg-hover-red {
    transition: all .5s
}

.bg-hover-red:hover {
    color: #fff !important;
    background: #dc3545 !important
}

.bg-hover-red:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-red {
    background: linear-gradient(to left, #dc3545, #921925) !important
}

.bg-hover-gradient-orange {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-orange:hover {
    color: #fff !important
}

.bg-hover-gradient-orange:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-orange:hover::before {
    opacity: 1
}

.bg-hover-gradient-orange::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #fd7e14, #aa4e01) !important;
    z-index: -1
}

.bg-hover-orange {
    transition: all .5s
}

.bg-hover-orange:hover {
    color: #fff !important;
    background: #fd7e14 !important
}

.bg-hover-orange:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-orange {
    background: linear-gradient(to left, #fd7e14, #aa4e01) !important
}

.bg-hover-gradient-yellow {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-yellow:hover {
    color: #fff !important
}

.bg-hover-gradient-yellow:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-yellow:hover::before {
    opacity: 1
}

.bg-hover-gradient-yellow::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #ffc107, #a07800) !important;
    z-index: -1
}

.bg-hover-yellow {
    transition: all .5s
}

.bg-hover-yellow:hover {
    color: #fff !important;
    background: #ffc107 !important
}

.bg-hover-yellow:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-yellow {
    background: linear-gradient(to left, #ffc107, #a07800) !important
}

.bg-hover-gradient-green {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-green:hover {
    color: #fff !important
}

.bg-hover-gradient-green:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-green:hover::before {
    opacity: 1
}

.bg-hover-gradient-green::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #35b653, #1e672f) !important;
    z-index: -1
}

.bg-hover-green {
    transition: all .5s
}

.bg-hover-green:hover {
    color: #fff !important;
    background: #35b653 !important
}

.bg-hover-green:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-green {
    background: linear-gradient(to left, #35b653, #1e672f) !important
}

.bg-hover-gradient-teal {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-teal:hover {
    color: #fff !important
}

.bg-hover-gradient-teal:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-teal:hover::before {
    opacity: 1
}

.bg-hover-gradient-teal::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #20c997, #127155) !important;
    z-index: -1
}

.bg-hover-teal {
    transition: all .5s
}

.bg-hover-teal:hover {
    color: #fff !important;
    background: #20c997 !important
}

.bg-hover-teal:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-teal {
    background: linear-gradient(to left, #20c997, #127155) !important
}

.bg-hover-gradient-cyan {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-cyan:hover {
    color: #fff !important
}

.bg-hover-gradient-cyan:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-cyan:hover::before {
    opacity: 1
}

.bg-hover-gradient-cyan::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #17a2b8, #0c525d) !important;
    z-index: -1
}

.bg-hover-cyan {
    transition: all .5s
}

.bg-hover-cyan:hover {
    color: #fff !important;
    background: #17a2b8 !important
}

.bg-hover-cyan:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-cyan {
    background: linear-gradient(to left, #17a2b8, #0c525d) !important
}

.bg-hover-gradient-white {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-white:hover {
    color: #fff !important
}

.bg-hover-gradient-white:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-white:hover::before {
    opacity: 1
}

.bg-hover-gradient-white::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #fff, #cccccc) !important;
    z-index: -1
}

.bg-hover-white {
    transition: all .5s
}

.bg-hover-white:hover {
    color: #fff !important;
    background: #fff !important
}

.bg-hover-white:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-white {
    background: linear-gradient(to left, #fff, #cccccc) !important
}

.bg-hover-gradient-gray {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-gray:hover {
    color: #fff !important
}

.bg-hover-gradient-gray:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-gray:hover::before {
    opacity: 1
}

.bg-hover-gradient-gray::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #6c757d, #3d4246) !important;
    z-index: -1
}

.bg-hover-gray {
    transition: all .5s
}

.bg-hover-gray:hover {
    color: #fff !important;
    background: #6c757d !important
}

.bg-hover-gray:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-gray {
    background: linear-gradient(to left, #6c757d, #3d4246) !important
}

.bg-hover-gradient-gray-dark {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.bg-hover-gradient-gray-dark:hover {
    color: #fff !important
}

.bg-hover-gradient-gray-dark:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.bg-hover-gradient-gray-dark:hover::before {
    opacity: 1
}

.bg-hover-gradient-gray-dark::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: all .5s;
    opacity: 0;
    background: linear-gradient(to left, #343a40, #060708) !important;
    z-index: -1
}

.bg-hover-gray-dark {
    transition: all .5s
}

.bg-hover-gray-dark:hover {
    color: #fff !important;
    background: #343a40 !important
}

.bg-hover-gray-dark:hover [class*=text-]:not(.exclude) {
    color: #fff !important
}

.gradient-gray-dark {
    background: linear-gradient(to left, #343a40, #060708) !important
}

.table-hover tbody tr.no-stripe {
    background-color: transparent !important
}

.table-hover tbody tr.no-hover:hover {
    background-color: transparent !important
}

.light-overlay,
.dark-overlay,
.gradient-overlay {
    position: relative;
    overflow: hidden
}

.light-overlay .overlay-content,
.dark-overlay .overlay-content,
.gradient-overlay .overlay-content {
    position: relative;
    z-index: 20
}

.light-overlay::after,
.dark-overlay::after,
.gradient-overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    opacity: .3;
    background: #000
}

.light-overlay::after {
    opacity: .3;
    background: #fff
}

.gradient-overlay::after {
    opacity: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.65) 100%)
}

.overflow-visible {
    overflow: visible !important
}

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

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

.left-box {
    box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, .7)
}

.hover-scale {
    transition: all .2s ease-in-out
}

.hover-scale:hover {
    transform: scale(1.05)
}

.hover-animate {
    transition: all .2s ease-in-out
}

.hover-animate:hover,
.hover-animate:focus {
    transform: translate3d(0, -2px, 0)
}

.hover-scale-bg-image .bg-image {
    transition: all .2s ease-in-out
}

.hover-scale-bg-image:hover .bg-image,
.hover-scale-bg-image:focus .bg-image {
    transform: scale(1.05)
}

.close-absolute {
    position: absolute;
    top: 0;
    right: 0
}

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

img.bg-image {
    font-family: "object-fit: cover;";
    -o-object-fit: cover;
    object-fit: cover
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.full-screen {
    height: calc(100vh - 72px)
}

.mh-full-screen {
    min-height: 100vh
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .mh-full-screen {
        height: 100vh
    }
}

.list-group {
    border-radius: .25rem
}

@media print {
    .shadow-print-0 {
        box-shadow: none !important
    }

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

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

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .card {
        display: block
    }

    .card-img-top,
    .card-img-bottom,
    .card-img {
        width: auto;
        min-width: 100%;
        height: auto
    }
}

#style-switch-button {
    position: fixed;
    top: 120px;
    left: 0px;
    border-radius: 0;
    z-index: 2
}

#style-switch {
    width: 300px;
    padding: 20px;
    position: fixed;
    top: 160px;
    left: 0;
    background: #fff;
    border: solid 1px #ced4da;
    z-index: 2000
}

#style-switch h4,
#style-switch .h4 {
    color: #495057
}


.bg-gray-100 {
    background-color: #f8f9fa !important
}

.bg-gray-200 {
    background-color: #e9ecef !important
}

.bg-gray-300 {
    background-color: #dee2e6 !important
}

.bg-gray-400 {
    background-color: #ced4da !important
}

.bg-gray-500 {
    background-color: #adb5bd !important
}

.bg-gray-600 {
    background-color: #6c757d !important
}

.bg-gray-700 {
    background-color: #495057 !important
}

.bg-gray-800 {
    background-color: #343a40 !important
}

.bg-gray-900 {
    background-color: #212529 !important
}


.bg-blue {
    background-color: #0d6efd !important
}

.bg-indigo {
    background-color: #6610f2 !important
}

.bg-purple {
    background-color: #6f42c1 !important
}

.bg-pink {
    background-color: #d63384 !important
}

.bg-red {
    background-color: #dc3545 !important
}

.bg-orange {
    background-color: #fd7e14 !important
}

.bg-yellow {
    background-color: #ffc107 !important
}

.bg-green {
    background-color: #35b653 !important
}

.bg-teal {
    background-color: #20c997 !important
}

.bg-cyan {
    background-color: #17a2b8 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-gray {
    background-color: #6c757d !important
}

.bg-gray-dark {
    background-color: #343a40 !important
}

.text-blue {
    color: #0d6efd !important
}

.text-indigo {
    color: #6610f2 !important
}

.text-purple {
    color: #6f42c1 !important
}

.text-pink {
    color: #d63384 !important
}

.text-red {
    color: #dc3545 !important
}

.text-orange {
    color: #fd7e14 !important
}

.text-yellow {
    color: #ffc107 !important
}

.text-green {
    color: #35b653 !important
}

.text-teal {
    color: #20c997 !important
}

.text-cyan {
    color: #17a2b8 !important
}

.text-white {
    color: #fff !important
}

.text-gray {
    color: #6c757d !important
}

.text-gray-dark {
    color: #343a40 !important
}

.text-primary {
    color: #4650dd !important
}

.text-primary-hover:hover {
    color: #4650dd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-secondary-hover:hover {
    color: #6c757d !important
}

.text-success {
    color: #03cfb7 !important
}

.text-success-hover:hover {
    color: #03cfb7 !important
}

.text-info {
    color: #17a2b8 !important
}

.text-info-hover:hover {
    color: #17a2b8 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-warning-hover:hover {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-danger-hover:hover {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}


.text-gray-100 {
    color: #f8f9fa !important
}

.text-gray-200 {
    color: #e9ecef !important
}

.text-gray-300 {
    color: #dee2e6 !important
}

.text-gray-400 {
    color: #ced4da !important
}

.text-gray-500 {
    color: #adb5bd !important
}

.text-gray-600 {
    color: #6c757d !important
}

.text-gray-700 {
    color: #495057 !important
}

.text-gray-800 {
    color: #343a40 !important
}

.text-gray-900 {
    color: #212529 !important
}

.icon-20 {
    font-size: 20px;
}

.icon-24 {
    font-size: 24px;
}

.icon-28 {
    font-size: 28px;
}

.icon-32 {
    font-size: 32px;
}

.icon-40 {
    font-size: 40px;
}

.line-height-0 {
    line-height: 0;
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color);
    /*text-decoration: underline*/
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

.table-action {
    cursor: pointer;
    width: 70px;
}

.table-action a {
    color: var(--bs-body-color);
}

/*.mvc-grid-table > table > thead > tr > th,.mvc-grid-header-mode .mvc-grid-value{*/
/*    background: #343a40;*/
/*}*/
.mvc-grid-sort, .mvc-grid-filter {
    font-family: GridGlyphs, sans-serif !important;
}

.form-group .rq {
    margin-right: 5px;
    color: red;
    font-style: normal;
}

.line-height-1 {
    line-height: 1rem;
}

.cursor-pointer {
    cursor: pointer;
}

.btn.btn-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.btn.btn-icon:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: rgba(170, 180, 190, 0.3) 0px 4px 20px;
}

/*.select2-container--default .select2-selection--single .select2-selection__arrow {*/
/*    height: 38px;*/
/*}*/

/*.select2-container .select2-selection--single {*/
/*    height: 40px;*/
/*}*/


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

.select2.select2-container .select2-selection {
    border: none;
}

.width-fit-content {
    width: fit-content;
}

* {
    scrollbar-width: thin;
}


@media print {
    .bg-print-white {
        background-color: white !important;
    }

    .card {
        box-shadow: none;
    }

    .text-red, .text-success, a, a:hover {
        color: black !important;
    }
}

.ltr {
    direction: ltr;
}

.mvc-grid-table {
    min-height: 300px;
}

/*.select2-container.select2-container--default.select2-container--open{*/
/*    z-index: 9999;*/
/*}*/

.card-transparent {
    background-color: #ffffff40;
}

.card-transparent > .card-header {
    background-color: transparent;
    box-shadow: none;
}

.card-transparent > .dataTable-wrapper {
    background-color: transparent;
}

.gradient-blue-light {
    background: linear-gradient(to left, #00E3FF, #00B1FF) !important;
}

.blue-light {
    background: #00B1FF !important;
}

.btn.blue-light:hover {
    background: #00E3FF !important;
}


.fs-7 {
    font-size: .8rem !important;
}

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

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

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

@media (max-width: 768px) {
    .w-to-md-100 {
        width: 100%;
    }
}

.text-justify {
    text-align: justify;
}

.offcanvas.offcanvas-start {
    width: 100%;
}

@media (min-width: 768px) {
    .offcanvas.offcanvas-start {
        width: 50%;
    }
}

.full-page .page-holder {
    padding-top: 0;
}


.nav-person {
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
}

@media (min-width: 992px) {
    .nav-person {
        margin: 0 -1.5rem 0 -1.5rem;
    }
}

@media (min-width: 1200px) {
    .nav-person {
        margin: 0px -3rem 0px -3rem;
    }
}
.input-group-sm .select2.select2-container{
    padding:0;
}