@import url(../fonts/icons/style.css);
@import url(../fonts/bootstrap/bootstrap-icons.css);

:root,
[data-bs-theme=light] {
    --bs-border-radius: 10px;
    --bs-border-radius-sm: 4px;
    --bs-border-radius-lg: 20px;
    --bs-border-radius-xl: 30px;
    --bs-border-radius-2xl: 40px;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 2px 20px rgba(var(--bs-body-color-rgb), 0.04);
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1400px;
    --bs-breakpoint-xxl: 1600px;
    --bo-header-min-height: 100px
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-300.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-300italic.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-italic.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-600.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-600italic.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-700.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/open-sans-v18-latin/open-sans-v18-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin/open-sans-v18-latin-700italic.woff") format("woff")
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-body {
    flex: 1
}

.page-body.align-items-center {
    display: flex;
    justify-content: center
}

.container-fluid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        padding-right: 25px;
        padding-left: 25px
    }
}

.page-header .nav-link {
    display: inline-flex;
    height: 44px;
    align-items: center;
    justify-content: center
}

.page-header>.navbar {
    padding-top: 0;
    padding-bottom: 0
}

.page-header>.navbar>.container {
    min-height: var(--bo-header-min-height);
    padding-top: var(--bs-navbar-padding-y);
    padding-bottom: var(--bs-navbar-padding-y)
}

.page-header .container .navbar-actions {
    flex: 1 1 auto
}

.page-header .container .navbar-nav {
    flex-direction: row;
    justify-content: flex-end
}

.page-header .navbar-nav .dropdown-menu {
    position: absolute
}

.page-footer {
    font-size: 13px;
    text-align: center;
    color: var(--bs-gray-700)
}

.page-footer .icon {
    color: var(--bs-secondary)
}

.page-footer .nav-link {
    font-size: 13px !important
}

.page-footer .footer-group {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-footer .footer-group .pwr {
    width: 100%
}

.page-footer .footer-group .pwr a {
    display: block;
    margin: 20px auto 10px;
    max-width: 140px
}

@media (max-width: 999px) {
    .page-footer .footer-group .pwr {
        order: 0
    }

    .page-footer .footer-group .copy {
        order: 2
    }

    .page-footer .footer-group .footer-contacts {
        order: 1
    }
}

.page-footer .nav a {
    color: var(--bs-gray-700)
}

.page-footer .nav a:hover {
    color: #000
}

.footer-contacts .nav .nav-item:last-child .nav-link {
    padding-right: 0
}

.pwr .label {
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
    position: relative
}

.pwr .label:before {
    content: '';
    display: block;
    height: 1px;
    width: 55vw;
    background-color: var(--bs-gray-300);
    position: absolute;
    left: 100%;
    top: 6px
}

.pwr .label:after {
    content: '';
    display: block;
    height: 1px;
    width: 55vw;
    background-color: var(--bs-gray-300);
    position: absolute;
    right: 100%;
    top: 6px
}

.pwr a {
    display: block
}

.pwr .text-muted {
    display: block
}

@media (min-width: 1000px) {
    .page-footer {
        padding-bottom: 20px
    }

    .page-footer .footer-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .page-footer .footer-group .pwr {
        flex: 0 0 140px
    }

    .page-footer .footer-group .copy {
        flex: 1;
        margin-top: 30px;
        margin-bottom: 0;
        text-align: left
    }

    .page-footer .footer-group .footer-contacts {
        flex: 1;
        margin-top: 30px;
        margin-bottom: 0
    }

    .page-footer .footer-group .footer-contacts .nav {
        justify-content: flex-end
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid var(--bs-gray-500);
    border-radius: 24px;
    background: transparent;
    position: relative;
    overflow: hidden
}

.selectric:hover {
    background-color: white;
    color: black
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 44px 0 22px;
    font-size: 14px;
    line-height: 44px;
    color: #000;
    height: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.33s;
    font-weight: 600
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    padding-right: 14px;
    width: 44px;
    height: 44px;
    line-height: 42px;
    background-color: transparent;
    color: #BBB;
    text-align: center;
    font-size: 14px
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    width: auto !important
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0
}

.selectric-items li {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px
}

.selectric-items li.selected {
    background: var(--bs-gray-300);
    color: #444
}

.selectric-items li.highlighted {
    background-color: var(--bs-gray-300)
}

.selectric-items li:hover {
    background-color: var(--bs-gray-300)
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.custom-select {
    appearance: none;
    border: 1px solid var(--bs-gray-700);
    height: 44px;
    border-radius: 24px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 14px
}

.custom-select::after {
    font-family: 'icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    color: var(--bs-gray-700);
    content: "\e906";
    width: 12px;
    height: 12px;
    border: none !important
}

.navbar-dark .selectric {
    border-color: white
}

.navbar-dark .selectric-open .selectric {
    background-color: white
}

.navbar-dark .selectric-open .selectric .button,
.navbar-dark .selectric-open .selectric .label {
    color: black
}

.navbar-dark .selectric .button,
.navbar-dark .selectric .label {
    color: white
}

.navbar-dark .selectric:hover {
    background-color: white
}

.navbar-dark .selectric:hover .button,
.navbar-dark .selectric:hover .label {
    color: black
}

.notification-control {
    font-size: 14px;
    position: relative;
    padding: 20px;
    display: block;
    text-decoration: none;
    color: inherit;
    transition: 0.33s
}

.notification-control[href]:hover {
    color: #000;
    background-color: var(--bs-secondary-lighter)
}

.notification-control:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: var(--bs-border-color-light)
}

.offcanvas-body .notification-control {
    margin-left: -20px;
    margin-right: -20px
}

.notification-control p {
    margin-bottom: 6px
}

.notification-control time {
    display: block;
    font-size: 12px
}

.notification-control.unread {
    background-color: var(--bs-border-color-light)
}

.notification-control.unread p {
    font-weight: 700;
    color: #000
}

.notification-list {
    position: relative
}

.offcanvas-body .notification-list {
    margin-top: -20px
}

.alert-dismissible {
    padding-right: 0 !important
}

.alert-dismissible .container {
    padding-right: 3rem !important
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%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.414z'/%3e%3c/svg%3e")
}

.alert .icon {
    vertical-align: middle;
    margin-right: 10px
}

.alert-stick {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 100;
    margin-bottom: 0 !important
}

.badge-alert {
    min-width: 22px
}

.badge-rounded {
    border-radius: 50%
}

.badge-alert {
    font-size: 12px !important;
    position: relative !important;
    top: 5px !important;
    margin-left: -11px !important;
    padding: 0 !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    vertical-align: middle;
    border-radius: 50% !important
}

.badge-light {
    background-color: white !important;
    color: var(--bs-secondary)
}

:focus-visible {
    outline: var(--bs-secondary) auto 1px
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-secondary-rgb), 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), 0.7);
    --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), 0)
}

.btn {
    --bs-btn-padding-x: 18px;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-active-border-color: var(--bs-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.btn .icon {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    position: relative
}

.btn .icon-size-1 {
    font-size: 14px !important
}

.btn .icon-size-3 {
    font-size: 20px !important
}

.btn .icon-size-4 {
    font-size: 24px !important
}

.btn .icon:first-child {
    margin-right: 8px
}

.btn .icon:last-child {
    margin-left: 8px
}

.btn:hover {
    text-decoration: none !important
}

.btn-rounded {
    border-radius: 30px;
    width: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-block {
    width: 100%
}

[class*="append-icon-"] {
    width: 100%;
    position: relative
}

[class*="append-icon-"] .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px
}

.append-icon-pre .icon {
    left: 12px
}

.append-icon-pos .icon {
    right: 12px
}

.nav-link.btn-icon,
.btn-icon {
    padding: 0;
    display: inline-flex;
    height: 44px;
    align-items: center;
    justify-content: center
}

.nav-link.btn-icon .icon,
.btn-icon .icon {
    font-size: 20px
}

.nav-link.btn-icon.btn-icon-rounded,
.btn-icon.btn-icon-rounded {
    width: 44px
}

.nav-link.btn-icon.btn-xl .icon,
.btn-icon.btn-xl .icon {
    font-size: 28px
}

.js-toggle-pass {
    cursor: pointer
}

.js-toggle-pass.active .icon:before {
    content: "\e902"
}

.btn-append-title {
    position: relative
}

.btn-append-title:before {
    content: attr(aria-title);
    position: absolute;
    left: 12px;
    top: -0.7em;
    font-size: 10px;
    color: var(--bs-gray-500);
    background-color: var(--bs-body-bg);
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px
}

.btn-outline-gray {
    color: #000;
    border-color: var(--bs-gray-300)
}

.btn-outline-gray:hover,
.btn-outline-gray:focus,
.btn-outline-gray:active {
    color: var(--bs-secondary);
    border-color: var(--bs-secondary)
}

.btn-outline-gray[aria-expanded="true"] {
    color: var(--bs-secondary);
    border-color: var(--bs-secondary)
}

.btn-gray {
    color: var(--bs-gray-500)
}

.btn-gray:hover {
    background-color: var(--bs-gray-400) !important;
    color: var(--bs-gray-700) !important
}

.btn-icon-small {
    height: 32px
}

.btn-icon-small .icon {
    font-size: 16px !important
}

.btn-icon-small.btn-icon-rounded {
    width: 32px
}

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

.btn.btn-link-text {
    padding-left: 3px;
    padding-right: 3px
}

.btn.btn-link-text span:not(.icon) {
    text-decoration: underline
}

.btn.btn-link-text:hover span:not(.icon) {
    text-decoration: none
}

.btn.btn-link-text .icon {
    vertical-align: middle
}

.page-pre-permalink {
    text-align: left
}

.page-pre-permalink button {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: flex-start;
    color: var(--bs-gray-800);
    font-size: 14px;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    transition: 0.15s;
    margin-left: 0;
    margin-right: auto
}

.disabled .page-permalink {
    color: var(--bs-gray-500)
}

.counter-filters {
    margin-left: 3px;
    vertical-align: middle
}

.btn-custom-1 {
    border-radius: 50%;
    width: 44px;
    height: 44px
}

.btn-custom-1:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2) !important
}

a.text-decoration-none:hover {
    text-decoration: underline !important
}

.page-list-active-filters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px
}

.filter-active {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: var(--bs-gray-700)
}

.filter-active .btn-icon {
    position: relative;
    top: -2px
}

.filter-active .filter-active-value {
    display: inline-block;
    position: relative
}

.btn.btn-triangule {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: var(--bs-gray-700);
    --bs-btn-active-border-color: transparent !important;
    -webkit-appearance: button !important;
    background-color: transparent !important;
    outline: none !important;
    border: none !important
}

.btn.btn-triangule:focus,
.btn.btn-triangule:active,
.btn.btn-triangule:hover {
    outline: none !important;
    border: none !important;
    color: var(--bs-primary)
}

.btn.btn-triangule:focus .icon,
.btn.btn-triangule:active .icon,
.btn.btn-triangule:hover .icon {
    color: var(--bs-primary)
}

.btn.btn-triangule .icon {
    font-size: 10px !important
}

.button-counter {
    color: var(--bs-primary);
    min-width: 22px;
    display: inline-block;
    position: relative;
    margin-right: -5px
}

.navbar-toggler:hover {
    background-color: var(--bs-secondary);
    color: white
}

.btn-group-custom-nav .dropdown-item {
    font-size: 13px;
    font-weight: 600
}

.btn-group-custom-nav .dropdown-item .icon {
    font-size: 20px;
    color: var(--bs-secondary);
    margin-right: 8px;
    vertical-align: middle
}

@keyframes anim {
    from {
        color: var(--bs-primary);
        top: -10px
    }

    to {
        color: var(--bs-secondary);
        top: -30px
    }
}

.effect {
    font-weight: 600;
    animation-name: anim;
    animation-duration: 1s;
    position: absolute;
    right: 0;
    z-index: 10
}

.media-preview-helpers .btn-wrap {
    position: relative
}

.media-preview-helpers .btn-wrap .effect {
    width: 100%;
    text-align: center
}

.media-preview-helpers .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-outline-secondary {
    background: none;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary)
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 30px;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --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
}

.card-header {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 500px) {
    .card-header {
        padding-left: 15px;
        padding-right: 15px
    }
}

.card-header,
.card-body {
    padding: 15px !important
}

.card-body-y {
    padding-top: 15px;
    padding-bottom: 15px
}

.media-card {
    text-align: center;
    background-color: white;
    padding: 25px 35px 20px;
    height: 100%;
    position: relative
}

@media (max-width: 991px) {
    .media-card {
        padding: 20px 30px 16px
    }
}

.media-card:has(.js-row-toggle:checked) {
    background-color: var(--bs-secondary-lighter) !important
}

.pre-selected .media-card .media-st {
    opacity: 1
}

.pre-selected .media-card .media-actions {
    opacity: 0.5;
    pointer-events: none
}

.media-card:hover,
.media-card:active .media-card.active {
    background-color: var(--bs-secondary-lighter)
}

.media-card:hover .media-st,
.media-card:active .media-card.active .media-st {
    opacity: 1
}

.media-card .media-st {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: opacity 0.33s;
    opacity: 0
}

.media-card .btn-icon.btn-icon-small .icon {
    font-size: 20px !important
}

.media-card .btn-icon.btn-icon-small2 .icon {
    font-size: 18px !important
}

.meta {
    font-size: 13px;
    color: var(--bs-gray-600);
    margin: 2px 0
}

.meta strong {
    font-weight: 400
}

.media-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.media-thumb {
    max-width: 150px;
    margin: 0 auto 10px
}

.media-thumb img {
    max-width: 100%;
    object-fit: cover
}

.card-body {
    background-color: white
}

.card-header-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    font-size: 12px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid var(--bs-gray-300)
}

.card-title {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase
}

.btn-icon.collapsed .icon:before {
    content: "\e906"
}

.card-collapse {
    padding-left: 6px;
    border-left: 1px solid #c0c1c5
}

.card-collapse .btn {
    position: relative;
    margin-right: -4px
}

.custom-checkbox input,
.custom-radio input {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
    visibility: hidden
}

.custom-checkbox input:focus+.label::before,
.custom-radio input:focus+.label::before {
    -webkit-box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2) !important;
    box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2) !important
}

.custom-checkbox input:active+.label::before,
.custom-radio input:active+.label::before {
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.custom-checkbox .label,
.custom-radio .label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-weight: 300;
    min-height: 18px;
    min-width: 18px;
    align-items: center;
    display: inline-flex;
    padding-left: 28px;
    position: relative;
    cursor: pointer
}

.custom-checkbox .label:empty,
.custom-radio .label:empty {
    padding-left: 18px
}

.custom-checkbox .label::before,
.custom-radio .label::before {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid var(--bs-tertiary-color);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    color: var(--bs-primary);
    width: 18px;
    height: 18px;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.custom-checkbox .label::after,
.custom-radio .label::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    background-color: #444;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 18px;
    height: 18px;
    transform: scale(0);
    transform-origin: 50%;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.custom-radio .label::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    background-color: var(--bs-primary);
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    transform-origin: 50%;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    z-index: 100
}

.custom-checkbox[disabled] .label::before,
.custom-radio[disabled] .label::before {
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128, 128, 128, 0.5)
}

.custom-checkbox[disabled]:active .label::before,
.custom-checkbox[disabled]:focus .label::before,
.custom-checkbox[disabled]:hover .label::before,
.custom-radio[disabled]:active .label::before,
.custom-radio[disabled]:focus .label::before,
.custom-radio[disabled]:hover .label::before {
    border-color: rgba(128, 128, 128, 0.5);
    -webkit-filter: none;
    filter: none;
    -webkit-transition: none;
    transition: none
}

.custom-checkbox input:checked+.label::before {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.custom-checkbox .label::after {
    background-color: transparent;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 3px;
    border-style: solid;
    border-color: white;
    border-width: 0 0 2px 2px;
    border-radius: 0;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transition: none;
    z-index: 1
}

.custom-checkbox input:checked+.label,
.custom-radio input:checked+.label {
    font-weight: 600
}

.custom-checkbox input:checked+.label::after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.custom-radio .label::before,
.custom-radio .label::after {
    border-radius: 50%
}

.custom-radio input:checked:active+.label::before,
.custom-radio input:checked:focus+.label::before {
    animation: none;
    filter: none;
    transition: none
}

.custom-radio input:checked+.label::before {
    -webkit-animation: none;
    animation: none;
    background-color: #fff
}

.custom-radio input:checked+.label::after {
    transform: scale(1)
}

.custom-checkbox.custom-checkbox-check-status.half-checked .label:after {
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    border: none;
    background-color: white;
    transform: scale(1);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.custom-checkbox.custom-checkbox-check-status.half-checked .label:before {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.custom-checkbox.custom-checkbox-check-status.checked .label:after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.custom-checkbox.custom-checkbox-check-status.checked .label:before {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

select.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid grey;
    border-radius: 0;
    padding: 0.25em 0.4em;
    padding-right: 1.5em
}

select.custom-select:focus,
select.custom-select:hover {
    border-color: black;
    outline: none
}

select.custom-select:active {
    border-color: #900
}


@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    select.custom-select::-ms-expand {
        display: none
    }

    select.custom-select:focus::-ms-value {
        background: transparent;
        color: grey
    }
}

.toogle-checkbox {
    display: inline-block;
    height: 18px
}

.toogle-checkbox input {
    position: relative;
    width: 30px;
    height: 18px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--bs-gray-300);
    outline: none;
    border-radius: 2rem;
    cursor: pointer
}

.toogle-checkbox input::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: 0.5s
}

.toogle-checkbox input:checked::before {
    transform: translateX(100%);
    background: #fff
}

.toogle-checkbox input:checked {
    background: var(--bs-success-text)
}

.dropdown-menu {
    background-color: white
}

a.button:hover,
a.dropdown-item:hover {
    color: var(--bs-primary)
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--bs-gray-200)
}

.dropdown-toggle {
    font-size: 14px
}

.dropdown-toggle.show::after {
    transform: rotate(-180deg)
}

.dropdown-toggle::after {
    font-family: 'icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    width: 12px;
    height: 12px;
    border: none !important;
    position: relative
}

.dropdown-toggle-o {
    border: 1px solid white;
    border-radius: 24px;
    padding-left: 22px !important;
    padding-right: 22px !important
}

.dropdown-item {
    font-size: 14px
}

.form-control {
    font-size: 14px;
    min-height: 44px;
    border-radius: var(--bs-border-radius-sm)
}

.form-custom-search .form-control {
    padding-right: 40px;
    max-width: 180px
}

.form-custom-search .form-control::-webkit-search-cancel-button {
    color: var(--bs-secondary)
}

.form-custom-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 448 448'%3E%3Cpath fill='%236D2852' d='M0 224c0-123.5 100.5-224 224-224s224 100.5 224 224c0 123.5-100.5 224-224 224s-224-100.5-224-224zM420 224c0-108.1-87.9-196-196-196s-196 87.9-196 196c0 108.1 87.9 196 196 196s196-87.9 196-196z'%3E%3C/path%3E%3Cpath fill='%236D2852' d='M244.7 224l87.2-87.2c5.7-5.7 5.7-15 0-20.7s-15-5.7-20.7 0l-87.2 87.2-87.2-87.2c-5.7-5.7-15-5.7-20.7 0s-5.7 15 0 20.7l87.2 87.2-87.2 87.2c-5.7 5.7-5.7 15 0 20.7 2.9 2.9 6.6 4.3 10.3 4.3s7.5-1.4 10.3-4.3l87.2-87.2 87.2 87.2c2.9 2.9 6.6 4.3 10.3 4.3 3.8 0 7.5-1.4 10.3-4.3 5.7-5.7 5.7-15 0-20.7l-87-87.2z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center
}

.form-control-sm {
    min-height: 34px;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 2px
}

.form-control-text-small {
    font-size: 14px
}

.form-control.textarea-editor {
    min-height: 240px;
    padding: 0.375rem 0.75rem;
    color: var(--bs-body-color)
}

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

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}


.form-control:focus {
    border-color: var(--bs-secondary);
    outline: 0;
    background-color: var(--bs-gray-200) !important
}

select.color-placeholder {
    color: var(--bs-tertiary-color) !important
}

.form-label-tn {
    font-size: 12px;
    margin-bottom: 4px
}

.input-group-alpha {
    position: relative
}

.input-group-alpha input {
    padding-right: 40px !important
}

.input-group-alpha .input-group-text {
    padding: 2px 6px;
    font-size: 18px;
    color: var(--bs-secondary);
    background-color: transparent !important;
    border: none !important;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 40px;
    pointer-events: none;
    z-index: 10
}

#custom_css_editor,
#custom_javascript_editor {
    width: 100%;
    height: 500px
}

.ace-monokai {
    background-color: #272822;
    color: #F8F8F2
}

.error>label {
    color: var(--bs-danger) !important
}

.card-header>.error-msg {
    margin-top: 10px;
    margin-bottom: 0;
    color: var(--bs-danger)
}

.password-strength-group .password-strength-meter {
    width: 100%;
    transition: height 0.3s;
    display: flex;
    justify-content: stretch
}

.password-strength-group .password-strength-meter .meter-block {
    height: 4px;
    background: #ccc;
    margin-right: 6px;
    flex-grow: 1
}

.password-strength-group .password-strength-meter .meter-block:last-child {
    margin: 0
}

.password-strength-group .password-strength-message {
    font-weight: 20px;
    height: 1em;
    text-align: right;
    transition: all 0.5s;
    margin-top: 3px;
    position: relative
}

.password-strength-group .password-strength-message .message-item {
    font-size: 12px;
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s
}

.password-strength-group[data-strength="1"] .meter-block:nth-child(-n+1) {
    background: #cc3d04
}

.password-strength-group[data-strength="1"] .message-item:nth-child(1) {
    opacity: 1
}

.password-strength-group[data-strength="2"] .meter-block:nth-child(-n+2) {
    background: #ffc43b
}

.password-strength-group[data-strength="2"] .message-item:nth-child(2) {
    opacity: 1
}

.password-strength-group[data-strength="3"] .meter-block:nth-child(-n+3) {
    background: #9ea60a
}

.password-strength-group[data-strength="3"] .message-item:nth-child(3) {
    opacity: 1
}

.password-strength-group[data-strength="4"] .meter-block:nth-child(-n+4) {
    background: #289116
}

.password-strength-group[data-strength="4"] .message-item:nth-child(4) {
    opacity: 1
}

form .error-msg {
    color: var(--bs-danger);
    font-size: 0.7em
}

.input-group-text-light {
    color: #707070;
    background-color: transparent;
    border-color: transparent
}

[class*="apend-above-"] {
    z-index: 10;
    position: absolute;
    top: 0;
    height: calc(100% - 1px)
}

[class*="apend-above-"]>* {
    height: calc(100%)
}

[class*="apend-above-"] .icon {
    font-size: 20px
}

.apend-above-pos {
    right: 0
}

.apend-above-pre {
    left: 0
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: left;
    background-color: var(--bs-body-bg)
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

[hidden] {
    display: none !important
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-width: 320px;
    --bs-offcanvas-padding-x: 2px;
    --bs-offcanvas-padding-y: 20px;
    --bs-offcanvas-color: var(--bs-gray-900);
    --bs-offcanvas-bg: #fff;
    border: none !important;
    box-shadow: none !important
}

.offcanvas:focus-visible,
.offcanvas-xxl:focus-visible,
.offcanvas-xl:focus-visible,
.offcanvas-lg:focus-visible,
.offcanvas-md:focus-visible,
.offcanvas-sm:focus-visible {
    outline: 0
}

.offcanvas-header {
    background-color: var(--bs-gray-300);
    min-height: 46px;
    align-items: center;
    padding: 2px 20px;
    color: var(--bs-gray-700)
}

.offcanvas-header .icon {
    font-size: 48px;
    color: var(--bs-gray-700);
    margin-right: 10px
}

.offcanvas-header .circle {
    margin-right: 10px
}

.offcanvas-header .circle .icon {
    margin-right: 0
}

.offcanvas-header-xl {
    min-height: var(--bo-header-min-height)
}

.offcanvas-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--bs-gray-700);
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.offcanvas-title .badge {
    font-size: 100%;
    padding-left: 0
}

.offcanvas-body {
    padding: 30px 20px;
    color: var(--bs-gray-700);
    font-size: 14px;
    background-color: white
}

.pagination {
    column-gap: 10px
}

.pagination .page-item.disabled {
    cursor: not-allowed
}

.page-link.page-link-text {
    width: auto;
    border: none !important;
    border-radius: 4px !important
}

.page-link.page-link-text:hover {
    background-color: transparent !important
}

.page-link.page-link-text:first-child {
    margin-right: 10px
}

.page-link.page-link-text:last-child {
    margin-left: 10px
}

.nav {
    --bs-nav-link-padding-x: 17px;
    --bs-nav-link-padding-y: 11.5px;
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: var(--bs-primary)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius-xl);
    --bs-nav-pills-link-active-color: #000;
    --bs-nav-pills-link-active-bg: var(--bs-gray-300);
    font-size: 14px
}

.page-list-nav {
    padding-top: 20px;
    margin-top: -20px;
    padding-bottom: 10px;
    z-index: 999;
    background-color: var(--bs-gray-100)
}

.navbar-actions .nav-item {
    padding-left: 14px;
    padding-right: 14px
}

.page-nav-main-group .nav:not(.nav-pills) {
    position: relative;
    margin-left: calc(-1 * var(--bs-nav-link-padding-x))
}

.page-nav-main .nav-link {
    font-size: 16px
}

.page-nav-main .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bs-primary);
    transition: 0.33s;
    opacity: 0
}

.page-nav-main .nav-link.active {
    color: var(--bs-primary)
}

.page-nav-main .nav-link.active:after {
    opacity: 1
}

.page-nav-secondary {
    margin-top: 30px
}

.nav.large-gutter:not(.nav-pills) .nav-item {
    padding-left: var(--bs-nav-link-padding-x);
    padding-right: var(--bs-nav-link-padding-x)
}

.nav:not(.nav-pills) .nav-item {
    padding-left: 8px;
    padding-right: 8px
}

.nav:not(.nav-pills) .nav-link {
    font-size: 16px;
    position: relative;
    padding: 8px 0
}

.nav:not(.nav-pills) .nav-link .icon {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    position: relative
}

.nav:not(.nav-pills) .nav-link .icon.pre {
    margin-right: 5px
}

.nav:not(.nav-pills) .nav-link .icon.pos {
    margin-left: 5px
}

.page-nav {
    background: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    padding-top: 20px;
    padding-bottom: 20px
}

.page-nav-list-nav-multiple {
    display: none
}

.modal {
    --bs-modal-width: 420px;
    --bs-modal-inner-border-radius: 8px;
    --bs-modal-footer-bg: white
}

.modal-header {
    background-color: var(--bs-gray-300);
    min-height: 46px;
    padding: 2px 20px;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.modal-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--bs-gray-900)
}

.modal-body {
    padding: 30px 20px;
    color: var(--bs-gray-700);
    font-size: 14px;
    background-color: white
}

.modal-body p {
    margin-bottom: 8px
}

.modal-body p:last-child {
    margin-bottom: 0
}

.modal-body strong {
    color: #000
}

.modal-footer {
    justify-content: center;
    padding: 10px 20px;
    border-top-color: var(--bs-gray-300);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    column-gap: 20px
}

.modal-footer .btn {
    width: auto;
    display: inline-flex;
    min-width: 148px
}

.table-content {
    font-size: 14px
}

.table-content thead {
    background-color: var(--bs-gray-300)
}

.table-content thead th {
    font-size: 12px;
    font-weight: 700;
    height: 46px
}

.table-content th,
.table-content td {
    vertical-align: middle;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-bottom: none !important
}

.table-content>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-secondary-lighter);
    color: var(--bs-table-hover-color)
}

.table-content tbody td {
    height: 40px
}

.table-content tbody tr:nth-child(odd)>* {
    background-color: #F6F5FA
}

.table-content a:not(.btn) {
    color: #000;
    text-decoration: none
}

.table-content a:not(.btn):hover {
    text-decoration: underline
}

.table-content tr {
    transition: 0.33s;
    border-bottom: 1px solid #F6F5FA
}

tr.child-row {
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.33s
}

tr.child-row>td {
    transition: opacity 0.33s;
    transition-delay: 0.15s
}

tr.child-row.expand>td {
    opacity: 1
}

tr.expand-next .page-pre-permalink {
    transform: rotate(90deg)
}

.child-row-level-1 .page-pre-permalink {
    margin-left: 24px
}

.child-row-level-2 .page-pre-permalink {
    margin-left: calc(24px * 2)
}

.child-row-level-3 .page-pre-permalink {
    margin-left: calc(24px * 3)
}

.row-counter {
    font-size: 20px;
    font-weight: 400
}

.cell-left-separator {
    border-left: 1px solid rgba(0, 0, 0, 0.03)
}

.cell-table-actions .group-links {
    white-space: nowrap;
    display: inline-block
}

@media (max-width: 900px) {
    .mobile-hidden-md {
        display: none !important
    }

    .table-content {
        display: block;
        position: relative
    }

    .table-content tbody tr:nth-child(odd) {
        background-color: #F6F5FA
    }

    .table-content tbody tr:nth-child(odd)>*,
    .table-content>:not(caption)>*>*,
    .table-content>tbody>tr:hover>* {
        background-color: transparent
    }

    .table-content>tbody>tr:hover>* {
        --bs-table-accent-bg: transparent
    }

    .table-content>tbody>tr:hover {
        background-color: var(--bs-secondary-lighter)
    }

    .table-content tr.child-row:not(.expand) {
        opacity: 1;
        visibility: visible;
        max-height: 1000px;
        height: auto !important
    }

    .table-content .page-pre-permalink,
    .table-content thead {
        display: none !important
    }

    .table-content tbody {
        white-space: normal;
        display: block
    }

    .table-content tr,
    .table-content td {
        width: 100%;
        white-space: normal;
        display: block
    }

    .table-content tbody td {
        height: auto;
        font-size: 14px
    }

    .table-content time {
        font-size: 13px
    }

    .table-content tr {
        position: relative;
        padding: 10px 12px !important;
        position: relative;
        width: 100%
    }

    .table-content td.cell-top-button {
        padding: 0 !important;
        position: absolute;
        top: 12px;
        left: 12px;
        width: auto;
        z-index: 10
    }

    .table-content [cell-label] {
        display: flex;
        align-items: center
    }

    .table-content [cell-label]:before {
        content: attr(cell-label);
        font-size: 10px;
        font-weight: 700;
        flex: 0 0 clamp(100px, 30vw, 200px);
        text-align: right;
        padding-right: 12px;
        line-height: 1.2
    }
}

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

@media (max-width: 768px) {

    .pb-5,
    .py-5 {
        padding-bottom: 1.5rem !important
    }

    .pt-5,
    .py-5 {
        padding-top: 1.5rem !important
    }
}

@media (min-width: 768px) {
    .w-75-md {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.bg-dark {
    background-color: var(--bs-primary) !important;
    color: white
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .navbar-toggler,
.navbar-dark .navbar-nav .nav-link {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: white;
    border-color: white
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFF' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.custom-select {
    visibility: hidden
}

.navbar-dark .custom-select {
    background-color: var(--bs-primary);
    border-color: white;
    color: white
}

.page-main {
    padding-top: 20px;
    padding-bottom: 20px
}

.page-list-title {
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 700;
    margin-bottom: 0 !important
}

.page-content {
    padding-top: 30px;
    padding-bottom: 30px
}

.page-list-title-min {
    min-width: 344px
}

.brand-title {
    font-size: 14px !important
}

.brand-title .h2 {
    font-size: 36px !important;
    display: block;
    margin-bottom: 0
}

.card-header.d-flex {
    min-height: 88px
}

@media (min-width: 768px) {
    .brand-title .h2 {
        display: inline-block
    }
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    border-radius: 0;
    direction: ltr;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid #D8E1E6;
    background-color: white;
    font-size: 12px
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.15)
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 0 !important;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #777777
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eeeeee;
    cursor: pointer
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: var(--bs-gray-700);
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
    color: var(--bs-gray-700);
    background-color: #afd9ee;
    border-color: #298fc2
}

.datepicker table tr td.highlighted:hover {
    color: var(--bs-gray-700);
    background-color: #afd9ee;
    border-color: #52addb
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
    color: var(--bs-gray-700);
    background-color: #afd9ee;
    border-color: #52addb
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
    color: var(--bs-gray-700);
    background-color: #91cbe8;
    border-color: #298fc2
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
    background-color: #d9edf7;
    border-color: #85c5e5
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777777
}

.datepicker table tr td.today {
    background-color: var(--bs-primary);
    color: white
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    color: white;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.today:hover {
    color: white;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
    background-color: var(--bs-primary);
    color: white
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
    color: white;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.focused {
    background: #ffc966
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    opacity: 0.7
}

.datepicker table tr td.range {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary-lighter)
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary-lighter)
}

.datepicker table tr td.range:hover {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary-lighter)
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary-lighter)
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary-lighter)
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
    opacity: 0.7
}

.datepicker table tr td.range.focused {
    color: white;
    background: var(--bs-secondary)
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    opacity: 0.7
}

.datepicker table tr td.range.highlighted {
    color: var(--bs-gray-700);
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
    color: var(--bs-gray-700);
    background-color: #c1d7e3;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted:hover {
    color: var(--bs-gray-700);
    background-color: #c1d7e3;
    border-color: #73a6c0
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
    color: var(--bs-gray-700);
    background-color: #c1d7e3;
    border-color: #73a6c0
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
    color: var(--bs-gray-700);
    background-color: #a8c8d8;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777777
}

.datepicker table tr td.range.today {
    color: white;
    background-color: var(--bs-primary)
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
    color: white;
    background-color: var(--bs-primary)
}

.datepicker table tr td.range.today:hover {
    color: white;
    background-color: var(--bs-primary)
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
    color: white;
    background-color: var(--bs-primary)
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
    color: white;
    background-color: var(--bs-primary)
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
    opacity: 0.7
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    opacity: 0.7
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
    opacity: 0.7
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: #fff;
    background-color: var(--bs-secondary)
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
    opacity: 0.6
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eeeeee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: default
}

.datepicker table tr td span.month:hover,
.datepicker table tr td span.month.focused {
    background: var(--bs-primary);
    color: white
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
    color: #fff;
    background-color: var(--bs-primary)
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
    opacity: 0.7
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: var(-bs-gray-700)
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .prev,
.datepicker .next {
    font-size: 24px;
    color: var(--bs-secondary)
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    color: var(--bs-primary)
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.date-piker-range {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.33s;
    transition-delay: 0.40s
}

.date-piker-range.visible {
    max-height: 10000px;
    visibility: visible;
    opacity: 1
}

.date-piker-range .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.date-piker-range .datepicker {
    widows: 100% !important;
    min-width: 280px
}

.date-piker-range .datepicker-dropdown:before,
.date-piker-range .datepicker-dropdown:after {
    display: none !important
}

.full-datepicker .datepicker table {
    table-layout: fixed;
    width: 100%
}

.full-datepicker .datepicker table tr td,
.full-datepicker .datepicker table tr th {
    width: auto;
    height: 30px;
    border-radius: 0
}

.datepicker {
    color: var(--ba-gray-900);
    font-size: 14px
}

.datepicker table .dow {
    font-weight: 600
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    max-width: 100%
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

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

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

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

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

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

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

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

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

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

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

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

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

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

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

.dropzone {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px dashed var(--bs-gray-300);
    background: #fff;
    padding: 20px 20px 40px;
    position: relative;
    color: var(--bs-gray-300);
    text-align: center;
    font-size: 18px
}

.dropzone input[type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dropzone small {
    font-size: 100%;
    font-weight: 400
}

.dropzone .append-bottom {
    text-align: center;
    margin-top: 5px;
    font-size: 13px
}

.dropzone.dz-clickable {
    cursor: pointer
}

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

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

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

.dropzone.dz-drag-hover {
    border-style: dashed;
    border-color: rgba(var(--bs-secondary-rgb), 0.15) !important;
    background-color: rgba(var(--bs-secondary-rgb), 0.15) !important
}

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

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

.dz-message .dz-button {
    background: none;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    outline: inherit
}

.dz-preview {
    background: none;
    color: var(--bs-gray-700);
    position: relative;
    margin: 20px 0 10px;
    min-height: 100px;
    text-align: center
}

.dz-preview a {
    color: var(--bs-gray-700)
}

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

.dz-preview.dz-file-preview .dz-image img {
    margin-left: auto;
    margin-right: auto
}

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

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

.dz-preview .dz-details {
    z-index: 20;
    font-size: 13px;
    padding: 10px 10px;
    text-align: center;
    line-height: 1.2
}

.dz-edit-link {
    font-size: 14px;
    margin-right: 10px
}

.dz-edit-link a {
    color: var(--bs-secondary)
}

.dz-edit-link a:hover {
    text-decoration: none
}

.dz-preview .dz-details .dz-size {
    margin-top: 4px;
    margin-bottom: 1em;
    font-size: 13px
}

.dz-preview .dz-details .dz-size strong {
    font-weight: 400
}

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

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

.dz-filename {
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.dz-preview .dz-image {
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

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

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

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

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

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

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

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

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

.dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 10px;
    left: 50%;
    bottom: -5px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

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

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

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

.dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    display: block;
    display: none;
    opacity: 1;
    transition: opacity 0.3s ease;
    font-size: 12px;
    padding: .5em 0;
    color: var(--bs-danger-text)
}

.details-thumb {
    position: relative;
    padding-bottom: 12px
}

.details-thumb img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.details-text {
    padding-left: 14px;
    color: var(--bs-gray-500)
}

.dz-error .details-text {
    padding-bottom: 30px
}

.dz-remove {
    color: var(--bs-secondary) !important;
    font-size: 14px;
    text-decoration: none
}

.dz-remove span:not(.icon) {
    text-decoration: underline
}

.dz-remove:hover {
    text-decoration: none !important
}

.dz-remove:hover span:not(.icon) {
    text-decoration: none
}

.dz-remove .icon {
    font-size: 20px;
    vertical-align: middle;
    color: var(--bs-primary);
    margin-right: 5px
}

.media-preview {
    max-width: 280px
}

.media-preview-thumb {
    margin-bottom: 20px;
    text-align: center
}

.media-preview-thumb img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.media-preview-filetype {
    margin-bottom: 20px
}

.media-preview-actions {
    font-size: 14px
}

.media-preview-text {
    text-align: center
}

.list-group-rows {
    font-size: 14px;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    position: relative
}

.list-group-rows .list-group {
    margin-bottom: 0;
    transition: max-height 0.33s
}

.list-group-rows .list-group>.list-group-item:nth-child(odd)>.dd-row {
    background-color: white
}

.list-group-rows .list-group:empty {
    overflow: visible;
    min-height: 1px
}

.list-group-rows .list-group.list-hide:empty,
.list-group-rows .list-group.list-hide {
    min-height: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden
}

.list-group-rows .list-group .page-pre-permalink {
    margin-left: calc(24px * 0)
}

.list-group-rows .list-group .list-group {
    margin-bottom: 0
}

.list-group-rows .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 1)
}

.list-group-rows .list-group .list-group .list-group {
    margin-bottom: 0
}

.list-group-rows .list-group .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 2)
}

.list-group-rows .list-group .list-group .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 3)
}

.list-group-rows .list-group .list-group .list-group .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 4)
}

.list-group-rows .list-group .list-group .list-group .list-group .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 5)
}

.list-group-rows .list-group .list-group .list-group .list-group .list-group .list-group .list-group .page-pre-permalink {
    margin-left: calc(24px * 6)
}

.list-group-rows .list-group-item {
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important
}

.list-group-rows .list-group-item .dd-row {
    transition: 0.33s
}

.list-group-rows .list-group-item .dd-row:hover {
    background: var(--bs-secondary-lighter) !important
}

.list-group-rows .list-hide:empty>.list-group,
.list-group-rows .list-hide>.list-group {
    min-height: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden
}

.list-group-rows .list-hide:empty>.dd-row .page-pre-permalink .icon-chevr-right:before,
.list-group-rows .list-hide>.dd-row .page-pre-permalink .icon-chevr-right:before {
    content: "\e906"
}

.list-group-rows .list-hide:empty>.dd-row .page-pre-permalink .icon-chevr-down:before,
.list-group-rows .list-hide>.dd-row .page-pre-permalink .icon-chevr-down:before {
    content: "\e909"
}

.list-group-rows time {
    font-size: 13px
}

.list-group-rows a:not(.btn) {
    color: #000;
    text-decoration: none
}

.list-group-rows a:not(.btn):hover {
    text-decoration: underline
}

.list-group-rows .sortable-ghost .dd-row {
    background-color: pink !important
}

.list-group-rows .sortable-chosen .dd-row:focus,
.list-group-rows .sortable-chosen .dd-row:hover,
.list-group-rows .sortable-chosen .dd-row {
    background: rgba(var(--bs-secondary-rgb), 0.2) !important
}

.list-group-rows .sortable-drag .dd-row {
    background-color: green !important
}

.page-pre-permalink {
    min-width: 24px
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd-list .dd-list .page-pre-permalink {
    margin-left: 24px
}

.dd-list .dd-list .dd-list .page-pre-permalink {
    margin-left: calc(24px * 2)
}

.dd-list .dd-list .dd-list .dd-list .page-pre-permalink {
    margin-left: calc(24px * 3)
}

.dd-list .dd-list .dd-list .dd-list .dd-list .page-pre-permalink {
    margin-left: calc(24px * 4)
}

.dd-row {
    display: flex;
    align-content: stretch;
    justify-content: flex-start
}

.dd-row-header {
    background-color: var(--bs-gray-300);
    font-size: 12px;
    font-weight: bold;
    color: #000
}

.dd-row-header .dd-col {
    min-height: 46px
}

.dd-row-header .col-left-separator {
    border-color: transparent
}

.dd-col {
    flex: 1 1 auto;
    padding: 4px 5px;
    min-height: 40px;
    display: flex;
    align-items: center
}

.row-actions-mobile {
    display: none
}

.col-left-separator {
    border-left: 1px solid rgba(0, 0, 0, 0.03)
}

.dd-col-size-auto {
    flex: 1 1 auto
}

.dd-col-size-full {
    flex: 1 1 100%
}

.dd-col-size-0 {
    flex: 0 0 40px
}

.dd-col-size-1 {
    flex: 0 0 50px
}

.dd-col-size-2 {
    flex: 0 0 60px
}

.dd-col-size-3 {
    flex: 0 0 70px
}

.dd-col-size-4 {
    flex: 0 0 80px
}

.dd-col-size-5 {
    flex: 0 0 90px
}

.dd-col-size-6 {
    flex: 0 0 100px
}

.dd-col-size-7 {
    flex: 0 0 110px
}

.dd-col-size-8 {
    flex: 0 0 120px
}

.dd-col-size-9 {
    flex: 0 0 130px
}

.dd-col-size-10 {
    flex: 0 0 140px
}

.dd-col-size-11 {
    flex: 0 0 150px
}

.dd-col-size-12 {
    flex: 0 0 160px
}

.dd-col-size-13 {
    flex: 0 0 170px
}

.dd-col-size-14 {
    flex: 0 0 180px
}

.dd-col-size-15 {
    flex: 0 0 190px
}

.dd-col-size-16 {
    flex: 0 0 200px
}

.dd-col-size-17 {
    flex: 0 0 210px
}

.dd-col-size-18 {
    flex: 0 0 220px
}

.dd-col-size-19 {
    flex: 0 0 230px
}

.dd-col-size-20 {
    flex: 0 0 240px
}

.dd-col-size-21 {
    flex: 0 0 250px
}

.dd-col-size-22 {
    flex: 0 0 260px
}

.dd-col-size-23 {
    flex: 0 0 270px
}

.dd-col-size-24 {
    flex: 0 0 280px
}

.dd-col-size-25 {
    flex: 0 0 290px
}

.dd-col-size-26 {
    flex: 0 0 300px
}

.dd-col-size-27 {
    flex: 0 0 310px
}

.dd-col-size-28 {
    flex: 0 0 320px
}

.dd-col-size-29 {
    flex: 0 0 330px
}

.dd-col-size-30 {
    flex: 0 0 340px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 40px
}

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 40px;
    background: var(--bs-secondary-lighter);
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

@media (max-width: 960px) {
    .list-group-rows .list-group-item .dd-row {
        border-bottom: 1px solid #ededed
    }

    .dd-header {
        display: none !important
    }

    .group-links-desktop {
        display: none !important
    }

    .dd-row {
        display: block;
        position: relative;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .dd-row .custom-checkbox {
        position: absolute;
        left: 18px;
        top: 18px
    }

    .dd-col {
        padding: 0;
        min-height: 0;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5)
    }

    .dd-col[cell-label] {
        display: flex;
        min-height: 40px;
        padding-top: 4px;
        padding-right: 4px
    }

    .dd-col[cell-label]:before {
        content: attr(cell-label);
        flex: 0 0 100px;
        text-align: right;
        padding-right: 18px;
        font-size: 10px;
        font-weight: 700;
        color: black;
        line-height: 1.1
    }

    .dd-col .js-delete-row,
    .dd-col .group-links {
        display: none !important
    }

    .dd-col .row-actions-mobile {
        display: block !important;
        position: absolute;
        top: 4px;
        right: 3px
    }

    .dd-col .row-actions-mobile-second {
        bottom: 4px;
        top: auto
    }
}

#lightbox .modal-body {
    padding: 0 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#lightbox .arrow {
    position: absolute;
    top: calc(50% + 20px);
    text-decoration: none;
    font-size: 20px
}

#lightbox .arrow-prev {
    left: 10px
}

#lightbox .arrow-prev:hover {
    background-position: bottom left
}

#lightbox .arrow-next {
    right: 10px;
    background-position: top right
}

#lightbox .arrow-next:hover {
    background-position: bottom right
}

.record-images {
    padding-top: 0
}

.record-images ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.images li,
.record-images li {
    position: relative;
    list-style: none !important;
    margin-bottom: 20px
}

.record-images li img {
    display: block
}

.record-images .drop-image {
    float: right;
    margin: 10px
}

.drop-image {
    float: left;
    min-height: 220px;
    max-width: 100%;
    border: 2px dashed var(--bs-gray-300);
    background: #fff;
    padding: 20px 20px 40px;
    position: relative;
    color: var(--bs-gray-300);
    text-align: center;
    font-size: 16px
}

.drop-image.dragover {
    border-style: dashed;
    border-color: rgba(var(--bs-secondary-rgb), 0.15) !important;
    background-color: rgba(var(--bs-secondary-rgb), 0.15) !important
}

.image-preview.visuallyhidden {
    visibility: hidden
}

.box-row-images {
    display: flex;
    align-items: center;
    gap: 0 20px
}

.modal-gallery img {
    display: block;
    max-width: 100%
}

.file-preview {
    width: 160px
}

.media-preview {
    width: 220px
}

.media-preview img {
    display: block;
    max-width: 100%
}

p.small-help-text,
.small-help-text {
    margin: 5px 0 0;
    text-align: center;
    font-size: 13px
}

.image-preview img {
    display: block;
    max-width: 100%;
    max-height: 220px;
    object-fit: contains
}

.image-info {
    font-size: 13px;
    color: var(--bs-gray-500);
    text-align: center
}

#inline-gallery .no-image-found {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60vh
}

.dropzone {
    min-height: 150px;
    border: 2px dashed var(--bs-gray-300);
    background: #fff;
    padding: 20px 20px 40px;
    position: relative;
    color: var(--bs-gray-300);
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.dropzone .btn {
    pointer-events: none
}

.dropzone:drop {
    border-style: dashed;
    border-color: rgba(var(--bs-secondary-rgb), 0.15) !important;
    background-color: rgba(var(--bs-secondary-rgb), 0.15) !important
}

.selectric-custom-select-nav .selectric {
    border: none;
    border-radius: 0;
    background-color: transparent
}

.selectric-custom-select-nav .selectric:hover {
    background-color: transparent;
    color: black
}

.selectric-custom-select-nav .button {
    color: var(--bs-secondary);
    height: 50px;
    align-items: center;
    line-height: 1.4;
    display: flex;
    right: -12px
}

.selectric-custom-select-nav .button .icon {
    font-size: 22px
}

.selectric-custom-select-nav .label {
    display: flex;
    height: 50px;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0;
    margin-right: 30px
}

.selectric-custom-select-nav .selectric-items {
    left: -1.5rem;
    padding: 0;
    margin: 0.125rem 0 0;
    font-size: 16px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    width: calc(100% + 3rem) !important;
    height: auto !important;
    max-height: 300px
}

.selectric-custom-select-nav .selectric-items li {
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    min-height: 40px
}

.cell-table-actions .cell-table-actions-md,
.cell-table-actions .btn-group,
.nav-item-only-md,
.dropdown-small-text-mobile>.dropdown-menu small,
.dropdown-small-text-mobile>.btn small,
.custom-select-nav-wrap {
    display: none
}

.navbar-actions {
    display: flex;
    justify-content: flex-end
}

.navbar-actions .navbar-collapse {
    flex: 0
}

@media (min-width: 901px) {
    tr.child-row:not(.expand) {
        opacity: 0;
        visibility: collapse;
        max-height: 0;
        height: 0 !important
    }

    tr.child-row:not(.expand)>td {
        opacity: 0;
        transition: opacity 0s;
        transition-delay: 0
    }

    .table-content tr:has(.js-row-toggle:checked)>td {
        background-color: var(--bs-secondary-lighter) !important
    }

    .nav-item-only-sm {
        display: none !important
    }

    .nav-item-only-md {
        display: block
    }
}

@media (max-width: 900px) {
    .page-nav-main-group {
        padding-top: 0;
        padding-bottom: 0
    }

    .page-nav-top {
        position: relative;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
    }

    .page-nav-top .page-nav-main {
        display: none
    }

    .page-nav-top .custom-select-nav-wrap {
        display: block
    }

    .page-nav-top-bottom {
        background-color: var(--bs-gray-100)
    }

    .page-nav-top-bottom .selectric-custom-select-nav .label {
        font-size: 20px
    }

    .page-nav-top-bottom .page-nav-secondary {
        display: none
    }

    .page-nav-top-bottom .custom-select-nav-wrap {
        display: block
    }

    .page-nav-top-bottom .custom-select-nav-wrap {
        border-bottom: 1px solid var(--bs-gray-300)
    }

    .btn.btn-reduce-mobile {
        width: 44px;
        min-width: 44px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .btn.btn-reduce-mobile .icon {
        position: relative;
        top: auto;
        transform: none;
        margin-right: 0;
        left: auto
    }

    .btn.btn-reduce-mobile span:not(.icon) {
        display: none
    }

    .btn.btn-append-title:before {
        display: none
    }

    .btn.btn-outline-gray-mobile {
        border: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 13px
    }

    .btn.btn-outline-gray-mobile2 {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px
    }

    .form-custom-search {
        position: relative;
        text-align: right
    }

    .form-custom-search .form-control {
        margin-left: auto;
        margin-right: 0;
        text-align: left
    }

    .form-custom-search:not(.expanded) .form-label {
        font-size: 0;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        bottom: 0;
        z-index: 20
    }

    .form-custom-search:not(.expanded) .form-control {
        width: 0;
        min-width: 44px;
        transition: 0.33s;
        color: transparent
    }

    .form-custom-search:not(.expanded) .form-control::-moz-placeholder {
        color: var(--bs-secondary-color);
        color: transparent;
        opacity: 1
    }

    .form-custom-search:not(.expanded) .form-control::placeholder {
        color: var(--bs-secondary-color);
        color: transparent;
        opacity: 1
    }

    .page-list-actions {
        padding-right: 44px
    }

    .page-list-nav {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .page-list-nav .container.d-flex {
        display: block !important
    }

    .page-list-nav .container.d-flex .page-list-title {
        display: none;
        margin-bottom: 8px !important
    }

    .page-list-nav .page-list-actions {
        position: relative
    }

    .page-list-nav .nav-item-add {
        position: absolute;
        top: 50%;
        right: -4px;
        transform: translateY(-50%)
    }

    .page-list-nav .nav-item-search {
        position: absolute;
        top: 50%;
        right: 54px;
        transform: translateY(-50%)
    }

    .page-header>.navbar>.container {
        min-height: 68px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .table-content th,
    .table-content td {
        padding-left: 2px;
        padding-right: 2px
    }

    .table-content tr:has(.js-row-toggle:checked) {
        background-color: var(--bs-secondary-lighter) !important
    }

    .cell-table-actions .group-links {
        display: none !important
    }

    .cell-table-actions .btn-group {
        display: inline-flex;
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (max-width: 767px) {
    .brand-title {
        font-size: 12px !important;
        letter-spacing: 0.6px
    }

    .brand-title .h2 {
        font-size: 28px !important;
        font-weight: 700
    }

    .page-list-nav .nav:not(.nav-pills) .nav-item {
        padding-left: 6px;
        padding-right: 6px
    }

    .page-list-nav.justify-content-between {
        justify-content: flex-start !important
    }

    .page-list-nav .nav-item.nav-item-first-mobile {
        padding-left: 0 !important
    }

    .dropdown-small-text-mobile>.btn span {
        display: none
    }

    .dropdown-small-text-mobile>.btn small {
        display: inline-block
    }
}

@media (max-width: 500px) {
    .page-header .navbar-actions .nav-item {
        padding-left: 2px;
        padding-right: 2px
    }

    .page-header .navbar-actions .nav-item:last-child {
        padding-right: 0
    }

    .page-header .nav-item-custom-drop .dropdown-menu {
        left: auto;
        right: 0
    }

    .page-header .btn {
        padding-left: 8px;
        padding-right: 8px
    }

    .page-list-title .btn {
        margin-left: 6px !important
    }
}

@media (max-width: 380px) {
    .page-header .navbar-brand {
        margin-right: 0
    }

    .page-header .brand-title {
        font-size: 10px !important;
        letter-spacing: 0
    }

    .page-header .brand-title .h2 {
        font-size: 20px
    }

    .page-list-nav .nav:not(.nav-pills) .nav-item {
        padding-left: 4px;
        padding-right: 4px
    }
}

.bg-gradient-primary {
    background: transparent linear-gradient(90deg, var(--bs-primary) 0%, #3C2664 100%) 0% 0% no-repeat padding-box
}

.w-sm {
    max-width: 300px;
    margin: auto
}

.w-md {
    max-width: 550px;
    margin: auto
}

.w-tn {
    max-width: 110px;
    margin: auto
}

.fade-out-warning {
    position: relative;
    z-index: 1;
    animation: fade_out_warning 0.6s forwards
}

@keyframes fade_out_warning {
    from {
        box-shadow: 0 0 2px 0 rgba(109, 40, 82, 0.1)
    }

    to {
        box-shadow: 0 0 2px 2px rgba(109, 40, 82, 0.7)
    }
}

.circle {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent
}

.circle .icon {
    font-size: 20px
}

.bordered {
    border-color: var(--bs-gray-700)
}

.cell-fixed-1:not(a) {
    width: 40px
}

.cell-fixed-2:not(a) {
    width: 50px
}

.cell-fixed-3:not(a) {
    width: 78px
}

.cell-fixed-4:not(a) {
    width: 88px
}

.cell-fixed-5:not(a) {
    width: 100px
}

.cell-fixed-6:not(a) {
    width: 120px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #FFF
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: var(--bs-success)
}

.toast-error {
    background-color: var(--bs-danger)
}

.toast-info {
    background-color: var(--bs-info)
}

.toast-warning {
    background-color: var(--bs-warning)
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.dropdown-button:hover,
.btn:hover {
    text-decoration: none !important
}

.selectric-custom-select-nav .selectric-items {
    left: 0 !important;
    width: calc(100%) !important
}

.dropdown-item-sep {
    display: flex;
    align-items: center
}

.dropdown-item-sep span {
    flex: 1 1 auto
}

.dropdown-item-sep span.icon {
    flex: 0 0 20px;
    text-align: center
}

.dropdown-item-sep span.icon:last-child {
    text-align: right;
    padding-left: 4px
}

.dropdown-item-sep span.icon:first-child {
    text-align: left;
    padding-right: 4px
}

.timepicker .btn {
    color: var(--bs-primary)
}

.dropdown-menu {
    border-radius: 0
}

.date-piker-range.visible {
    visibility: visible !important;
    overflow: visible !important
}

@media (max-width: 1420px) {
    .nav:not(.nav-pills) .nav-item {
        padding-left: 5px;
        padding-right: 5px
    }
}

.form-control[type=file] {
    min-height: 35px !important
}

.modal-list-wrap {
    padding-left: 30px !important;
    padding-right: 30px !important
}

#modal-list .pagination {
    display: none !important
}

.page-link.disabled,
.disabled>.page-link {
    background-color: transparent
}

.table p {
    margin-bottom: 0
}

body.modal-open {
    padding-right: 0 !important
}

.row-pre-label-with-input {
    padding-top: 32px;
    min-height: calc(44px + 32px)
}

@media (max-width: 767px) {
    .row-custom-1 {
        position: relative;
        padding-left: 44px;
        padding-right: 30px;
        margin-bottom: 20px !important
    }

    .row-custom-1 .col-append-pre {
        position: absolute;
        top: 0;
        left: 0
    }

    .row-custom-1 .col-append-pos {
        position: absolute;
        top: 0;
        right: -12px
    }

    .row-custom-2 {
        padding-left: 32px
    }

    .row-custom-2 .col-fix-size {
        display: none !important
    }
}

.nav .nav-item.error .nav-link {
    background: #ffaeae;
    opacity: 0.6;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%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-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1em + 0.75rem)
}

.nav .nav-item.error .nav-link.active {
    opacity: 1
}

@media (min-width: 961px) {
    .dd-col-size-18 {
        width: 160px;
        min-width: 160px
    }

    .dd-col-size-19 {
        width: 120px;
        min-width: 120px
    }
}

.modal-dialog {
    width: auto !important
}

.row[class*='gx-'] {
    max-width: 100%
}

.selectric-open .selectric .icon-chevr-down:before {
    content: "\e907"
}

.nav-item-search {
    z-index: 20
}

.nav-item-search .form-custom-search.expanded .form-control {
    background-color: var(--bs-body-bg) !important
}

@media (max-width: 960px) {
    .modal-body .container-list-wrap.container {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (max-width: 800px) {
    .modal-body .row.record-item {
        display: block !important
    }
}

.password-field-custom .form-control.is-invalid {
    background-position: right calc(0.375em + 1.9875rem) center
}

/*# sourceMappingURL=style.css.map */